:root{--bg:#000;--orange:#ff9c5b;--gold:#ffcd72;--lilac:#c98bd1;--blue:#7da4e0;--ice:#9aa6ff;--salmon:#d97a6a;--rose:#e08fa8;--text:#f4e7d2;--dim:#7c6a4f;--panel:#0a0805}*{box-sizing:border-box}html,body{background:var(--bg);margin:0;padding:0}body{color:var(--text);letter-spacing:.02em;-webkit-font-smoothing:antialiased;min-height:100dvh;padding:18px;font-family:Antonio,sans-serif;display:flex}body:before{content:"";background:var(--bg);z-index:6;pointer-events:none;height:18px;position:fixed;top:0;left:0;right:0}.frame{align-items:flex-start;gap:10px;width:100%;max-width:1080px;margin:0 auto;display:flex}.rail{z-index:5;flex-direction:column;flex:none;gap:10px;width:150px;height:calc(100dvh - 36px);display:flex;position:sticky;top:18px}.content{flex-direction:column;flex:1;gap:10px;min-width:0;min-height:calc(100dvh - 36px);display:flex}.elbow{background:var(--orange);border-top-left-radius:70px;flex:none;height:84px;position:relative}.elbow:after{content:"";background:var(--bg);border-top-left-radius:34px;width:calc(100% - 56px);height:calc(100% - 28px);position:absolute;bottom:0;right:0}.topbar{z-index:5;background:var(--bg);flex:none;justify-content:flex-end;align-items:flex-end;gap:8px;height:84px;display:flex;position:sticky;top:18px;overflow:hidden}.topbar .seg{border-radius:14px;height:28px}.topbar .grow{background:var(--orange);flex:1}.topbar .b1{background:var(--gold);width:60px}.topbar .b2{background:var(--lilac);width:32px}.topbar .cap{background:var(--orange);color:#000;white-space:nowrap;letter-spacing:.16em;border-radius:14px;align-items:center;height:28px;padding:0 16px 0 22px;font-size:15px;font-weight:600;display:flex}.sidebar{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.pill{color:#000;letter-spacing:.12em;text-align:right;border-radius:0;justify-content:flex-end;align-items:flex-end;padding:8px 12px 6px;font-size:14px;font-weight:600;line-height:.95;display:flex}.pill.fill{flex:1;align-items:flex-start}.pill.tall{min-height:74px}.pill .num{opacity:.55;font-weight:500}.readout{background:var(--panel);color:var(--gold);border:none;border-radius:0 0 0 26px;flex-direction:column;flex:1;justify-content:flex-end;gap:9px;padding:14px 12px;display:flex}.readout .line{color:var(--dim);letter-spacing:.1em;justify-content:space-between;font-size:13px;display:flex}.readout .line b{color:var(--gold);font-weight:500}.seglight{background:#241c10;border-radius:5px;height:9px;overflow:hidden}.seglight i{background:var(--orange);width:0;height:100%;transition:width .5s;display:block}.main{background:var(--panel);border-radius:0 0 36px;flex-direction:column;flex:1;padding:30px 34px 26px;display:flex}.stardate{color:var(--lilac);letter-spacing:.28em;margin-bottom:4px;font-size:13px}h1{color:var(--orange);text-transform:uppercase;letter-spacing:.01em;margin:0 0 6px;font-size:clamp(30px,5vw,52px);font-weight:700;line-height:.92}.sub{color:var(--text);opacity:.85;max-width:52ch;margin:0 0 26px;font-size:17px;font-weight:300;line-height:1.45}.qcount{color:var(--gold);letter-spacing:.22em;align-items:center;gap:12px;margin-bottom:14px;font-size:14px;display:flex}.qcount .bar{background:#241c10;border-radius:3px;flex:1;height:6px;overflow:hidden}.qcount .bar i{background:var(--lilac);width:0;height:100%;transition:width .4s;display:block}.question{color:var(--text);margin:0 0 22px;font-size:clamp(22px,3.2vw,30px);font-weight:400;line-height:1.12}.options{flex-direction:column;gap:9px;display:flex}.opt{appearance:none;cursor:pointer;text-align:left;color:#000;letter-spacing:.01em;border:none;border-left:8px solid #00000040;border-radius:0 16px 16px 0;width:100%;padding:13px 18px 11px 22px;font-family:inherit;font-size:17px;font-weight:500;line-height:1.15;transition:transform .12s,filter .12s}.opt:hover{filter:brightness(1.12);transform:translate(5px)}.opt:focus-visible{outline-offset:3px;outline:3px solid #fff}.opt.chosen{filter:brightness(1.3);transform:translate(5px)}.nav{align-items:center;gap:10px;margin-top:auto;padding-top:22px;display:flex}.btn{appearance:none;cursor:pointer;color:#000;letter-spacing:.16em;text-transform:uppercase;border:none;border-radius:18px;padding:11px 24px 9px;font-family:inherit;font-size:15px;font-weight:600;transition:filter .12s}.btn:hover{filter:brightness(1.15)}.btn:focus-visible{outline-offset:3px;outline:3px solid #fff}.btn.back{background:var(--dim);color:#000}.btn.go{background:var(--gold)}.btn.restart{background:var(--orange)}.btn[disabled]{opacity:.3;cursor:not-allowed}.lenpick{margin-bottom:6px}.lenlabel{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;margin-bottom:12px;font-size:13px;display:block}.lenbtns{flex-wrap:wrap;gap:10px;display:flex}.btn.len{border-radius:20px;flex-direction:column;align-items:flex-start;gap:1px;padding:12px 22px 11px;line-height:1;display:flex}.btn.len b{letter-spacing:.06em;font-size:18px;font-weight:700}.btn.len span{letter-spacing:.14em;opacity:.75;font-size:12px;font-weight:500}.btn.l10{background:var(--gold)}.btn.l20{background:var(--lilac)}.btn.l40{background:var(--orange)}.mute{cursor:pointer;color:var(--dim);letter-spacing:.16em;background:0 0;border:none;margin-left:auto;padding:6px;font-family:inherit;font-size:13px}.mute:hover{color:var(--gold)}.res-head{flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:4px;display:flex}.res-label{color:var(--lilac);letter-spacing:.28em;font-size:13px}.res-name{text-transform:uppercase;margin:2px 0;font-size:clamp(38px,7vw,72px);font-weight:700;line-height:.9}.res-tag{color:var(--gold);letter-spacing:.04em;margin-bottom:18px;font-size:18px;font-style:normal;font-weight:300}.res-desc{max-width:58ch;color:var(--text);margin:0 0 20px;font-size:17px;font-weight:300;line-height:1.5}.tags{flex-wrap:wrap;gap:7px;margin-bottom:22px;display:flex}.tag{letter-spacing:.12em;color:#000;background:var(--blue);text-transform:uppercase;border-radius:12px;padding:5px 13px 4px;font-size:13px;font-weight:600}.notable{color:var(--dim);letter-spacing:.06em;margin-bottom:24px;font-size:14px}.notable b{color:var(--text);font-weight:400}.affinity{margin-bottom:6px}.affinity .h{color:var(--gold);letter-spacing:.22em;margin-bottom:12px;font-size:13px}.arow{grid-template-columns:110px 1fr 38px;align-items:center;gap:10px;margin-bottom:7px;font-size:14px;display:grid}.arow .nm{color:var(--text);letter-spacing:.08em;text-transform:uppercase;text-align:right;font-size:13px;font-weight:400}.arow .track{background:#1c160d;border-radius:7px;height:14px;overflow:hidden}.arow .track i{border-radius:7px;width:0;height:100%;transition:width .8s cubic-bezier(.2,.7,.2,1);display:block}.arow .pct{color:var(--dim);text-align:right;font-size:13px}.hidden{display:none!important}@keyframes fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.anim{animation:.35s both fadein}@keyframes blink{0%,to{background-color:var(--salmon)}50%{background-color:#4c2b25}}.blink{animation:2.4s ease-in-out infinite blink}@media (width<=680px){body{padding:10px}body:before{height:10px}.frame{gap:7px}.rail{gap:7px;width:64px;height:calc(100dvh - 20px);top:10px}.content{gap:7px;min-height:calc(100dvh - 20px)}.elbow{border-top-left-radius:40px;height:54px}.topbar{height:54px;top:10px}.elbow:after{border-top-left-radius:20px;width:calc(100% - 28px);height:calc(100% - 18px)}.topbar .cap{letter-spacing:.1em;padding:0 10px;font-size:11px}.sidebar .pill,.sidebar .readout .num,.pill .num{font-size:0}.pill{padding:6px}.readout{font-size:11px}.readout .line{font-size:0}.seglight{height:7px}.main{border-radius:0 0 24px;padding:20px 18px 18px}.arow{grid-template-columns:74px 1fr 32px}.arow .nm{font-size:11px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}