:root{--bg:#0b0d10;--ink:#ece6da;--muted:#a39d92;--line:#ece6da29;--panel:#0c0e11b8;--accent:#c9a25b;--danger:#b3261e;--serif:"Cormorant Garamond", Georgia, serif;--sans:"Inter", system-ui, -apple-system, sans-serif;--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--sans);-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#scene{touch-action:none;width:100vw;height:100dvh;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui button,#ui a,#ui .seg{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer}.brand{font-family:var(--serif);letter-spacing:.02em;font-size:clamp(44px,9vw,96px);font-weight:500;line-height:1}.brand.small{margin-bottom:18px;font-size:clamp(30px,6vw,46px)}.tag{font-family:var(--serif);color:var(--muted);margin-top:12px;font-size:clamp(18px,3vw,24px);font-style:italic}.loading{background:var(--bg);z-index:30;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:16px;transition:opacity 1.2s;display:flex;position:absolute;inset:0}.loading.gone{opacity:0}.progress{background:var(--line);width:min(320px,70vw);height:2px;margin-top:42px;overflow:hidden}.progress i{background:var(--ink);width:0;height:100%;transition:width .3s;display:block}.hint{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:14px;font-size:12px}.gate{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;z-index:40;pointer-events:auto;background:#060709db;justify-content:center;align-items:center;padding:16px;transition:opacity .6s;display:flex;position:absolute;inset:0}.gate.show{opacity:1}.gate-inner{text-align:center;max-width:520px}.gate p{color:#cfc8bb;margin:0 0 14px;font-size:15px;line-height:1.6}.gate p.lead{font-family:var(--serif);color:var(--ink);font-size:24px;font-style:italic}.gore-pick{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin:22px 0 26px;font-size:13px;display:flex}.seg{border:1px solid var(--line);border-radius:999px;display:inline-flex;overflow:hidden}.seg button{color:var(--muted);background:0 0;border:0;padding:8px 16px;font-size:13px}.seg button.on{background:var(--ink);color:var(--bg)}.primary{background:var(--ink);width:100%;max-width:360px;color:var(--bg);letter-spacing:.02em;border:0;border-radius:2px;margin:0 auto;padding:16px 22px;font-size:15px;font-weight:600;transition:transform .15s,background .2s;display:block}.primary:hover{background:#fff}.primary:active{transform:scale(.98)}.ghost{color:var(--muted);background:0 0;border:0;margin-top:14px;padding:8px;font-size:13px;text-decoration:none;display:inline-block}.ghost:hover{color:var(--ink)}.bars i{z-index:5;background:#000;height:0;transition:height .9s cubic-bezier(.6,0,.2,1);position:absolute;left:0;right:0}.bars i:first-child{top:0}.bars i:last-child{bottom:0}.bars.on i{height:9vh}.fade{opacity:0;z-index:20;background:#000;position:absolute;inset:0}.card{left:0;right:0;bottom:calc(12vh + var(--safe-b));text-align:center;z-index:8;padding:0 16px;transition:opacity .6s;position:absolute}.card.hidden{opacity:0;pointer-events:none}.card.hidden .skip{pointer-events:none}.card-title{font-family:var(--serif);text-shadow:0 2px 24px #000;margin-bottom:14px;font-size:clamp(30px,5vw,48px)}.card-lines p{font-family:var(--serif);opacity:0;text-shadow:0 1px 14px #000,0 0 2px #000;margin:4px 0;font-size:clamp(18px,2.6vw,25px);animation:1.1s forwards lineIn}@keyframes lineIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.skip{position:fixed;top:calc(9vh + 12px);right:16px}.hud{z-index:6;transition:opacity .4s;position:absolute;inset:0}.hud.hidden{opacity:0}.hud.hidden button{pointer-events:none}.question{top:max(18px, env(safe-area-inset-top));text-align:center;font-family:var(--serif);text-shadow:0 2px 18px #000;padding:0 16px;font-size:clamp(20px,3.2vw,30px);position:absolute;left:0;right:0}.timer{top:calc(max(18px, env(safe-area-inset-top)) + 46px);background:var(--line);width:min(420px,70vw);height:2px;position:absolute;left:50%;transform:translate(-50%)}.timer i{background:var(--ink);transform-origin:0;height:100%;display:block}.timer.urgent i{background:#e2533f}.route{left:0;right:0;bottom:calc(118px + var(--safe-b));text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-shadow:0 1px 8px #000;font-size:13px;position:absolute}.route b{color:var(--ink);font-weight:600}.hud.diverted .route b{color:#f0d79a}.lever-btn{left:50%;bottom:calc(40px + var(--safe-b));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.03em;background:#0a0b0d8c;border:1px solid #ece6da80;border-radius:999px;min-width:min(320px,84vw);padding:18px 30px;font-size:17px;font-weight:600;transition:background .2s,transform .1s,border-color .2s;position:absolute;transform:translate(-50%)}.lever-btn:hover{background:#ece6da1f}.lever-btn:active{transform:translate(-50%)scale(.97)}.lever-btn:disabled{opacity:.35}.hud.diverted .lever-btn{border-color:#f0d79a}.keys{left:0;right:0;bottom:calc(14px + var(--safe-b));text-align:center;color:var(--muted);letter-spacing:.06em;font-size:11px;position:absolute}.keys kbd{border:1px solid var(--line);font-family:var(--sans);border-radius:3px;padding:1px 5px}@media (pointer:coarse){.keys{display:none}}.labels{z-index:4;position:absolute;inset:0;overflow:hidden}.tag3d{letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;opacity:0;background:#08090b8c;padding:5px 10px;font-size:12px;transition:opacity .4s;position:absolute;top:0;left:0}.tag3d.show{opacity:1}.tag3d:after{content:"";background:#ece6da66;width:1px;height:18px;position:absolute;top:100%;left:50%}.tag3d.active{border-color:#e2533f}.results{opacity:0;z-index:25;pointer-events:auto;background:radial-gradient(#0506088c,#050608eb);justify-content:center;align-items:center;padding:16px;transition:opacity .8s;display:flex;position:absolute;inset:0;overflow-y:auto}.results.show{opacity:1}.results-inner{text-align:center;width:min(560px,100%)}.verdict{font-family:var(--serif);font-size:clamp(32px,6vw,52px);line-height:1.1}.deaths{font-family:var(--serif);color:var(--muted);margin:10px 0 34px;font-size:clamp(18px,3vw,24px);font-style:italic}.split-bar{background:#ece6da24;height:10px;position:relative;overflow:hidden}.split-bar i{background:var(--ink);transform-origin:0;animation:1.4s cubic-bezier(.2,.7,.2,1) grow;position:absolute;top:0;bottom:0;left:0}@keyframes grow{0%{transform:scaleX(0)}}.split-legend{color:var(--muted);justify-content:space-between;gap:12px;margin-top:10px;font-size:14px;display:flex}.split-legend b{color:var(--ink);margin-right:4px;font-size:20px}.split-legend .you:after{content:"you";letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--accent);color:var(--accent);vertical-align:2px;border-radius:99px;margin-left:8px;padding:1px 6px;font-size:10px}.agree{font-family:var(--serif);margin-top:20px;font-size:20px}.votes,.stat-wait,.soon{color:var(--muted);letter-spacing:.06em;margin-top:8px;font-size:12px}.facts{flex-wrap:wrap;justify-content:center;gap:clamp(18px,6vw,48px);margin:34px 0;display:flex}.facts div{flex-direction:column;display:flex}.facts b{font-family:var(--serif);font-size:32px;font-weight:500}.facts span{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px}.soon{margin-top:16px}.memorial{text-align:center;z-index:22;pointer-events:none;transition:opacity .8s;position:absolute;bottom:18vh;left:0;right:0}.memorial.out{opacity:0}.m-line{font-family:var(--serif);color:#e9e2d6;opacity:0;text-shadow:0 2px 20px #000,0 0 3px #000;letter-spacing:.01em;margin:6px 0;font-size:clamp(22px,3.4vw,34px);animation:2.2s forwards lineIn}.who{text-align:left;border-top:1px solid var(--line);margin:30px auto 6px;padding-top:18px}.who-title{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-align:center;margin-bottom:12px;font-size:11px}.who-row{border-bottom:1px solid #ece6da12;grid-template-columns:1fr auto;gap:2px 12px;padding:9px 0;display:grid}.who-row b{font-family:var(--serif);font-size:20px;font-weight:500}.who-row span{color:var(--muted);text-align:right;align-self:center;font-size:13px}.who-row i{color:#bdb5a8;font-family:var(--serif);grid-column:1/-1;font-size:16px}.who-alive{color:var(--muted);text-align:center;margin-top:12px;font-size:13px}.card3d{text-transform:none;letter-spacing:.02em;flex-direction:column;gap:2px;padding:7px 10px 8px;display:flex}.card3d b{letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:600}.card3d span{color:#d8d0c3;font-size:12px}@media (max-width:600px){.card3d{padding:5px 7px}.card3d span{font-size:10.5px}.card3d b{font-size:10px}}.progress-line{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:11px}.after{max-width:460px;font-family:var(--serif);color:#d6cebf;margin:26px auto 0;font-size:19px;font-style:italic;line-height:1.45}.prep .phones{width:64px;height:64px;color:var(--ink);opacity:.9;margin-bottom:10px}.vol{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:26px 0 18px;font-size:13px;display:flex}.vol input[type=range]{accent-color:#ece6da;pointer-events:auto;width:min(240px,52vw)}.vol .vol-val{color:var(--ink);text-align:left;min-width:38px;font-weight:500}.vol .test{border:1px solid var(--line);border-radius:99px;margin:0;padding:6px 12px}.prep-progress{margin:6px auto 22px}.primary:disabled{opacity:.45;cursor:default}
