body{background:#091a26;background-image:radial-gradient(ellipse at top,#305761,transparent 75%)}.game{background:#0e2835;border-color:#829fa34a}.hud{padding:12px 16px;min-height:66px;background:linear-gradient(120deg,#1b3640,#102a35);border-color:#a8c6b826;gap:12px}.eyebrow{color:#a8c7c4;font-size:8px;letter-spacing:1.1px}.hud strong{font-size:11px;line-height:1.45;max-width:280px}.score strong{font:600 24px monospace;color:#efd3a1;letter-spacing:-.7px}.field{display:flex;align-items:center;justify-content:center;container-type:size;background:#0c2433}canvas#canvas{flex:none;width:min(100cqw,70cqh);height:auto;max-height:100%;aspect-ratio:7/10}.controls{background:#102b37;border-color:#94b6b735;padding:10px 12px;flex-wrap:nowrap;gap:8px}.controls button{background:linear-gradient(#35535b,#25424c);border:1px solid #9fbdb455;color:#def2e5;font-size:10px;min-height:47px;box-shadow:inset 0 1px #ffffff15,0 3px #081e29;border-radius:7px;white-space:nowrap;padding:9px 7px}.controls button.primary{background:linear-gradient(#f4d79c,#d0ab74);color:#16303c}.controls button:active{transform:translateY(2px);box-shadow:none}.tools{background:#102b37}.tools button{color:#c0d7cc}.message{bottom:14px;left:25px;right:25px;padding:9px 6px;background:#112d3aec;border:1px solid #e0c18b66;border-radius:3px;color:#fff0c9;font:700 9px monospace;letter-spacing:1.2px}.panel{background:#152e3d;color:#fff1d2;border:1px solid #819e9c;border-top:3px solid #e7c793;border-radius:12px;box-shadow:0 24px 70px #06172599}.panel h1{font:normal 34px/1.05 Georgia,serif;color:#fff0ca}.panel p,.instructions{color:#b6cfcf}.panel .eyebrow{color:#a5d4c4}.panel button{background:#e7c793;color:#162c38}.panel button.secondary{color:#c6dfd3}.instructions{border-color:#83a99c44;font-size:11px;line-height:1.7}@media(max-height:650px){.hud{padding:8px 12px;min-height:55px}.hud strong{font-size:10px}.controls{padding:7px 9px;gap:6px}.controls button{min-height:44px;font-size:9px}.panel{padding:18px}.panel h1{font-size:28px}}