#game-shop-entry{position:fixed;z-index:20;right:max(18px,env(safe-area-inset-right));top:auto;bottom:max(18px,env(safe-area-inset-bottom));min-height:44px;padding:8px 18px;border:1px solid #d4b26d;border-radius:4px;background:linear-gradient(#684329,#301d18);color:#ffdf94;font:600 16px "Microsoft YaHei",sans-serif;text-shadow:0 1px 2px #000;box-shadow:0 3px 14px #0009;cursor:pointer}#game-shop-entry:hover{filter:brightness(1.2)}
#game-shop-panel{width:min(900px,calc(100vw - 28px));max-width:none;max-height:min(88dvh,900px);padding:0;border:1px solid #b99a5b;border-radius:8px;background:#11151eee;color:#e7d5ad;box-shadow:0 20px 80px #000c;font:15px "Microsoft YaHei",sans-serif}#game-shop-panel::backdrop{background:#03060bd9;backdrop-filter:blur(3px)}.shop-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #8f7348;background:#191c22}.shop-head h1{flex:1;margin:0;color:#ffe29a;font-size:22px}.shop-head button,.shop-tools button,.shop-card button,.shop-detail button,.shop-close{min-height:40px;border:1px solid #987c4c;border-radius:4px;background:#37251e;color:#ffe29a;padding:7px 12px;font:inherit;cursor:pointer}.shop-close{font-size:20px}.shop-meta{display:flex;flex-wrap:wrap;gap:18px;padding:10px 20px;background:#0b0e13;color:#c6b990}.shop-meta strong{color:#f5dfab}.shop-tools{display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px}.shop-tools input,.shop-tools select,.shop-detail input,.shop-character{min-height:40px;border:1px solid #796745;border-radius:4px;background:#090c11;color:#f4e8c8;padding:7px 10px;font:inherit}.shop-tools input{flex:1;min-width:180px}.shop-tools button[aria-pressed=true]{background:#75532e}.shop-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(230px,.8fr);gap:16px;padding:0 20px 18px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;align-content:start;max-height:44dvh;overflow:auto}.shop-card{padding:13px;border:1px solid #66563b;border-radius:5px;background:#171b22;cursor:pointer}.shop-card[aria-selected=true]{border-color:#e2bd70;box-shadow:0 0 0 1px #e2bd7030}.shop-card h3{margin:0 0 8px;color:#f6dfa3;font-size:16px}.shop-card p{margin:6px 0;color:#c4b899;line-height:1.45}.shop-price{color:#ffe08c!important;font-weight:700}.shop-card button{margin-top:5px;width:100%;min-height:36px}.shop-detail{min-height:210px;padding:16px;border:1px solid #66563b;border-radius:5px;background:#171b22}.shop-detail h2{margin:0 0 10px;color:#ffe29a;font-size:19px}.shop-detail p{line-height:1.55;color:#d1c5a9}.shop-detail input{width:80px}.shop-message{min-height:24px;padding:0 20px 12px;color:#edc77c}.shop-list{grid-column:1/-1;max-height:48dvh;overflow:auto}.shop-list table{width:100%;border-collapse:collapse}.shop-list th,.shop-list td{padding:9px;border-bottom:1px solid #49402f;text-align:left}.shop-empty{padding:20px;color:#b8aa8b}
@media(max-width:650px){#game-shop-entry{top:auto;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));font-size:14px}#game-shop-panel{width:calc(100vw - 16px);max-height:calc(100dvh - 20px)}.shop-head{padding:12px}.shop-head h1{font-size:18px}.shop-tools{padding:10px}.shop-body{grid-template-columns:1fr;padding:0 10px 12px;gap:10px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:35dvh}.shop-card{padding:10px}.shop-card h3{font-size:14px}.shop-detail{min-height:0}.shop-meta{gap:10px;padding:9px 12px;font-size:13px}.shop-list{font-size:12px}.shop-list th,.shop-list td{padding:6px}}@media (pointer:coarse), (max-width:650px){.shop-head button,.shop-tools button,.shop-tools input,.shop-tools select,.shop-detail input,.shop-card button,.shop-detail button,.shop-character{min-height:44px}.shop-close{min-width:44px;min-height:44px}.shop-character{min-width:44px}}


@media(max-width:650px){.shop-list{overflow-x:auto}.shop-list table{min-width:680px}.shop-list th,.shop-list td{white-space:nowrap}}