/* Isolated camp shop: the host mounts CampShopUI inside #game-shell. */
#camp-ui{position:absolute;inset:0;z-index:14;pointer-events:none;color:#eee4d0;font-family:var(--sans,'PingFang TC','Microsoft JhengHei',sans-serif)}
#camp-ui [hidden]{display:none!important}#camp-ui button{pointer-events:auto;font:inherit;cursor:pointer}#camp-ui button:disabled{cursor:not-allowed;opacity:.48}#camp-ui button:focus-visible{outline:2px solid #ffe7a8;outline-offset:4px}#camp-ui .camp-icon{display:block;flex:none;width:32px;height:32px;background-image:url('assets/camp-shop.png');background-repeat:no-repeat;background-size:400% 200%;background-position-y:100%;image-rendering:pixelated}#camp-ui .camp-icon-health{background-position-x:0}#camp-ui .camp-icon-energy{background-position-x:33.333333%}#camp-ui .camp-icon-ward{background-position-x:66.666667%}#camp-ui .camp-icon-coins{background-position-x:100%}
#camp-ui .camp-pocket{position:absolute;top:calc(5.1% + 132px);left:4.4%;display:flex;align-items:center;gap:9px;pointer-events:none}#camp-ui .camp-wallet{display:flex;align-items:center;gap:3px;min-width:55px;padding:2px 6px 2px 2px;background:#11171bdc;border:1px solid #b396553a;font:14px Georgia,serif;color:#f0cf81;font-variant-numeric:tabular-nums}#camp-ui .camp-wallet .camp-icon{width:25px;height:25px}#camp-ui .camp-hotbar{display:flex;gap:5px}#camp-ui .camp-potion-slot{position:relative;width:43px;height:43px;padding:3px;background:#211b28df;border:1px solid #bc864f;box-shadow:inset 0 0 0 2px #462b37,0 0 0 1px #452d2d;color:#f5deaf}#camp-ui .camp-potion-slot .camp-icon{width:34px;height:34px}#camp-ui .camp-potion-slot kbd{position:absolute;left:1px;top:1px;min-width:12px;padding:0 2px;border:0;border-radius:0;background:#130f1ccf;font-size:9px;color:#ffe6b3;line-height:12px}#camp-ui .camp-potion-slot b{position:absolute;right:2px;bottom:1px;background:#130f1cde;padding:0 3px;font-size:10px;font-weight:500;line-height:13px;min-width:12px}#camp-ui .camp-potion-slot:hover:not(:disabled){background:#3a2b3d;box-shadow:inset 0 0 0 2px #765135,0 0 0 1px #e8b66b}#camp-ui .camp-pocket-cooldown{position:absolute;top:calc(100% + 5px);right:0;padding:3px 6px;background:#10131dde;color:#d9bd85;font-size:9px;white-space:nowrap;font-variant-numeric:tabular-nums}
#camp-ui .camp-open{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;min-height:42px;padding:8px 15px;background:#171722e8;border:1px solid #bd925b;color:#eddbb3;box-shadow:0 4px 20px #0005;font-size:12px;letter-spacing:2px}#camp-ui .camp-open kbd{color:#ffdeb0;border-color:#c9a57580;min-width:24px;min-height:22px}#camp-ui .camp-open:hover{background:#332535;border-color:#f0c67e}
#camp-ui .camp-shop-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#091019e6,#211723d9);backdrop-filter:blur(4px);pointer-events:auto;overflow:auto;overscroll-behavior:contain}#camp-ui .camp-shop-panel{width:min(850px,100%);max-height:100%;overflow:auto;overscroll-behavior:contain;padding:25px 30px 19px;background:linear-gradient(150deg,#20202a,#121722 70%);border:1px solid #b29468;box-shadow:0 18px 70px #0009,inset 0 0 0 4px #171a23,inset 0 0 0 5px #80684b40;outline:none}#camp-ui .camp-shop-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}#camp-ui .camp-shop-eyebrow{margin:0 0 8px;color:#bd9b67;font-size:9px;letter-spacing:4px}#camp-ui h2{margin:0;font:30px/1.2 var(--serif,'Songti TC',serif);font-weight:400;letter-spacing:5px;color:#f6e3b7}#camp-ui .camp-close{display:flex;align-items:center;gap:10px;min-height:40px;padding:7px 10px;color:#c9b9a4;background:#111722;border:1px solid #88735366;font-size:11px}#camp-ui .camp-close kbd{border:0;min-width:auto;padding:0;font-size:8px;color:#8e8b8a}#camp-ui .camp-close:hover{border-color:#dbba80;color:#f7dfb0}#camp-ui .camp-shop-lead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 0 20px}#camp-ui .camp-shop-lead p{margin:0;font-size:12px;color:#ada9a2;letter-spacing:1px;line-height:1.7}#camp-ui .camp-shop-wallet{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;color:#b8a991}#camp-ui .camp-shop-wallet .camp-icon{width:30px;height:30px}#camp-ui .camp-shop-wallet strong{font:22px Georgia,serif;color:#f4d287;min-width:27px;text-align:right;font-variant-numeric:tabular-nums}
#camp-ui .camp-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#camp-ui .camp-shop-card{display:flex;flex-direction:column;align-items:center;padding:19px 15px 14px;text-align:center;background:#161722;border:1px solid #7a67473d;min-width:0}#camp-ui .camp-item-frame{position:relative;width:105px;height:105px;padding:8px;background:#2c2233;border:4px solid #dc914e;box-shadow:inset 0 0 0 3px #8c4742,0 0 0 2px #5b3039,0 0 0 4px #edb16433;margin:4px 0 17px}#camp-ui .camp-item-frame::before{content:"";position:absolute;inset:3px;background:linear-gradient(#f1be73,#f1be73) left top/8px 3px,linear-gradient(#f1be73,#f1be73) left top/3px 8px,linear-gradient(#f1be73,#f1be73) right top/8px 3px,linear-gradient(#f1be73,#f1be73) right top/3px 8px,linear-gradient(#f1be73,#f1be73) left bottom/8px 3px,linear-gradient(#f1be73,#f1be73) left bottom/3px 8px,linear-gradient(#f1be73,#f1be73) right bottom/8px 3px,linear-gradient(#f1be73,#f1be73) right bottom/3px 8px;background-repeat:no-repeat;pointer-events:none}#camp-ui .camp-item-frame .camp-icon{width:100%;height:100%}#camp-ui h3{margin:0 0 8px;font:18px/1.3 var(--serif,'Songti TC',serif);font-weight:400;letter-spacing:2px;color:#ecdfc3}#camp-ui .camp-item-effect{margin:0;font-size:12px;line-height:1.7;color:#bfc1b7}#camp-ui .camp-item-stock{margin:9px 0 14px;font-size:10px;letter-spacing:1px;color:#9e9589;font-variant-numeric:tabular-nums}#camp-ui .camp-buy{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:41px;width:100%;margin-top:auto;padding:7px 12px;border:1px solid #bc935e;background:#594337;color:#ffe0a4;font-size:12px;letter-spacing:2px;box-shadow:inset 0 1px #f1c78b23}#camp-ui .camp-buy-price{display:flex;align-items:center;gap:2px;letter-spacing:0;font-variant-numeric:tabular-nums}#camp-ui .camp-buy-price .camp-icon{width:23px;height:23px}#camp-ui .camp-buy-price b{font:15px Georgia,serif}#camp-ui .camp-buy:hover:not(:disabled){background:#785538;border-color:#f0bf7b}#camp-ui .camp-buy:disabled{background:#29262b;border-color:#695642;color:#c8b28e;opacity:.65}#camp-ui .camp-shop-feedback{min-height:18px;margin:12px 0 6px;font-size:11px;line-height:1.6;color:#ebc68b;text-align:center}#camp-ui .camp-shop-footer{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #95806035;font-size:10px;line-height:1.7;color:#959890}
@media(max-width:750px),(max-height:650px){#camp-ui .camp-pocket{top:calc(4% + 112px);gap:6px}#camp-ui .camp-shop-overlay{padding:12px}#camp-ui .camp-shop-panel{padding:16px 18px 13px}#camp-ui .camp-shop-eyebrow{margin-bottom:5px;font-size:8px}#camp-ui h2{font-size:24px}#camp-ui .camp-shop-lead{margin:10px 0 12px}#camp-ui .camp-shop-grid{gap:10px}#camp-ui .camp-shop-card{padding:12px 9px 9px}#camp-ui .camp-item-frame{width:74px;height:74px;margin:3px 0 13px;border-width:3px}#camp-ui h3{font-size:16px}#camp-ui .camp-item-effect{font-size:11px}#camp-ui .camp-item-stock{margin:6px 0 9px}#camp-ui .camp-shop-feedback{margin-top:8px}#camp-ui .camp-shop-footer{padding-top:8px;font-size:9px}}
@media(max-width:560px){#camp-ui .camp-pocket{left:4%;top:calc(4% + 105px)}#camp-ui .camp-wallet{font-size:12px;min-width:42px;padding-right:4px}#camp-ui .camp-wallet .camp-icon{width:20px;height:20px}#camp-ui .camp-hotbar{gap:4px}#camp-ui .camp-potion-slot{width:40px;height:40px}#camp-ui .camp-potion-slot .camp-icon{width:31px;height:31px}#camp-ui .camp-shop-lead{align-items:flex-start}#camp-ui .camp-shop-lead p{max-width:50%;font-size:10px}#camp-ui .camp-shop-wallet{gap:3px}#camp-ui .camp-shop-wallet>span:not(.camp-icon){display:none}#camp-ui .camp-shop-grid{grid-template-columns:1fr;gap:10px}#camp-ui .camp-shop-card{display:grid;grid-template-columns:56px minmax(0,1fr) 79px;gap:3px 12px;text-align:left;padding:10px 12px}#camp-ui .camp-item-frame{grid-column:1;grid-row:1/4;width:56px;height:56px;margin:0;padding:5px}#camp-ui h3{grid-column:2;grid-row:1;margin:0;font-size:15px;letter-spacing:1px}#camp-ui .camp-item-effect{grid-column:2;grid-row:2;font-size:10px}#camp-ui .camp-item-stock{grid-column:2;grid-row:3;margin:0;font-size:9px}#camp-ui .camp-buy{grid-column:3;grid-row:1/4;align-self:center;flex-direction:column;gap:3px;min-height:58px;padding:6px;font-size:10px;letter-spacing:1px}#camp-ui .camp-shop-footer{display:block}#camp-ui .camp-shop-footer span{display:block}#camp-ui .camp-open{bottom:12%;font-size:11px;padding:7px 11px;gap:8px}}
@media(max-height:450px) and (orientation:landscape){#camp-ui .camp-shop-overlay{padding:7px}#camp-ui .camp-shop-panel{padding:10px 15px}#camp-ui .camp-shop-eyebrow{display:none}#camp-ui h2{font-size:22px}#camp-ui .camp-close{min-height:32px}#camp-ui .camp-shop-lead{margin:4px 0 8px}#camp-ui .camp-shop-card{padding:8px}#camp-ui .camp-item-frame{width:54px;height:54px;margin:2px 0 8px;padding:4px}#camp-ui h3{font-size:14px;margin-bottom:4px}#camp-ui .camp-item-stock{margin:3px 0 5px}#camp-ui .camp-buy{min-height:33px;padding:4px 8px}#camp-ui .camp-shop-feedback{min-height:15px;margin:5px 0 2px}#camp-ui .camp-shop-footer{padding-top:5px}#camp-ui .camp-pocket{top:calc(4% + 94px)}#camp-ui .camp-open{bottom:9%;min-height:36px}}
@media(prefers-reduced-motion:reduce){#camp-ui *{scroll-behavior:auto}}