:root{--bg1:#1e293b;--bg2:#0f172a;--ink:#f8fafc;--mute:#cbd5e1;--card:rgba(255,255,255,.1);--card-br:rgba(255,255,255,.2);--accent:#fbbf24;--accent-ink:#1f2937;--good:#34d399;--bad:#f87171;--r:16px}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body.awg-game{background:radial-gradient(1200px 700px at 20% -10%,var(--bg1),var(--bg2));background-attachment:fixed;color:var(--ink);font:16px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}
.kit-top{display:flex;align-items:center;gap:10px;padding:10px 14px;position:sticky;top:0;z-index:20;background:rgba(0,0,0,.28);backdrop-filter:blur(8px);border-bottom:1px solid var(--card-br)}
.kit-top h1{font-size:20px;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.2px}
.kit-home{color:var(--mute);text-decoration:none;font-size:13px;font-weight:700;padding:6px 10px;border-radius:999px;border:1px solid var(--card-br)}
.kit-home:hover,.kit-home:focus-visible{color:var(--ink);border-color:var(--ink)}
.kit-tools{display:flex;gap:6px}
.kit-btn,.kit-ibtn{font:inherit;font-weight:700;color:var(--ink);background:var(--card);border:1px solid var(--card-br);border-radius:12px;padding:10px 16px;min-height:44px;cursor:pointer;transition:transform .08s,background .15s}
.kit-btn:hover,.kit-ibtn:hover{background:rgba(255,255,255,.18)}
.kit-btn:active,.kit-ibtn:active{transform:scale(.96)}
.kit-btn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}
.kit-btn.primary:hover{filter:brightness(1.08)}
.kit-btn[disabled]{opacity:.45;cursor:not-allowed}
.kit-ibtn{padding:0;width:44px;font-size:18px;line-height:1}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.kit-main{max-width:720px;margin:0 auto;padding:14px 14px 40px}
.kit-card{background:var(--card);border:1px solid var(--card-br);border-radius:var(--r);padding:14px}
.kit-stats{display:flex;gap:8px;margin:8px 0}
.kit-stat{flex:1;text-align:center;background:var(--card);border:1px solid var(--card-br);border-radius:12px;padding:6px 4px}
.kit-stat b{display:block;font-size:22px;font-variant-numeric:tabular-nums}
.kit-stat span{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--mute)}
dialog.kit-dlg{border:1px solid var(--card-br);border-radius:20px;background:var(--bg2);color:var(--ink);max-width:min(480px,94vw);width:100%;padding:0;box-shadow:0 20px 60px rgba(0,0,0,.6)}
dialog.kit-dlg::backdrop{background:rgba(0,0,0,.6);backdrop-filter:blur(3px)}
.kit-dlg-in{padding:20px 22px;max-height:84vh;overflow:auto}
.kit-dlg h2{margin:0 0 8px;font-size:22px}
.kit-dlg p,.kit-dlg li{color:var(--mute)}
.kit-dlg-x{float:right}
.kit-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.kit-confetti{position:fixed;inset:0;pointer-events:none;z-index:70}
.kit-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kit-prov{font-size:11px;color:var(--mute);opacity:.7;margin-top:18px;text-align:center}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001s!important;transition-duration:.001s!important}}
@media (max-width:480px){.kit-top h1{font-size:17px}.kit-home span{display:none}}