*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#101c2d;color:#d8e6ee;font-family:system-ui,sans-serif}body{background:radial-gradient(ellipse at top,#263653,#0d1928)}main{width:min(420px,calc(100% - 20px));margin:auto}header{height:60px;display:flex;justify-content:space-between;align-items:center;gap:8px}strong{font-size:23px;letter-spacing:3px;text-align:center;min-width:0}small{font-size:6px;display:block;letter-spacing:1.5px;margin-top:5px}a{font-size:11px;color:#9fb9c8;text-decoration:none;white-space:nowrap}button{min-height:44px;min-width:44px;font:600 12px system-ui;padding:7px 10px;border:1px solid #667d94;border-radius:8px;background:#293d53;color:#e9eedc;box-shadow:0 3px #081322;cursor:pointer;touch-action:none;user-select:none}button:disabled{opacity:.4}header button{white-space:nowrap;flex-shrink:0}.hud{display:flex;justify-content:space-between;align-items:center;font-size:11px;height:30px}.cabinet{height:min(570px,calc(100svh - 220px));aspect-ratio:18/25;max-width:100%;margin:auto;border:6px solid #5d738e;border-radius:18px;overflow:hidden;position:relative;background:#17263a;box-shadow:0 7px #071423}canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}#overlay{position:absolute;inset:0;background:#132237f7;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px}h1{font-size:clamp(24px,5vw,34px);line-height:1.25;margin:11px 0}em{display:block;font-style:normal;color:#e7ba78}p{font-size:12px;line-height:1.7;margin:5px 0}#guide{font-size:10px;color:#98b3c6}#primary{background:#bb894f;color:#fff3d4;min-width:170px;margin:10px 0 7px}#restart{margin-bottom:7px}.tools{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:12px;font-size:11px}nav{display:flex;gap:8px;margin:10px 0}nav button{flex:1;min-height:48px}nav button.held{background:#ab8050;transform:translateY(2px);box-shadow:none}footer{text-align:center;font-size:9px;color:#809eb4;margin:8px 0}[hidden]{display:none!important}@media(max-width:350px){header{height:55px}strong{font-size:19px}header small{font-size:4px}header button{font-size:10px;padding:5px 7px}.cabinet{height:calc(100svh - 214px)}h1{font-size:23px}#copy{font-size:10px}#guide{font-size:9px}#overlay{padding:9px}nav{gap:6px;margin:9px 0}.tools{font-size:9px}nav button{font-size:11px}footer{font-size:8px}}@media(max-height:500px) and (orientation:landscape){main{width:min(700px,calc(100% - 20px));display:grid;grid-template-columns:200px 1fr;gap:8px 16px;height:100svh}header{grid-column:1;height:auto;flex-wrap:wrap;justify-content:space-around}header strong{width:100%;order:-1;font-size:20px}.hud{grid-column:1;height:auto;flex-wrap:wrap;gap:8px}.cabinet{grid-column:2;grid-row:1/6;height:calc(100svh - 16px);align-self:center}.tools{grid-column:1;margin:0;flex-wrap:wrap}nav{grid-column:1;flex-wrap:wrap;margin:0;gap:5px}nav button{font-size:10px;min-width:75px}footer{grid-column:1;margin:0;font-size:8px}h1{font-size:24px}#copy{font-size:10px}#guide{font-size:9px}}