@import"https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--bg: #efe8d4;--bg-shade: #e6deca;--ink: #1c2418;--ink-soft: #4a5440;--panel: rgba(255, 252, 244, .82);--line: rgba(53, 74, 49, .2);--accent: #5a7a4a;--accent-strong: #3d5f30;--shadow: rgba(41, 53, 37, .18)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-width:320px;font-family:IBM Plex Sans,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.6),transparent 40%),radial-gradient(circle at 88% 3%,rgba(143,177,113,.16),transparent 36%),linear-gradient(160deg,var(--bg) 0%,var(--bg-shade) 100%);overflow:hidden}#app{min-height:100vh;padding:clamp(.6rem,1.8vw,1rem)}.shell{width:min(1120px,100%);height:calc(100vh - clamp(1.2rem,3.6vw,2rem));margin:0 auto;display:grid;grid-template-rows:auto 1fr auto;gap:.6rem}.hud{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.68rem .82rem;border:1px solid var(--line);border-radius:14px;background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 14px 24px -22px var(--shadow)}h1{margin:0;font-family:Sora,sans-serif;font-size:clamp(1.05rem,1.6vw,1.32rem);letter-spacing:.01em}.stats{justify-self:center;display:flex;gap:.5rem}.stat{min-width:84px;border:1px solid rgba(70,97,58,.2);border-radius:10px;padding:.35rem .6rem;background:#ffffff9e}.stat span{display:block;color:var(--ink-soft);font-size:.68rem;line-height:1;text-transform:uppercase;letter-spacing:.1em}.stat strong{display:block;margin-top:.18rem;font-size:1.22rem;line-height:1}.action-btn{border:1px solid rgba(68,93,56,.42);border-radius:10px;background:#ffffffd6;color:var(--ink);font:600 .86rem/1 IBM Plex Sans,sans-serif;padding:.52rem .9rem;cursor:pointer;transition:transform .12s ease,background-color .12s ease,border-color .12s ease}.action-btn:hover{transform:translateY(-1px);border-color:var(--accent);background:#ecf7e4f5}.arena-wrap{position:relative;min-height:320px;border-radius:18px;overflow:hidden;border:1px solid rgba(56,76,44,.28);box-shadow:0 26px 38px -30px #1e2a1c8f}.arena{position:absolute;top:0;right:0;bottom:0;left:0}.arena canvas{width:100%;height:100%;display:block}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:.8rem;text-align:center;background:#00000047;transition:opacity .15s ease}.overlay.hidden{opacity:0;pointer-events:none}.overlay h2{margin:0;font-family:Sora,sans-serif;color:#f3f7eb;text-shadow:0 3px 10px rgba(0,0,0,.35);font-size:clamp(1.35rem,3vw,2rem)}.overlay .action-btn{justify-self:center;min-width:110px;background:#fefffae6}.touch-dock{display:none;border:1px solid var(--line);border-radius:14px;padding:.65rem;background:#fffcf4b8}.touch-pad{display:grid;justify-content:center;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px);gap:.36rem;touch-action:manipulation}.touch-btn{border:1px solid rgba(63,88,52,.36);background:#ffffffe0;color:var(--ink);border-radius:12px;font-size:1.04rem;cursor:pointer}.touch-btn:active{transform:scale(.96)}.touch-btn.up{grid-column:2;grid-row:1}.touch-btn.left{grid-column:1;grid-row:2}.touch-btn.down{grid-column:2;grid-row:3}.touch-btn.right{grid-column:3;grid-row:2}@media (max-width: 760px){body{overflow:auto}.shell{height:auto;min-height:calc(100vh - 1rem);grid-template-rows:auto minmax(360px,1fr) auto}.hud{grid-template-columns:1fr auto;grid-template-areas:"title button" "stats stats"}h1{grid-area:title}.stats{grid-area:stats;justify-self:stretch;justify-content:space-between}.stat{flex:1;min-width:0}#restart{grid-area:button}.touch-dock{display:block}}