/* 第 8 輪 工人 A：個人面板、商店加成、快速進館 */
#statcard { position:fixed; left:50%; top:calc(60px + env(safe-area-inset-top)); transform:translateX(-50%); width:min(390px, calc(100vw - 20px)); max-height:calc(100vh - 90px); max-height:calc(100dvh - 90px); overflow-y:auto; z-index:20; touch-action:pan-y; }
#statcard .sc-head { display:flex; align-items:center; gap:10px; margin-bottom:6px; }
#statcard .sc-head b { font-size:18px; color:var(--title); } #statcard .sc-head span { background:var(--acc); color:var(--acc-tx); border-radius:999px; padding:1px 10px; font-weight:800; font-size:14px; }
#statcard .sc-x { margin-left:auto; width:34px; height:34px; border-radius:50%; padding:0; font-size:16px; font-weight:800; }
#statcard .sc-exp { display:flex; align-items:center; gap:8px; margin-bottom:6px; } #statcard .sc-exp .pg-bar { position:relative; flex:1; height:10px; border-radius:6px; background:rgba(0,0,0,.12); overflow:hidden; display:block; } #statcard .sc-exp .pg-bar i { display:block; height:100%; background:var(--acc); } #statcard .sc-exp small { font-size:12px; opacity:.8; white-space:nowrap; }
#statcard .sc-sub { font-size:12px; opacity:.75; margin:2px 0 6px; }
#statcard .sc-row { display:grid; grid-template-columns:62px 1fr 34px; align-items:center; gap:2px 8px; padding:6px 0; border-top:1px dashed var(--line); }
#statcard .sc-row .bar { height:8px; border-radius:5px; background:rgba(0,0,0,.12); overflow:hidden; display:block; } #statcard .sc-row .bar i { display:block; height:100%; background:#7fb2ff; }
#statcard .sc-row .n { font-weight:800; font-size:14px; } #statcard .sc-row b { text-align:right; }
#statcard .sc-fx { grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:2px 12px; font-size:12.5px; opacity:.95; }
#statcard .sc-fx em { font-style:normal; font-weight:800; } #statcard .sc-fx em.eq { color:#c06a00; } #statcard .sc-fx .tot { margin-left:auto; font-weight:800; color:#1f8f5f; } #statcard .sc-fx span:first-child { opacity:.75; }
#statcard .sc-eq { margin-top:8px; padding-top:6px; border-top:1px dashed var(--line); } #statcard .sc-eq h4 { margin:0 0 4px; font-size:13px; }
#statcard .sc-eq .chip { display:inline-block; margin:2px 4px 2px 0; padding:3px 9px; border-radius:999px; background:rgba(255,210,58,.3); font-size:12.5px; } #statcard .sc-eq small { font-size:12px; opacity:.75; line-height:1.4; display:block; }
#statcard .sc-note { margin:8px 0 0; font-size:12px; opacity:.8; line-height:1.4; }
#statcard .sc-guest { margin:8px 0 2px; line-height:1.7; font-size:15px; }
@media (max-width:700px) { #statcard, body.touch #statcard { top:calc(10px + 134px + env(safe-area-inset-top)); left:50%; right:auto; transform:translateX(-50%); max-height:calc(100dvh - 160px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); } }
body.touch #statBtn { min-height:30px; }
/* 商店加成 */
.gw-item .gw-fx { display:inline-block; margin:2px 0; padding:1px 8px; border-radius:999px; background:#e3f6e9; color:#1b7a47; font-weight:800; font-size:12.5px; }
/* 快速進館 */
#crQuick { width:100%; border-radius:16px; padding:12px 10px; font-size:19px; font-weight:900; background:linear-gradient(135deg,#ffd23a,#ff9f43); color:#4a3a5c; border:2px solid #4a3a5c; box-shadow:0 4px 0 #4a3a5c; animation:r8pulse 1.6s infinite; touch-action:manipulation; }
#crQuick small { display:block; font-size:11.5px; font-weight:600; opacity:.85; margin-top:2px; }
#crQuick:active { transform:translateY(3px); box-shadow:0 1px 0 #4a3a5c; } #crQuick:disabled { opacity:.6; animation:none; }
@keyframes r8pulse { 0%,100% { filter:brightness(1); } 50% { filter:brightness(1.08); } }
body.statopen #nameplate, body.statopen #guide { visibility:hidden !important; }