:root{font-family:Inter,system-ui,sans-serif;color:#e9dfcf;background:#090807}*{box-sizing:border-box}body{margin:0;background:#090807}button{font:inherit;color:inherit;cursor:pointer}.app{min-height:100vh;background:radial-gradient(circle at 50% 0,#30251b,#090807 48%)}header{height:68px;padding:0 22px;border-bottom:1px solid #332a21;display:flex;justify-content:space-between;align-items:center;background:#090807ee;position:sticky;top:0;z-index:2}header span{font-size:9px;letter-spacing:.15em;color:#766b5d}.logo{background:none;border:0;letter-spacing:.18em}.logo b{color:#a84a5c}.landing,main{max-width:960px;margin:auto;padding:38px 18px 70px}.landing{min-height:calc(100vh - 68px);display:grid;place-items:center}.poster{max-width:720px;text-align:center;padding:55px 25px;border:1px solid #382e24;background:linear-gradient(145deg,#201a14,#0d0b09);box-shadow:0 35px 100px #000}.poster small,main>small,.scene>small{color:#b58a4f;letter-spacing:.22em;font-size:10px}.poster h1{font:900 clamp(54px,12vw,108px)/.82 Georgia,serif;margin:28px 0}.poster i{color:#a84a5c;font-size:.48em;letter-spacing:.2em}.poster p{font:18px Georgia,serif;color:#aa9d8c;line-height:1.6}.poster button{width:min(380px,100%);margin:6px auto;padding:16px;border:1px solid #5d4933;background:#16120f;display:flex;justify-content:center;gap:9px}.poster button:first-of-type{background:#8a6234;color:#090807;border-color:#b58a4f}.back{background:none;border:0;display:flex;gap:7px;align-items:center;color:#998c7a;margin-bottom:28px}.chars{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0 35px}.char{background:#11100e;border:1px solid #2f2821;text-align:left;padding:9px}.char.active{border-color:#b58a4f;background:#1a1510}.portrait,.mini{display:grid;place-items:center;background:#262019;color:#e9dfcf;font:700 34px Georgia,serif;aspect-ratio:1;margin-bottom:9px}.portrait.rosa,.mini.rosa{background:#552331}.portrait.amarillo,.mini.amarillo{background:#65531f}.portrait.lila,.mini.lila{background:#50344f}.portrait.blanco,.mini.blanco{background:#aaa294;color:#1b1713}.portrait.negro,.mini.negro{background:#161414}.char b,.char small{display:block}.char small{font-size:10px;color:#8d8070;margin-top:5px}.scene{border-top:1px solid #342b22;padding-top:28px;max-width:780px}.scene h1,main>h1{font:500 clamp(38px,8vw,70px) Georgia,serif;margin:8px 0 18px}.scene>p{font:19px/1.8 Georgia,serif;color:#b5a896}.choices{display:grid;gap:10px;margin-top:24px}.choices button{background:#12100e;border:1px solid #393027;padding:18px;text-align:left}.choices button:hover{border-color:#b58a4f}.choices b,.choices small{display:block}.choices small{color:#867a6b;margin-top:5px}.ending{margin-top:24px;border:1px solid #5b302f;padding:24px;background:#130e0e}.ending.good{border-color:#8a6234;background:#17130e}.ending button{padding:12px 16px;background:#8a6234;color:#090807;border:0;display:flex;gap:7px}.code{display:flex;align-items:center;gap:12px}.code b{font:700 44px monospace;letter-spacing:.2em;color:#d6b57e}.code button{height:44px;width:44px;background:#15120f;border:1px solid #3a3026}.players{display:grid;gap:8px;max-width:600px;margin:20px 0}.player{display:flex;align-items:center;gap:12px;border:1px solid #302820;background:#11100e;padding:10px}.mini{width:50px;height:50px;margin:0;font-size:22px}.note{max-width:600px;color:#8c8071;border:1px solid #302820;padding:14px;font-size:12px}@media(max-width:760px){header span{display:none}.chars{grid-template-columns:repeat(2,1fr)}}@media(max-width:430px){.chars{grid-template-columns:1fr}.portrait{aspect-ratio:2.4}.poster{padding:35px 15px}}:root{--gold:#b58a4f;--gold-d:#8a6234;--red:#a84a5c;--line:#332a21;--panel:#12100e;--muted:#867a6b}.muted{color:var(--muted);font-size:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;background:var(--gold-d);color:#0b0908;border:0;letter-spacing:.06em;font-size:12px}.btn:hover{background:var(--gold)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn svg{width:16px;height:16px}.btn.ghost{background:transparent;border:1px solid #5d4933;color:#c9bda9}.btn.ghost:hover{background:#1a1510;color:var(--gold)}.cta{display:grid;gap:9px;justify-items:center;margin:26px 0 18px}.cta .btn{width:min(380px,100%);justify-content:center}.play{max-width:1180px;margin:auto;padding:20px 18px 80px;display:grid;gap:18px}.stage{max-width:780px;width:100%}.scene{max-width:none;padding-top:8px}.scene h1{margin:6px 0 14px}.tag{display:inline-block;margin-top:9px;padding:3px 8px;border:1px solid #4a3d2d;color:#c2ab86;font-size:9px;letter-spacing:.14em}.tag.hard{border-color:#6b3038;color:#d79aa6}.tag.game{border-color:#2f5a4a;color:#8fd0b6}.hud{border:1px solid var(--line);background:linear-gradient(180deg,#15110e,#0c0a09);padding:16px 18px}.hud-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat small{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.16em;color:#a4917a}.stat small svg{width:13px;height:13px}.stat em{display:block;margin-top:5px;font-style:normal;font-size:10px;color:var(--muted)}.bar{height:5px;background:#241d17;margin-top:7px;overflow:hidden}.bar i{display:block;height:100%;background:var(--gold);transition:width .35s ease}.bar.time i{background:#5b7f9c}.bar.alarm i{background:#a84a5c}.bar.heat i{background:#b5762e}.bar.trust i{background:#6f8a5c}.hud-act{display:flex;align-items:baseline;gap:12px;margin:16px 0 14px;padding-top:14px;border-top:1px solid #241d17;flex-wrap:wrap}.hud-act .phase{font-size:9px;letter-spacing:.24em;color:var(--gold)}.hud-act b{font:500 19px Georgia,serif;letter-spacing:.04em}.crew-strip{display:grid;grid-template-columns:repeat(5,1fr) auto;gap:10px;align-items:end}.crew{display:flex;gap:8px;align-items:center;opacity:1}.crew .mini{width:34px;height:34px;margin:0;font-size:15px;flex:0 0 auto;aspect-ratio:1}.crew-meta{flex:1;min-width:0}.crew-meta b{display:block;font-size:11px;letter-spacing:.06em}.crew-meta small{font-size:9px;color:var(--muted)}.crew.me .mini{outline:2px solid var(--gold);outline-offset:2px}.crew.down{opacity:.4;filter:grayscale(1)}.you{text-align:right;font-size:10px;color:var(--muted);border-left:1px solid #241d17;padding-left:12px}.you b,.you em{display:block;color:var(--gold);font-style:normal}.intel{margin:16px 0 0;padding:11px 14px;border-left:2px solid var(--gold);background:#14110d;font-size:13px;color:#c6b9a3;font-style:italic}.choices button{position:relative}.choices .tag{margin-top:9px}.outcome{padding-top:8px}.result{border:1px solid var(--line);background:var(--panel);padding:26px}.result small{display:block;font-size:9px;letter-spacing:.24em;color:var(--gold)}.result p{margin:14px 0 0;font:18px/1.7 Georgia,serif;color:#b5a896}.result.win,.result.crit{border-color:#4a3d2d;background:linear-gradient(180deg,#161310,#0e0c0a)}.result.win small,.result.crit small{color:#8fd0b6}.result.lose,.result.fumble{border-color:#5b302f;background:linear-gradient(180deg,#16100f,#0d0a0a)}.result.lose small,.result.fumble small{color:#d79aa6}.result.beat{border-color:#2a231c;background:#0e0c0b}.result.beat small{color:#a4917a}.result.beat p{color:#b0a390}.roll{display:inline-block;margin-top:16px;padding:5px 10px;border:1px solid #3a3026;font:11px monospace;color:#b3a48c}.result-foot{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.small-note{margin-top:14px}.log{border:1px solid var(--line);background:#0d0b0a}.log-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:11px 16px;background:none;border:0;font-size:10px;letter-spacing:.2em;color:#7e7263}.log-toggle svg{width:14px;height:14px}.log ul{list-style:none;margin:0;padding:0 16px 16px;max-height:280px;overflow:auto}.log li{padding:6px 0;border-top:1px solid #1d1813;font-size:12px;color:#9a8d7c}.log li span{color:#6a5f52;font:10px monospace;margin-right:8px}.log li.good{color:#8fd0b6}.log li.bad{color:#d79aa6}.mini-game{margin-top:18px;padding:22px;border:1px solid var(--line);background:#0e0c0b}.game-lead{margin:0 0 18px;font:15px/1.7 Georgia,serif;color:#a89b8a}.game-foot{display:flex;align-items:center;gap:16px;margin-top:20px;flex-wrap:wrap}.seq{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.pad{aspect-ratio:1;font-size:20px;background:#17130f;border:1px solid #3a3026}.pad.lit{background:var(--gold);color:#0b0908}.pad.hit{border-color:#6f8a5c}.timing{position:relative;height:64px;background:#17130f;border:1px solid #3a3026;cursor:crosshair;overflow:hidden}.timing-zone{position:absolute;top:0;bottom:0;background:linear-gradient(180deg,#6a4f1f,#8a6234);opacity:.65}.timing-cursor{position:absolute;top:0;bottom:0;width:3px;background:#e9dfcf;box-shadow:0 0 12px #e9dfcf}.dials{display:flex;gap:14px;justify-content:center}.dial{display:grid;justify-items:center;gap:6px}.dial b{font:700 30px monospace;background:#17130f;border:1px solid #3a3026;padding:8px 18px;min-width:76px;text-align:center}.dial button{width:44px;height:34px;background:#1d1813;border:1px solid #3a3026}.clues{margin:20px 0 0;padding-left:20px;color:#b3a48c;font-size:13px;line-height:1.9}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;justify-content:center}.cell{aspect-ratio:1;background:#151210;border:1px solid #2a231c;display:grid;place-items:center;color:#e9dfcf}.cell.exit{background:#151c17}.cell.beam{background:#5a1f26;box-shadow:inset 0 0 14px #a84a5c}.cell.me{outline:2px solid var(--gold);outline-offset:-2px}.dpad{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px}.dpad>div{display:flex;gap:6px}.dpad button{width:46px;height:42px;background:#1d1813;border:1px solid #3a3026}.split-row{display:grid;grid-template-columns:34px 120px 1fr 46px auto;align-items:center;gap:10px;margin-bottom:10px}.split-row .mini{width:30px;height:30px;margin:0;font-size:14px;aspect-ratio:1}.split-row b{font-size:12px}.split-row em{font:12px monospace;font-style:normal;text-align:right;color:#b3a48c}.split-row input{width:100%;accent-color:#b58a4f}.stepper{display:flex;gap:4px}.stepper button{width:30px;height:30px;background:#1d1813;border:1px solid #3a3026}.total{font:12px monospace;color:#d79aa6}.total.ok{color:#8fd0b6}.ending{border-color:#4a3d2d;background:linear-gradient(180deg,#151310,#0c0a09)}.ending.mixed{border-color:#5a4a2a}.ending.lose{border-color:#5b302f;background:linear-gradient(180deg,#16100f,#0c0909)}.tally{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:26px 0 30px}.tally div{border:1px solid #2a231c;background:#100e0c;padding:12px 8px;text-align:center}.tally b{display:block;font:700 22px Georgia,serif;color:var(--gold)}.tally small{font-size:9px;letter-spacing:.1em;color:var(--muted)}.scene h3{display:flex;align-items:center;gap:9px;font:11px/1 sans-serif;letter-spacing:.2em;color:#a4917a;margin:0 0 14px}.scene h3 svg{width:15px;height:15px}.fates{display:grid;gap:9px}.fate{display:flex;gap:12px;align-items:flex-start;border:1px solid #2a231c;background:#100e0c;padding:12px}.fate .mini{width:32px;height:32px;margin:0;font-size:14px;flex:0 0 auto;aspect-ratio:1}.fate b{font-size:12px}.fate small{font-size:10px;color:var(--muted);margin-left:8px}.fate p{margin:6px 0 0;font:13px/1.6 Georgia,serif;color:#a2957f}.ending-foot{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}.blurb{border:1px solid var(--line);background:var(--panel);padding:26px;max-width:640px}.blurb h1{font:500 30px Georgia,serif;margin:0 0 12px}.blurb p{margin:0 0 8px;font:16px/1.7 Georgia,serif;color:#a89b8a}.blurb .btn{margin-top:18px}.join{display:flex;gap:9px;margin:18px 0}.join input{background:#15120f;border:1px solid #3a3026;color:#d6b57e;padding:12px 16px;font:700 18px monospace;letter-spacing:.2em;text-transform:uppercase;min-width:150px}.seats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0 24px;max-width:700px}.seat{border:1px solid #2f2821;background:#11100e;padding:9px;text-align:left;opacity:1;transition:border-color .2s,background .2s}.seat:not(:disabled):hover{border-color:var(--gold);background:#1a1510}.seat:disabled{cursor:default}.seat.taken{opacity:.72}.seat.mine{opacity:1;border-color:var(--gold);background:#1a1510}.seat b{display:block;font-size:11px;margin-top:6px}.seat small{font-size:9px;color:var(--muted)}.seat.mine small{color:var(--gold)}.online{padding-bottom:90px}.conn{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid #2f2821;background:#100e0c;font-size:10px;letter-spacing:.14em;color:var(--muted)}.conn svg{width:14px;height:14px}.conn b{color:var(--gold);font:700 13px monospace;letter-spacing:.2em}.conn.open{color:#8fd0b6;border-color:#2f5a4a}.conn.closed{color:#d79aa6;border-color:#5b302f}.conn.connecting{color:#d6b57e;border-color:#4a3d2d}.field{display:grid;gap:7px;margin:20px 0 4px;max-width:340px}.field span{font-size:9px;letter-spacing:.2em;color:#a4917a}.field input{background:#15120f;border:1px solid #3a3026;color:#e9dfcf;padding:12px 14px;font-size:14px}.field input:focus{outline:0;border-color:var(--gold)}.err{margin:16px 0 0;padding:10px 13px;border-left:2px solid var(--red);background:#170f10;color:#e0a8b2;font-size:13px;max-width:640px}.err.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:20;background:#1a1113;box-shadow:0 14px 40px #000;max-width:90vw}.share{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0 26px;padding:16px;border:1px solid var(--line);background:var(--panel)}.share-code small{display:block;font-size:9px;letter-spacing:.2em;color:var(--muted)}.share-code b{font:700 30px monospace;letter-spacing:.22em;color:var(--gold)}.roster{list-style:none;margin:0 0 24px;padding:0;border:1px solid var(--line);background:var(--panel);max-width:700px}.roster li{display:flex;align-items:center;gap:11px;padding:11px 15px;border-top:1px solid #1d1813;font-size:13px}.roster li:first-child{border-top:0}.roster .dot{width:28px;height:28px;display:grid;place-items:center;background:#262019;font:700 13px Georgia,serif;flex:0 0 auto}.roster .dot.rosa{background:#552331}.roster .dot.amarillo{background:#65531f}.roster .dot.lila{background:#3b2b52}.roster .dot.blanco{background:#4a4a48}.roster .dot.negro{background:#1b1b1c}.roster b{font-weight:500}.roster em{font-style:normal;font-size:9px;letter-spacing:.14em;color:#090807;background:var(--gold);padding:2px 6px}.roster small{font-size:10px;color:var(--muted)}.roster .state{margin-left:auto;font-size:10px;letter-spacing:.12em;color:var(--muted)}.roster .turns{font:10px monospace;color:var(--gold);min-width:52px;text-align:right}.roster li.ready .state{color:#8fd0b6}.roster li.off{opacity:.45}.waiting-host{align-self:center;font-size:12px;max-width:340px;text-align:center}.turn{display:flex;align-items:center;gap:9px;padding:11px 16px;border:1px solid var(--line);background:#100e0c;font-size:11px;letter-spacing:.16em;color:#a4917a}.turn svg{width:15px;height:15px;animation:pulse 1.6s ease-in-out infinite}.turn.mine{border-color:var(--gold);color:var(--gold);background:#181309}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.waiting{margin:22px 0 4px;padding:24px;border:1px dashed #3a3026;background:#100e0c;text-align:center}.waiting b{display:block;margin:12px 0 4px;font:500 19px Georgia,serif;color:var(--gold)}.waiting small{font-size:12px;color:var(--muted)}.waiting-dots{display:flex;gap:6px;justify-content:center}.waiting-dots i{width:6px;height:6px;background:var(--gold);animation:bounce 1.1s ease-in-out infinite}.waiting-dots i:nth-child(2){animation-delay:.16s}.waiting-dots i:nth-child(3){animation-delay:.32s}@keyframes bounce{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.your-night{margin:22px 0 0;padding:14px 18px;border-left:2px solid var(--gold);background:#14110d;font:15px/1.7 Georgia,serif;color:#b3a48c}.your-night b{color:var(--gold)}.fate.absent{opacity:.42}.fate.absent p{font-style:italic}@media(max-width:900px){.hud-row{grid-template-columns:repeat(2,1fr)}.crew-strip{grid-template-columns:repeat(3,1fr)}.you{grid-column:1/-1;text-align:left;border-left:0;padding-left:0}.tally{grid-template-columns:repeat(3,1fr)}.seats{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.hud-row{grid-template-columns:1fr}.crew-strip{grid-template-columns:repeat(2,1fr)}.seq{grid-template-columns:repeat(3,1fr)}.split-row{grid-template-columns:30px 1fr;gap:6px}.split-row input{grid-column:1/-1}.share-code b{font-size:22px}.roster .turns{display:none}}