:root{color:#fff6eb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#16222f;font-family:Verdana,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 18% 18%,#ffcc7c2e,#0000 24rem),radial-gradient(circle at 82% 22%,#54aede24,#0000 28rem),linear-gradient(160deg,#13212f 0%,#173346 45%,#0f161d 100%);min-width:320px}.game-shell{background:radial-gradient(circle at 25% 20%,#ffbf692e,#0000 26rem),radial-gradient(circle at 76% 22%,#54b9e024,#0000 30rem),linear-gradient(155deg,#080c1026,#080c104d);width:100%;height:100%;position:relative}.game-canvas{width:100%;height:100%;display:block}.game-ui{pointer-events:none;position:absolute;inset:0}.hud{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d1218a3;border:1px solid #fff3e02e;border-radius:1rem;gap:.5rem;min-width:min(24rem,100vw - 2rem);padding:1rem;display:grid;position:absolute;top:1rem;left:1rem;box-shadow:0 1.5rem 5rem #00000042}.hud__title{letter-spacing:.03em;margin:0;font-size:clamp(1.1rem,2vw,1.55rem)}.hud__row{color:#ffefdbcc;justify-content:space-between;gap:1rem;font-size:.92rem;display:flex}.hud__value{color:#fffefb;font-variant-numeric:tabular-nums;text-align:right;max-width:13rem}.menu-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#182029b3;border:1px solid #fff3e024;border-radius:1.25rem;width:min(28rem,100vw - 2rem);padding:1rem;position:absolute;bottom:1rem;right:1rem}.menu-card p{color:#fff1e3d1;margin:0}.hud__message{color:#ffe8c5;background:#ffa4421f;border-radius:.8rem;margin:.35rem 0 0;padding:.7rem .8rem;font-size:.9rem}.overlay-panel{pointer-events:auto;background:linear-gradient(160deg,#121a22f5,#1b2934f0);border:1px solid #ffecd433;border-radius:1.4rem;width:min(32rem,100vw - 2rem);padding:1.25rem;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2rem 4rem #00000059}.overlay-panel[data-open]{gap:.9rem;display:grid}.overlay-panel h2{margin:0;font-size:1.35rem}.overlay-panel p{color:#fff0e1c2;margin:0}.overlay-panel__actions{flex-wrap:wrap;gap:.6rem;display:flex}.overlay-panel__button{color:#2b1b0d;cursor:pointer;font:inherit;background:linear-gradient(135deg,#ffa44a,#ffcf73);border:0;border-radius:999px;padding:.7rem 1rem;font-weight:700}.overlay-panel__list{color:#fff4e5;gap:.55rem;margin:0;padding-left:1.2rem;display:grid}@media (width<=720px){.hud{min-width:calc(100vw - 1.2rem);padding:.85rem;top:.6rem;left:.6rem}.menu-card{width:calc(100vw - 1.2rem);bottom:.6rem;right:.6rem}.overlay-panel{width:calc(100vw - 1rem);padding:1rem}}