*{box-sizing:border-box}[hidden]{display:none!important}html,body{color:#eee;background:#000;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#game{width:100vw;height:100vh;display:block}#crosshair{pointer-events:none;background:#fff;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:fixed;top:50%;left:50%;box-shadow:0 0 0 1px #0009}#scope{pointer-events:none;background:radial-gradient(circle,#0000 0 41vh,#000000d9 41.3vh,#000 44vh);position:fixed;inset:0}#scope .h,#scope .v{background:#000000d9;position:absolute;top:50%;left:50%}#scope .h{width:82vh;height:1px;margin-left:-41vh}#scope .v{width:1px;height:82vh;margin-top:-41vh}#crosshair.maybe{background:#ffd020}#crosshair.sure{background:#40ff60;width:6px;height:6px;margin:-3px 0 0 -3px}#spread.maybe{border-color:#ffd020e6}#spread.sure{border-width:2px;border-color:#40ff60f2}#scope.maybe .h,#scope.maybe .v{background:#ffd020}#scope.sure .h,#scope.sure .v{background:#40ff60;box-shadow:0 0 0 1px #40ff6059}#crosshair.hit{background:#ff4a3a;width:8px;height:8px;margin:-4px 0 0 -4px}#spread{pointer-events:none;border:1px solid #ffffff73;border-radius:50%;position:fixed;top:50%;left:50%}#draw{pointer-events:none;background:#0006;width:60px;height:3px;margin:18px 0 0 -30px;position:fixed;top:50%;left:50%}#draw-fill,#health-fill{background:#fff;height:100%}#ammo{color:#fff;text-shadow:0 1px 3px #000;pointer-events:none;font:600 22px/1 ui-monospace,monospace;position:fixed;bottom:228px;right:24px}#health{pointer-events:none;background:#00000073;width:180px;height:6px;position:fixed;bottom:24px;left:24px}#health-fill{background:#e8e8e8;transition:width .15s}#center{color:#fff;text-shadow:0 2px 6px #000;pointer-events:none;font:600 48px/1 ui-monospace,monospace;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}#damage{opacity:0;pointer-events:none;position:fixed;inset:0;box-shadow:inset 0 0 120px #c8140acc}#debug{color:#fff;text-shadow:0 1px 2px #000;pointer-events:none;margin:0;font:12px/1.4 ui-monospace,monospace;position:fixed;top:8px;left:8px}#menu{background:#00000059;place-items:center;display:grid;position:fixed;inset:0}.panel{background:#141614eb;border:1px solid #333;min-width:420px;padding:24px 28px}.panel h1{letter-spacing:.04em;text-transform:uppercase;color:#aaa;margin:0 0 16px;font-size:16px;font-weight:600}.row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.row span{color:#888;width:72px;font-size:13px}button{font:inherit;color:#eee;cursor:pointer;background:#2a2d2a;border:1px solid #444;padding:8px 14px;font-size:14px}button:hover{background:#363a36}button.active{border-color:#d9d9d9}button.resume{width:100%;margin-top:8px}.row .count{width:auto;margin-left:4px}.keys{white-space:pre-line;color:#777;margin:16px 0 0;font-size:12px;line-height:1.7}#loading{color:#ddd;z-index:10;background:#0d0f0d;position:fixed;inset:0;overflow:hidden}#loading .art{background:url(/img/keyart.jpg) 50%/cover no-repeat;animation:30s ease-out forwards loading-drift;position:absolute;inset:0}#loading:after{content:"";background:linear-gradient(#080a0800 40%,#080a0859 62%,#080a08eb 100%);position:absolute;inset:0}@keyframes loading-drift{0%{transform:scale(1.08)}to{transform:scale(1)}}#loading .foot{z-index:1;position:absolute;bottom:7vh;left:6vw;right:6vw}#loading .title{letter-spacing:.14em;text-transform:uppercase;color:#f4ecd2;text-shadow:0 2px 18px #0009;margin-bottom:22px;font:700 clamp(28px,4.2vw,64px)/1 system-ui,sans-serif}#loading .row{letter-spacing:.12em;text-transform:uppercase;color:#b8b2a0;justify-content:space-between;margin-bottom:8px;font:600 12px/1 ui-monospace,monospace;display:flex}#loading .bar{background:#ffffff24;height:3px}#loading .fill{background:linear-gradient(90deg,#c9a24a,#f4ecd2);width:0;height:100%;transition:width .3s;box-shadow:0 0 12px #f4dc9680}#splat{pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}#powers{pointer-events:none;align-items:center;gap:10px;display:flex;position:fixed;bottom:40px;left:24px}#powers .pips{gap:5px;display:flex}#powers .pip{border:1px solid #ffffffb3;border-radius:50%;width:10px;height:10px}#powers .pip.full{background:#b08a52;border-color:#e8d3b0}#powers .rock{background:#8a8780;border-radius:3px;width:12px;height:10px}#powers .cool{background:#00000073;width:60px;height:4px}#powers .cool .fill{background:#f0a040;height:100%;display:block}#prompt{color:#fff;text-shadow:0 1px 3px #000;pointer-events:none;font-size:13px;position:fixed;bottom:22%;left:50%;transform:translate(-50%)}#powers .dragon{background:#00000073;width:160px;height:6px}#powers .dragon .fill{background:linear-gradient(90deg,#ff4010,#ffc040);height:100%;display:block}#powers .grains{color:#f0d890;text-shadow:0 1px 2px #000;font:600 14px/1 ui-monospace,monospace}#powers .hatch{background:#00000073;width:160px;height:6px}#powers .hatch .fill{background:#e8c060;height:100%;display:block}#radial{pointer-events:none;width:0;height:0;position:fixed;top:50%;left:50%}#radial .ring{background:radial-gradient(circle,#00000026 0,#0000008c 70%,#0000 71%);border-radius:50%;width:300px;height:300px;position:absolute;top:-150px;left:-150px}#radial .item{white-space:nowrap;color:#ddd;background:#141614d9;border:1px solid #444;padding:8px 14px;font-size:14px;position:absolute;top:0;left:0}#radial .item.on{color:#111;background:#f0f0f0;border-color:#fff}#bars{pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:56px;left:50%;transform:translate(-50%)}#bars .bar{flex-direction:column;align-items:center;gap:4px;display:flex}#bars .label{letter-spacing:.06em;text-transform:uppercase;color:#eee;text-shadow:0 1px 2px #000;font-size:12px}#bars .track{background:#00000080;border:1px solid #ffffff26;width:380px;height:10px}#bars .fill{width:0;height:100%}#bars .warm .fill{background:linear-gradient(90deg,#ff4010,#ffc040)}#bars .cool .fill{background:#e8e8e8}#bars .off .fill{background:#777}#round{letter-spacing:.04em;color:#fff;text-shadow:0 1px 3px #000;white-space:pre;pointer-events:none;font:600 15px/1 ui-monospace,monospace;position:fixed;top:14px;left:50%;transform:translate(-50%)}#popups{pointer-events:none;flex-direction:column;gap:4px;display:flex;position:fixed;top:38%;left:calc(50% + 60px)}#popups .popup{color:#f2e6a0;text-shadow:0 1px 3px #000;font:600 14px/1 ui-monospace,monospace;animation:2.2s ease-out forwards popup}#popups .popup.bad{color:#ff8a7a}@keyframes popup{0%{opacity:0;transform:translateY(6px)}10%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-10px)}}#board{z-index:5;background:#00000059;place-items:center;display:grid;position:fixed;inset:0}#board .best{color:#f2e6a0;margin:-8px 0 16px}#board table{border-collapse:collapse;width:100%;font-size:14px}#board td{border-top:1px solid #2c2c2c;padding:6px 10px}#board td:last-child{text-align:right;font-family:ui-monospace,monospace}#board tr.me td{color:#f2e6a0}#board tr.out td{color:#777}#board .after{gap:10px;margin-top:18px;display:flex}#lobby{z-index:6;background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.lobby input{font:inherit;color:#eee;background:#111;border:1px solid #3a3a3a;flex:1;padding:8px 10px}.lobby input.code{text-transform:uppercase;letter-spacing:.2em;flex:0 0 90px;font-family:ui-monospace,monospace}.lobby .row>button{flex:1}.lobby button.quiet{background:0 0}.lobby .room-code{letter-spacing:.25em;color:#f2e6a0;margin:-6px 0 14px;font:600 36px/1 ui-monospace,monospace}.lobby table{border-collapse:collapse;width:100%;margin-bottom:14px;font-size:14px}.lobby td{border-top:1px solid #2c2c2c;padding:6px 8px}.lobby tr.me td{color:#f2e6a0}.lobby .note{color:#999;margin:10px 0;font-size:13px}.lobby .error{color:#ff8a7a;margin-top:12px}#dog-pointer{pointer-events:none;color:#f4ecd2;width:0;height:0;transition:opacity .2s;position:fixed;top:17%;left:50%}#dog-pointer .arrow{filter:drop-shadow(0 1px 3px #000000b3);width:40px;height:40px;position:absolute;top:-20px;left:-20px}#dog-pointer .dist{text-align:center;letter-spacing:.05em;text-shadow:0 1px 3px #000;width:60px;font:600 12px/16px ui-monospace,monospace;position:absolute;top:-8px;left:-30px}.lobby h2{letter-spacing:.06em;text-transform:uppercase;color:#aaa;margin:18px 0 8px;font-size:13px;font-weight:600}.lobby table.rooms td:nth-child(2),.lobby table.rooms td:nth-child(3){color:#999;font-size:13px}.lobby td:last-child{text-align:right}.lobby td button{padding:4px 10px}.lobby button.toggle{flex:0 0 110px}#lobby{grid-auto-flow:row;align-content:center;gap:18px}#lobby a.download{letter-spacing:.04em;color:#f4ecd2;background:#141614eb;border:1px solid #6a6450;justify-self:center;padding:12px 28px;font:600 14px/1 system-ui,sans-serif;text-decoration:none}#lobby a.download:hover{border-color:#c9a24a}#pause{z-index:6;background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.panel.pause{flex-direction:column;gap:10px;width:460px;display:flex;position:relative}.pause button.wide{width:100%;padding:11px}.pause .section{flex-direction:column;gap:6px;margin-top:6px;display:flex}.pause .section .label{letter-spacing:.06em;text-transform:uppercase;color:#999;font-size:12px}.pause .options{align-items:center;gap:6px;display:flex}.pause .options>button{flex:1}.pause input[type=range]{accent-color:#c9a24a;flex:1}.pause .value{text-align:right;color:#ccc;flex:0 0 44px;font-family:ui-monospace,monospace}#loading .version{z-index:1;letter-spacing:.08em;color:#f4ecd2b3;text-shadow:0 1px 3px #000;font:600 11px/1 ui-monospace,monospace;position:absolute;top:18px;right:22px}.lobby .version{text-align:right;color:#777;margin-top:14px;font:11px/1 ui-monospace,monospace}#stats{pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:28px;right:240px}#stats .score{color:#fff;text-shadow:0 1px 4px #000c;align-items:baseline;gap:8px;display:flex}#stats .points{font:700 30px/1 ui-monospace,monospace}#stats .unit{letter-spacing:.1em;text-transform:uppercase;color:#ddd;font:600 11px/1 system-ui,sans-serif}#stats .lives{gap:7px;display:flex}#stats .life{background:#fff;border:2px solid #fff;width:12px;height:26px;transform:skew(-18deg);box-shadow:0 1px 4px #0009}#stats .life.lost{background:0 0}#stats .points.tick{animation:.25s ease-out points-tick}@keyframes points-tick{0%{color:#f4dc8a;transform:scale(1.12)}to{color:#fff;transform:none}}#stats .rate{letter-spacing:.06em;color:#f4dc8a;text-shadow:0 1px 3px #000;font:600 11px/1 ui-monospace,monospace}#timers{pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:86px;left:24px}#timers .timer{color:#f4ecd2;filter:drop-shadow(0 1px 2px #000c);align-items:center;gap:9px;display:flex}#timers .icon{width:22px;height:22px;display:grid}#timers .text{letter-spacing:.05em;font:600 12px/1 ui-monospace,monospace}#timers .timer.waiting{color:#9c9684}.lobby label.check{cursor:pointer;align-items:center;gap:10px;margin:4px 0 10px;font-size:14px;display:flex}.lobby label.check input{accent-color:#c9a24a;width:16px;height:16px}.lobby label.check .hint{color:#888;font-size:12px}#minimap{opacity:.92;pointer-events:none;border:1px solid #ffffff59;border-radius:4px;width:190px;height:190px;position:fixed;bottom:24px;right:24px;box-shadow:0 2px 10px #00000080}#resume-hint{text-transform:uppercase;letter-spacing:.04em;color:#fff;pointer-events:none;background:#0000008c;border-radius:4px;padding:10px 18px;font:600 14px/1 system-ui,sans-serif;position:fixed;top:46%;left:50%;transform:translate(-50%)}.lobby button.step{min-width:34px;padding-left:0;padding-right:0}.lobby button:disabled{opacity:.45;cursor:default}.pause button.close{color:#fff;cursor:pointer;background:#141614;border:2px solid #fff;border-radius:50%;place-items:center;width:34px;min-width:0;height:34px;padding:0;display:grid;position:absolute;top:14px;right:14px}.pause button.close:hover{background:#2a2c2a}#feed{pointer-events:none;flex-direction:column;align-items:flex-end;gap:5px;display:flex;position:fixed;top:16px;right:24px}#feed .line{color:#fff;background:#00000073;padding:5px 10px;font:600 13px/1.2 system-ui,sans-serif;animation:6s ease-out forwards feed-line}#feed .line.mine{color:#f4dc8a}@keyframes feed-line{0%{opacity:0;transform:translate(12px)}5%{opacity:1;transform:none}85%{opacity:1}to{opacity:0}}#powers .rush{letter-spacing:.06em;text-transform:uppercase;color:#f4dc8a;text-shadow:0 1px 3px #000;font:600 12px/1 ui-monospace,monospace}.keys-panel{max-height:90vh;overflow-y:auto}.pause .binds{grid-template-columns:1fr 1fr;gap:4px 18px;display:grid}.pause .bind{justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.pause button.key{min-width:96px;padding:5px 8px;font-size:12px}.pause button.key.shared{border-color:#8a7a40}