:root{color-scheme:dark;--gold:#ffcb77;--mint:#8de7db}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 0,#263650,transparent 60%),#0b1323;color:#e7edf5;font-family:system-ui,-apple-system,sans-serif}main{width:min(100% - 24px,540px);margin:auto;padding:max(10px,env(safe-area-inset-top)) 0 max(10px,env(safe-area-inset-bottom))}header{height:48px;display:flex;align-items:center;justify-content:space-between;gap:9px}header div{text-align:center;letter-spacing:2px}header b{font-size:18px}small{display:block;color:#8098b2;font-size:9px;letter-spacing:1px}header small{font-size:7px;margin-top:4px}a{color:#a9bbcd;text-decoration:none;font-size:12px}button{min-height:44px;border:1px solid #ffffff22;border-radius:11px;background:#ffffff06;color:#dce8f4;font:600 12px system-ui;padding:0 12px;cursor:pointer;touch-action:manipulation}button:hover{border-color:var(--gold)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.hud{display:flex;justify-content:space-between;align-items:center;margin:14px 3px}.hud b{font:700 19px ui-monospace,monospace;display:block;margin-top:5px;color:var(--gold)}.clock{text-align:center}.clock b{color:var(--mint)}.right{text-align:right}.right b{font-size:14px}.stage{width:min(100%,calc((100svh - 223px)*480/680));aspect-ratio:480/680;min-width:210px;position:relative;margin:auto;border:1px solid #67869b70;border-radius:20px;overflow:hidden;box-shadow:0 24px 70px #0007;background:#111d31}canvas{display:block;width:100%;height:100%;touch-action:manipulation}#notice{position:absolute;top:23%;width:100%;text-align:center;pointer-events:none;color:#ffdb9d;font-size:12px;font-weight:700;text-shadow:0 2px 8px #000}#overlay{position:absolute;inset:0;padding:9%;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(#101d30f5,#122338ed)}h1{font-size:clamp(27px,5.5vh,45px);line-height:1.2;letter-spacing:-1.5px;margin:17px 0}h1 em{font-style:normal;color:var(--gold)}#eyebrow{color:var(--mint);font:9px ui-monospace,monospace;letter-spacing:2px}#copy{font-size:12px;line-height:1.8;color:#afc0d3;margin:0 0 18px}#guide{display:grid;gap:10px;color:#bac8d7;font-size:10px;margin:0 0 24px}.primary{background:var(--gold);color:#182236;border:0;min-height:46px;font-weight:800;font-size:14px}.primary:hover{background:#ffdda4}#restart{margin-top:9px}.back{font-size:10px;text-align:center;margin-top:18px;color:#8b9cb1}.controls{display:flex;gap:8px;max-width:460px;margin:12px auto 0}.controls #fire{flex:1}.controls #bomb{min-width:100px}.controls #pause{min-width:44px}kbd{font:8px ui-monospace,monospace;opacity:.55;margin-left:8px}.hint{text-align:center;color:#7c91a8;font-size:10px;margin:10px 0 0}.wallet{font-size:12px;color:var(--mint);margin:0 0 9px}#shop{display:grid;gap:7px;margin-bottom:16px}#shop button{text-align:left;line-height:1.5;font-size:11px;padding:6px 10px}.clock.urgent b{color:#ff8b8b}[hidden]{display:none!important}@media(max-height:640px){main{padding-top:6px}.hud{margin:9px 3px}.stage{width:min(100%,calc((100svh - 209px)*480/680))}#overlay{padding:7%}h1{font-size:27px;margin:10px 0}#copy{font-size:10px;margin-bottom:10px}#guide{font-size:9px;gap:6px;margin-bottom:14px}.back{margin-top:10px}#shop{gap:5px;margin-bottom:10px}#shop button{min-height:36px;font-size:10px}.primary{min-height:40px}.controls button{min-height:42px}.controls{margin-top:9px}.hint{margin-top:7px}}@media(orientation:landscape) and (max-height:520px){main{width:min(100% - 24px,750px);display:grid;grid-template-columns:190px 1fr;column-gap:24px;align-items:start}header{grid-column:1;flex-wrap:wrap;height:auto}header div{order:-1;width:100%;margin:7px 0}.hud{grid-column:1;flex-wrap:wrap;gap:15px}.right{width:100%;text-align:left}.stage{grid-column:2;grid-row:1/5;width:calc((100svh - 24px)*480/680);max-width:100%;min-width:180px}.controls{grid-column:1;flex-wrap:wrap}.hint{grid-column:1;line-height:1.8;text-align:left}.controls #fire{min-width:100%}#overlay{padding:6%}#copy{font-size:9px}#guide{font-size:8px}.back{margin-top:8px}h1{font-size:25px}#shop{gap:3px}#shop button{font-size:9px;min-height:32px}.wallet{font-size:10px}#eyebrow{font-size:7px}}