*{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:20px;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:#999;letter-spacing:.08em;text-transform:uppercase;text-align:center;background:#101210;place-content:center;gap:12px;font-size:13px;display:grid;position:fixed;inset:0}#loading .bar{background:#2a2d2a;width:240px;height:2px}#loading .fill{background:#ddd;width:0;height:100%;transition:width .3s}#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 button{margin-top:18px}#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}