@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
:root{--bg:#080d18;--ice:#76e2ff;--fire:#ff9b5e;--ink:#eff6ff;--muted:#91a0b8}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0%,#17253b 0,#080d18 55%);color:var(--ink);font-family:'Noto Sans SC',sans-serif;min-height:100vh}
header,footer{display:flex;justify-content:space-between;align-items:center;padding:22px 4vw;color:#9cacc2;font:12px 'DM Mono',monospace;letter-spacing:1.2px}
.brand{color:white;font-weight:bold;font-size:16px}.brand span{font:12px 'Noto Sans SC';margin-left:12px;color:#9cacc2}.topnote{font-size:10px}
main{max-width:1400px;margin:auto;padding:20px 3vw 50px}.intro{max-width:850px;margin:4vh auto;text-align:center}.eyebrow{font:11px 'DM Mono';letter-spacing:2px;color:var(--ice)}h1{font-size:clamp(38px,6vw,76px);letter-spacing:-3px;margin:18px 0}h1 i{color:var(--ice);font-style:normal}.desc{color:#b3c0d2;font-size:16px}.instructions{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:640px;margin:34px auto 26px;text-align:left}.instructions>div{display:grid;gap:9px;padding:20px;border:1px solid #2c3c53;background:#101a2a;border-radius:12px;color:#c4d0df;font-size:13px}.instructions b{font:14px 'DM Mono';margin-bottom:4px}.iceText{color:var(--ice)}.fireText{color:var(--fire)}button{border:0;background:var(--ice);color:#07111d;padding:15px 25px;font-weight:800;cursor:pointer;border-radius:4px;font-size:14px;transition:.2s}button:hover{transform:translateY(-2px);filter:brightness(1.08)}.secondary{background:transparent;border:1px solid #41516a;color:#dbe7f7;padding:10px 16px}.tiny{font-size:11px;color:#718198;margin:12px 0}.hidden{display:none!important}
.game{position:relative}.hud{display:flex;justify-content:space-between;align-items:center;margin:10px 0 14px;font:12px 'DM Mono';color:#d9e5f6}.hud small{display:block;color:#8da0b8;margin:5px 0 0 17px;font:11px 'Noto Sans SC'}.hud>div:first-child,.hud>div:last-child{min-width:120px}.hud>div:last-child{text-align:right}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.iceDot{background:var(--ice);box-shadow:0 0 12px var(--ice)}.fireDot{background:var(--fire);box-shadow:0 0 12px var(--fire)}.level{color:#a4b2c6}
.worlds{display:grid;grid-template-columns:1fr 1fr;gap:10px}.world{position:relative;overflow:hidden;border:1px solid #34455b;border-radius:9px;background:#10243a}.iceWorld{background:#0c263c}.fireWorld{background:#321c20}.worldLabel{position:absolute;z-index:1;top:12px;left:15px;font:10px 'DM Mono';letter-spacing:1px;color:#c9eaff;pointer-events:none}.fireWorld .worldLabel{color:#ffd2ad}canvas{display:block;width:100%;height:auto;aspect-ratio:4/3}.bottom{display:flex;align-items:center;gap:14px;margin-top:16px;flex-wrap:wrap}.tip{flex:1;color:#b6c4d7;font-size:12px;min-width:240px}.meters{display:flex;align-items:center;gap:8px;font:9px 'DM Mono';color:#91a0b8}.meter{width:64px;height:5px;background:#263448;border-radius:9px;overflow:hidden}.meter i{display:block;width:0;height:100%;background:var(--ice);transition:width .2s}.fireMeter i{background:var(--fire)}#cameraBox{position:fixed;right:16px;bottom:16px;width:min(320px,42vw);aspect-ratio:4/3;border:1px solid #61748b;border-radius:8px;overflow:hidden;background:#08111d;z-index:5;display:none}#camera{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);opacity:.94;display:block}#handOverlay{position:absolute;inset:0;width:100%;height:100%;transform:scaleX(-1);pointer-events:none}#handDebug{position:absolute;left:0;right:0;bottom:0;padding:6px 8px;background:#06101cdb;color:#bdefff;font:10px/1.5 monospace;pointer-events:none;white-space:pre-wrap}.win{position:absolute;inset:0;background:#050914dc;display:grid;place-items:center;z-index:6}.winCard{text-align:center;background:#101b2c;border:1px solid #4e7890;border-radius:14px;padding:38px 48px;box-shadow:0 20px 100px #0008}.winCard h2{font-size:36px;margin:8px}.winCard p:not(.eyebrow){color:#b2c2d4;margin:12px 0 24px}
footer{border-top:1px solid #1c2a3c;font-size:10px}
#trackingStatus{color:#bdefff;font-size:13px;line-height:1.7;padding:12px 16px;background:#101e30;border:1px solid #34455b;border-radius:8px}button:disabled{opacity:.5;cursor:wait}#camera{object-fit:fill}
.progressRow{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px;font-size:12px;color:#b4c8dc}.progressRow #runStats{font-family:monospace;color:#99b1c6}.winCard button{margin:6px}.winCard h2{font-size:clamp(24px,4vw,36px)}
@media(max-width:720px){header,footer{padding:16px}.topnote{display:none}main{padding:10px 12px 30px}.worlds{grid-template-columns:1fr}.hud .level{display:none}.instructions{gap:8px}.instructions>div{padding:12px}.meters{width:100%;justify-content:center}.bottom button{flex:1}.winCard{margin:14px;padding:28px 18px}}