:root{--navy:#07111f;--blue:#0d3154;--cyan:#5ad7ff;--gold:#ffd36a;--paper:#edf7ff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at top,#12365d,#050b13 65%);color:var(--paper);font-family:Inter,system-ui,sans-serif}body{overflow-x:hidden}.topbar{min-height:74px;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;background:rgba(5,12,22,.92);border-bottom:1px solid rgba(90,215,255,.28);position:sticky;top:0;z-index:5}.brand{display:flex;flex-direction:column;letter-spacing:.1em}.brand strong{font-size:clamp(20px,3vw,34px);color:var(--gold)}.brand span{font-size:12px;color:#9adfff}.stats{display:flex;gap:16px;flex-wrap:wrap;font-size:14px}.game-shell{position:relative;max-width:1280px;margin:auto;background:#06111d;box-shadow:0 24px 80px #0008}canvas{width:100%;height:auto;display:block;touch-action:none}.actions{position:absolute;right:14px;bottom:14px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:95%}button{border:1px solid #7ddfff66;background:rgba(5,21,37,.9);color:#fff;padding:11px 15px;border-radius:14px;font-weight:700;cursor:pointer;backdrop-filter:blur(10px)}button:hover,button:focus{background:#145080;outline:2px solid #aeefff}.panel{position:fixed;inset:88px 16px 16px auto;width:min(430px,calc(100vw - 32px));z-index:10;background:rgba(6,18,31,.98);border:1px solid #68d8ff66;border-radius:20px;padding:24px;overflow:auto;box-shadow:0 30px 80px #000b}.panel #close-panel{position:absolute;right:12px;top:10px;font-size:22px;padding:5px 11px}.panel h2{color:var(--gold);margin-top:0;padding-right:40px}.card{border:1px solid #68d8ff3d;background:#0d2942;border-radius:14px;padding:13px;margin:10px 0}.card button{margin-top:8px}.help{padding:16px;text-align:center;color:#bcecff;font-size:14px}#toast{position:absolute;left:50%;top:18px;transform:translateX(-50%);background:#05111eeb;border:1px solid #ffd36a99;border-radius:999px;padding:10px 18px;opacity:0;transition:.25s;pointer-events:none;text-align:center;max-width:90%}#toast.show{opacity:1}@media(max-width:700px){.topbar{align-items:flex-start;gap:8px}.stats{justify-content:flex-end}.actions{left:8px;right:8px;bottom:8px}.actions button{flex:1;padding:10px 6px}.help{font-size:12px}.panel{inset:78px 8px 8px 8px;width:auto}}