@font-face{font-family:Pixel-Western;src:url(../fonts/Pixel-Western.woff2) format("woff2"),url(../fonts/Pixel-Western.fixed.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:VCR OSD Mono;src:url(../fonts/VCR_OSD_MONO.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--dust: #c4a574;--dust-deep: #8b6914;--sky: #87a7c9;--sky-deep: #3d5a80;--sand: #e8d4a8;--ink: #2a1f14;--blood: #8b2500;--cream: #f5ecd7;--panel: rgba(42, 31, 20, .88);--font: "Pixel-Western", monospace;--font-xs: 8px;--font-sm: 16px;--font-md: 24px;--font-lg: 32px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#8a6a3a;color:var(--cream);font-family:var(--font);font-size:var(--font-sm);font-weight:400;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;font-smooth:never;text-rendering:optimizeSpeed;font-synthesis:none}button,input,.panel,.panel *{font-weight:400;font-synthesis:none;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;font-smooth:never;text-rendering:optimizeSpeed}#app{position:relative;width:100%;height:100%;display:grid;place-items:center}#game{display:block;width:min(100vw,1200px);height:auto;max-height:100vh;background:#1a120a;box-shadow:0 12px 40px #00000059;image-rendering:pixelated;image-rendering:crisp-edges}#ui{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}#ui>*{pointer-events:auto}.panel{background:var(--panel);border:3px solid var(--dust);padding:28px 32px;width:min(420px,92vw);height:auto;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;text-align:center;box-shadow:0 8px 24px #0006}.panel h1{font-family:var(--font);font-size:var(--font-lg);line-height:2;color:#fff;letter-spacing:0;margin-bottom:16px;text-shadow:none}.panel h2{font-family:var(--font);font-size:var(--font-md);line-height:1.2;margin-bottom:12px;color:#fff}.result-panel .result-title{font-size:var(--font-md);line-height:1.2;margin-bottom:16px;color:#fff}.result-panel .result-flavor{margin-bottom:20px;max-width:22ch;margin-left:auto;margin-right:auto;font-size:var(--font-sm);line-height:2;color:var(--cream);opacity:.9}.trouble-title{line-height:2}.panel p{margin-bottom:12px;line-height:1.4;font-size:var(--font-sm);color:var(--cream)}.btn-row{display:flex;flex-direction:column;gap:8px;margin-top:20px}button,.btn{font-family:var(--font);font-weight:400;font-size:var(--font-sm);line-height:1.2;padding:15px 16px 9px;border:2px solid var(--dust-deep);background:#d4b896;color:var(--ink);cursor:pointer;text-transform:uppercase;letter-spacing:0}button:hover,.btn:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:transparent;color:var(--sand);border-color:var(--dust)}input[type=text]{width:100%;padding:12px;margin-bottom:12px;font-size:20px;letter-spacing:.12em;text-align:center;text-transform:uppercase;border:2px solid var(--dust);background:#00000059;color:var(--cream);font-family:system-ui,-apple-system,Segoe UI,sans-serif}.settings-panel .volume-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:8px 0 20px;color:var(--cream);font-size:var(--font-sm)}.settings-panel .volume-label{text-transform:uppercase}.settings-panel .volume-pct{min-width:3.5ch;text-align:right;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;color:var(--sand)}.settings-panel input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:0;background:#00000073;border:2px solid var(--dust-deep);outline:none;cursor:pointer}.settings-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:20px;background:#d4b896;border:2px solid var(--dust-deep);cursor:pointer}.settings-panel input[type=range]::-moz-range-thumb{width:16px;height:20px;background:#d4b896;border:2px solid var(--dust-deep);border-radius:0;cursor:pointer}.code-display{font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:32px;letter-spacing:.12em;color:var(--sand);margin:8px 0 16px;-webkit-user-select:all;user-select:all}.lobby-panel h2,.lobby-panel p{margin-bottom:28px}.lobby-panel .code-display{margin:8px 0 16px}.ability-grid{display:grid;grid-template-columns:repeat(3,max-content);gap:8px;justify-content:center;margin:8px auto 0}.ability-grid button.ability{width:60px;height:60px;padding:0;font-size:var(--font-md);line-height:1;display:flex;align-items:center;justify-content:center;background:#00000059;border-color:var(--dust);color:var(--sand)}.ability-grid button.ability:has(.ability-icon){box-sizing:content-box;width:auto;height:auto}.ability-grid button.ability.selected{background:#d4b896;border-color:var(--cream);color:var(--ink)}.ability-grid button.ability .ability-icon{display:block;width:auto;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none}.ability-tooltip{position:fixed;z-index:20;width:200px;padding:10px 12px;text-align:left;background:#1a120af2;border:2px solid var(--dust);box-shadow:0 6px 18px #00000073;pointer-events:none;font-family:VCR OSD Mono,monospace}.ability-tooltip[hidden]{display:none}.ability-tooltip-title{font-size:var(--font-sm);color:#fff;margin-bottom:6px;line-height:1.3}.ability-tooltip-desc{font-size:12px;color:var(--cream);line-height:1.4}.status{font-size:var(--font-sm);color:var(--cream);min-height:1.2em;margin-top:8px}.panel p.queue-wait{font-size:var(--font-sm);line-height:2;color:var(--cream);margin-top:28px;margin-bottom:32px}[data-queue-dots]{display:inline-block;min-width:3ch;text-align:left}.error{font-size:var(--font-sm);color:var(--cream)}.runaway-panel h2{margin-bottom:28px}.runaway-panel .runaway-msg{margin-bottom:28px;color:var(--cream)}.tutorial-gate{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:auto;background:#1a120a59}.tutorial-gate-panel{width:min(420px,92vw)}.tutorial-gate-panel p.tutorial-gate-text{margin:4px 0 24px;font-size:var(--font-sm);line-height:2.5;color:var(--cream)}.ui-bullet-hole{position:fixed;z-index:10000;pointer-events:none;transform:translate(-50%,-50%);image-rendering:pixelated;image-rendering:crisp-edges;width:48px;height:48px}.hidden{display:none!important}.start-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#1a120a}.play-btn{width:96px;height:96px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--sand);cursor:pointer;display:grid;place-items:center;text-transform:none}.play-btn:hover{color:var(--cream);filter:none}.play-btn svg{display:block}