.olt{--night:#06050c;--panel:#0d0a14;--panel-2:#12101b;--cream:#fff8eb;--muted:#bdb2c7;--gold:#e9bd61;--gold-2:#ffe4a0;--violet:#ae94f4;--line:rgba(233,189,97,.23);position:relative;margin:28px 0 38px;border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at 82% 8%,rgba(102,72,157,.2),transparent 35%),linear-gradient(180deg,#090711,#050409);color:var(--cream);overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.34)}
.olt *{box-sizing:border-box}.olt [hidden]{display:none!important}.olt button,.olt input{font:inherit}.olt button{color:inherit}.olt .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.olt-hero{position:relative;min-height:510px;display:flex;align-items:center;background:#050308;isolation:isolate;overflow:hidden}.olt-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.olt-hero-veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,2,7,.96) 0%,rgba(3,2,7,.84) 31%,rgba(3,2,7,.2) 65%,rgba(3,2,7,.26) 100%),linear-gradient(0deg,rgba(3,2,7,.8),transparent 35%)}.olt-hero-copy{width:min(625px,58%);padding:58px 64px}.olt-kicker{display:inline-block;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.olt-hero-copy h2,.olt-head h2,.olt-result>h2{margin:12px 0 16px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,5.1vw,68px);font-weight:500;line-height:1.02;letter-spacing:-.02em}.olt-hero-copy>p{max-width:565px;margin:0;color:#e5dce9;font-size:18px;line-height:1.65}.olt-hero-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.olt-hero-points span{padding:8px 12px;border:1px solid rgba(233,189,97,.3);border-radius:999px;background:rgba(4,3,8,.62);color:#f2dfb5;font-size:11px;font-weight:800;letter-spacing:.04em}
.olt-shell{padding:48px 46px 54px}.olt-head{text-align:center}.olt-head h2{font-size:clamp(34px,4.4vw,54px)}.olt-head p{max-width:760px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.68}.olt-modes,.olt-sessions{min-width:0;margin:30px 0 0;padding:0;border:0}.olt-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.olt-mode,.olt-session{position:relative;display:flex;min-width:0;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(9,7,14,.88);cursor:pointer;transition:border-color .2s,transform .2s,background .2s,box-shadow .2s}.olt-mode{min-height:155px;gap:14px;align-items:flex-start;padding:22px}.olt-mode:hover,.olt-session:hover{transform:translateY(-2px);border-color:rgba(233,189,97,.48)}.olt-mode input,.olt-session input{position:absolute;opacity:0;pointer-events:none}.olt-mode.is-selected,.olt-session.is-selected{border-color:var(--gold);background:linear-gradient(145deg,rgba(233,189,97,.13),rgba(174,148,244,.07));box-shadow:0 0 0 1px rgba(233,189,97,.08),0 15px 35px rgba(0,0,0,.2)}.olt-mode-mark{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(233,189,97,.55);border-radius:50%;color:var(--gold-2);font-size:19px}.olt-mode>span:nth-child(3),.olt-session>span{display:flex;min-width:0;flex-direction:column}.olt-mode strong{font-family:Georgia,'Times New Roman',serif;font-size:21px}.olt-mode small{margin-top:6px;color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.olt-mode em{margin-top:9px;color:#cfc4d5;font-size:13px;font-style:normal;line-height:1.48}.olt-mode>i,.olt-session>i{position:absolute;top:14px;right:14px;width:17px;height:17px;border:1px solid rgba(255,255,255,.3);border-radius:50%}.olt-mode.is-selected>i,.olt-session.is-selected>i{border:5px solid var(--gold);background:#251a16}
.olt-sessions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.olt-sessions legend{float:none;grid-column:1/-1;width:100%;margin:0 0 5px;padding:0}.olt-sessions legend strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:27px}.olt-sessions legend small{display:block;margin-top:5px;color:var(--muted);font-size:13px}.olt-session{min-height:88px;align-items:center;padding:17px 20px}.olt-session strong{font-size:14px}.olt-session small{margin-top:6px;color:#d5cadb;font-size:12px}.olt-rules{margin:28px 0 0;padding:24px;border:1px solid rgba(174,148,244,.16);border-radius:18px;background:rgba(174,148,244,.035)}.olt-rules h3{margin:0 0 16px;text-align:center;font-family:Georgia,'Times New Roman',serif;font-size:22px}.olt-rules ol{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none}.olt-rules li{display:flex;gap:11px;align-items:flex-start;color:#d8cddd;font-size:13px;line-height:1.5}.olt-rules b{color:var(--gold);font-size:10px;letter-spacing:.08em}
.olt-btn{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:14px;margin:28px auto 0;padding:13px 24px;border:1px solid var(--gold);border-radius:999px;background:linear-gradient(135deg,#f1cf7e,#c8983d);color:#171008!important;font-weight:900;letter-spacing:.02em;cursor:pointer;box-shadow:0 13px 30px rgba(200,152,61,.18);transition:transform .2s,filter .2s,opacity .2s}.olt-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.07)}.olt-btn:disabled{opacity:.42;cursor:not-allowed}.olt-btn.is-secondary{border-color:rgba(255,255,255,.22);background:#110d18;color:#eee5f2!important;box-shadow:none}.olt-start>.olt-btn{display:flex}.olt-privacy,.olt-disclaimer{color:#91879b;font-size:11px;line-height:1.5;text-align:center}.olt-privacy{margin:12px 0 0}.olt-disclaimer{margin:0;padding:0 18px 21px}
.olt-loading{min-height:330px;display:grid;place-items:center;align-content:center;gap:22px;text-align:center}.olt-loading>span{position:relative;width:154px;height:74px;display:flex;gap:9px;justify-content:center;align-items:center}.olt-loading i{width:38px;height:61px;border:1px solid rgba(233,189,97,.72);border-radius:6px;background:linear-gradient(145deg,#171121,#08060d);box-shadow:0 0 20px rgba(233,189,97,.12);animation:olt-order 1.5s ease-in-out infinite}.olt-loading i:nth-child(2){animation-delay:.14s}.olt-loading i:nth-child(3){animation-delay:.28s}.olt-loading strong{color:#e9dfec;font-size:14px}@keyframes olt-order{50%{transform:translateY(-9px);border-color:var(--violet);box-shadow:0 8px 25px rgba(174,148,244,.2)}}
.olt-scoreboard{display:grid;grid-template-columns:repeat(3,1fr);position:relative;margin-bottom:22px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:#0a0710;overflow:hidden}.olt-scoreboard p{margin:0;padding:14px 18px;border-right:1px solid rgba(255,255,255,.08)}.olt-scoreboard p:nth-child(3){border-right:0}.olt-scoreboard small{margin-right:8px;color:#9f94aa;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.olt-scoreboard strong{color:var(--cream);font-size:19px}.olt-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:rgba(255,255,255,.04)}.olt-progress i{display:block;width:10%;height:100%;background:linear-gradient(90deg,var(--gold),var(--violet));transition:width .3s}
.olt-stage{padding:28px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 78% 12%,rgba(174,148,244,.1),transparent 37%),linear-gradient(145deg,#120d18,#09070e);box-shadow:0 22px 55px rgba(0,0,0,.25)}.olt-story{text-align:center}.olt-story h2{margin:10px 0 14px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,3.4vw,42px);font-weight:500;line-height:1.15}.olt-brief{max-width:880px;margin:0 auto;padding:20px 24px;border:1px solid rgba(255,255,255,.11);border-left:2px solid var(--gold);border-radius:14px;background:rgba(4,3,8,.6);color:#e6dce9;font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.58}
.olt-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:25px 0 28px}.olt-slot{position:relative;min-height:246px;display:flex;flex-direction:column;align-items:center;padding:15px 11px 13px;border:1px dashed rgba(233,189,97,.36);border-radius:16px;background:rgba(5,4,9,.62);text-align:center;cursor:pointer;transition:border-color .2s,transform .2s,background .2s}.olt-slot:hover:not(:disabled){transform:translateY(-2px);border-color:var(--gold)}.olt-slot-number{color:#756b7c;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.olt-slot-role{margin-top:3px;color:var(--gold-2);font-family:Georgia,'Times New Roman',serif;font-size:21px}.olt-slot-cue{min-height:31px;margin-top:3px;color:#aaa0b2;font-size:10px;line-height:1.35}.olt-slot-card{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:9px}.olt-slot-card img{display:block;width:76px;height:auto;aspect-ratio:600/1020;object-fit:contain;border:1px solid rgba(233,189,97,.48);border-radius:6px;background:#000;box-shadow:0 9px 20px rgba(0,0,0,.38)}.olt-slot-card>span:not(.olt-empty){margin-top:7px;font-family:Georgia,'Times New Roman',serif;font-size:14px;line-height:1.16}.olt-slot-card small{margin-top:4px;color:#8f8498;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.olt-empty{display:grid;place-items:center;width:78px;aspect-ratio:600/1020;border:1px dashed rgba(255,255,255,.14);border-radius:7px;color:#7d7387;font-size:10px;line-height:1.3}.olt-slot.is-filled{border-style:solid;border-color:rgba(233,189,97,.32);background:rgba(233,189,97,.035)}.olt-slot.is-correct{border-color:#9ed2a2;background:rgba(74,142,86,.1)}.olt-slot.is-wrong{border-color:#d58088;background:rgba(156,64,74,.09)}.olt-slot.is-correct:after,.olt-slot.is-wrong:after{position:absolute;top:10px;right:11px;font-size:17px;font-weight:900}.olt-slot.is-correct:after{content:'✓';color:#aee5b2}.olt-slot.is-wrong:after{content:'×';color:#efa2a8}
.olt-tray{padding-top:23px;border-top:1px solid rgba(255,255,255,.09);text-align:center}.olt-tray h3{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:27px;font-weight:500}.olt-tray>p{margin:7px 0 19px;color:var(--muted);font-size:12px}.olt-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:770px;margin:0 auto}.olt-card-option{position:relative;min-width:0;display:grid;grid-template-columns:minmax(74px,112px) minmax(0,1fr);gap:12px;align-items:center;padding:11px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:#0a0710;cursor:pointer;text-align:left;transition:transform .2s,border-color .2s,opacity .2s,box-shadow .2s}.olt-card-option:hover:not(:disabled){transform:translateY(-3px);border-color:var(--gold);box-shadow:0 13px 30px rgba(233,189,97,.1)}.olt-card-option:disabled{cursor:default;opacity:.34}.olt-card-option[aria-pressed="true"]{border-color:var(--violet);background:rgba(174,148,244,.075)}.olt-card-option>img{display:block;width:100%;height:auto;aspect-ratio:600/1020;object-fit:contain;border:1px solid rgba(233,189,97,.48);border-radius:7px;background:#000}.olt-card-option>span{display:flex;min-width:0;flex-direction:column}.olt-card-option strong{font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.16}.olt-card-option small{margin-top:5px;color:var(--gold);font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.olt-card-option em{margin-top:8px;color:#a99db2;font-size:9px;font-style:normal;line-height:1.35}.olt-card-option>b{position:absolute;top:8px;right:8px;z-index:2;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--violet);color:#0a0710;font-size:14px;box-shadow:0 4px 12px rgba(0,0,0,.4)}
.olt-order-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:23px}.olt-order-actions .olt-btn{margin:0}.olt-link{padding:10px 12px;border:0;background:transparent;color:#c7bbcE;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.olt-link:disabled{opacity:.35;cursor:not-allowed}.olt-feedback{min-height:23px;margin:15px 0 0;color:var(--gold-2);font-size:14px;font-weight:800;text-align:center}
.olt-reveal{margin-top:20px;border:1px solid var(--line);border-radius:20px;background:#0a0710;overflow:hidden}.olt-reveal>header{padding:23px 25px 19px;text-align:center}.olt-reveal-status{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.olt-reveal h3{margin:10px 0 8px;font-family:Georgia,'Times New Roman',serif;font-size:30px;font-weight:500}.olt-summary{max-width:780px;margin:0 auto;color:#d8cddd;font-size:14px;line-height:1.6}.olt-reveal>h4{margin:0;padding:13px 20px 10px;border-top:1px solid rgba(255,255,255,.08);color:var(--gold);font-size:10px;letter-spacing:.13em;text-align:center;text-transform:uppercase}.olt-role-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.08)}.olt-role-cards section{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:start;padding:20px;background:#0e0a15}.olt-role-cards section>span{position:absolute;top:9px;right:11px;color:rgba(233,189,97,.35);font-family:Georgia,'Times New Roman',serif;font-size:21px}.olt-role-cards img{display:block;width:64px;height:auto;aspect-ratio:600/1020;object-fit:contain;border-radius:5px;background:#000}.olt-role-cards small{color:var(--gold);font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.olt-role-cards h5{margin:4px 0 7px;font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.15}.olt-role-cards p{margin:0;color:#cfc4d5;font-size:11px;line-height:1.5}.olt-swap{padding:20px 24px;border-top:1px solid rgba(255,255,255,.08);background:rgba(174,148,244,.035)}.olt-swap h4{margin:0 0 8px;color:var(--violet);font-size:10px;letter-spacing:.13em;text-transform:uppercase}.olt-swap p{margin:0;color:#d9cede;font-size:13px;line-height:1.58}.olt-reveal-actions,.olt-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:20px}.olt-reveal-actions .olt-btn,.olt-actions .olt-btn{margin:0}
.olt-result{text-align:center;padding:18px 0}.olt-result>h2{font-size:clamp(34px,4.4vw,52px)}.olt-result-score{display:block;margin:18px 0 7px;color:var(--gold);font-family:Georgia,'Times New Roman',serif;font-size:48px}.olt-result-rank{margin:0 0 9px;font-family:Georgia,'Times New Roman',serif;font-size:29px}.olt-result-text{max-width:680px;margin:0 auto;color:#d9cedf}.olt-result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0 10px}.olt-result-stats span{padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.025);color:#e0d6e5;font-size:12px}.olt-review{margin-top:22px;padding:20px;border:1px solid rgba(174,148,244,.2);border-radius:18px;background:rgba(174,148,244,.04);text-align:left}.olt-review>h3{margin:0 0 13px;text-align:center;font-family:Georgia,'Times New Roman',serif;font-size:20px}.olt-review>div{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.olt-review span{display:flex;align-items:center;gap:8px;max-width:180px;padding:7px 10px;border-radius:10px;background:#0c0912}.olt-review img{width:34px;height:auto;aspect-ratio:600/1020;object-fit:contain;border-radius:3px;background:#000}.olt-review strong{font-size:11px;line-height:1.25}.olt-share-status{min-height:18px;margin:0;color:var(--muted);font-size:12px}.olt-error{text-align:center;padding:80px 20px}.olt-error p{margin:0 0 20px;color:#e7dce7}.olt-error .olt-btn{margin-top:0}
@media(max-width:900px){.olt{border-radius:20px}.olt-hero{min-height:525px}.olt-hero-copy{width:72%;padding:40px 30px}.olt-shell{padding:36px 24px 44px}.olt-modes{grid-template-columns:1fr}.olt-mode{min-height:122px}.olt-rules ol{grid-template-columns:1fr}.olt-role-cards section{grid-template-columns:52px 1fr;padding:17px 14px;gap:9px}.olt-role-cards img{width:52px}.olt-card-option{grid-template-columns:82px 1fr}}
@media(max-width:660px){.olt-hero{min-height:500px;align-items:flex-end}.olt-hero>img{object-position:58% center}.olt-hero-veil{background:linear-gradient(0deg,rgba(3,2,6,.98) 0%,rgba(3,2,6,.8) 50%,rgba(3,2,6,.13) 100%)}.olt-hero-copy{width:100%;padding:28px 18px 31px}.olt-hero-copy h2{font-size:38px}.olt-hero-copy>p{font-size:15px;line-height:1.5}.olt-hero-points{gap:6px;margin-top:18px}.olt-hero-points span{padding:7px 9px;font-size:9px}.olt-shell{padding:28px 13px 36px}.olt-sessions{grid-template-columns:1fr}.olt-session{min-height:76px}.olt-scoreboard p{padding:12px 7px;text-align:center}.olt-scoreboard small{display:block;margin:0 0 4px;font-size:8px}.olt-scoreboard strong{font-size:17px}.olt-stage{padding:17px 11px}.olt-brief{padding:17px 14px;font-size:16px}.olt-slots{gap:6px;margin:20px 0 24px}.olt-slot{min-height:215px;padding:11px 5px 9px;border-radius:12px}.olt-slot-role{font-size:16px}.olt-slot-cue{min-height:29px;font-size:8px}.olt-slot-card img{width:65px}.olt-slot-card>span:not(.olt-empty){font-size:11px}.olt-slot-card small{font-size:7px}.olt-empty{width:65px;font-size:8px}.olt-cards{gap:7px}.olt-card-option{display:flex;flex-direction:column;gap:7px;padding:7px 6px 9px;text-align:center}.olt-card-option>img{width:min(100%,105px)}.olt-card-option strong{font-size:13px}.olt-card-option small{font-size:7px}.olt-card-option em{font-size:8px}.olt-card-option>b{width:24px;height:24px;font-size:12px}.olt-role-cards{grid-template-columns:1fr}.olt-role-cards section{grid-template-columns:64px 1fr;padding:16px}.olt-role-cards img{width:64px}.olt-btn{width:100%}.olt-order-actions{display:grid;grid-template-columns:1fr}.olt-order-actions .olt-link{order:2}.olt-reveal>header{padding:20px 16px 17px}.olt-reveal h3{font-size:26px}.olt-reveal-actions,.olt-actions{padding:16px}.olt-result-stats{grid-template-columns:1fr 1fr}.olt-result-score{font-size:41px}}
@media(max-width:370px){.olt-slot{min-height:202px}.olt-slot-card img,.olt-empty{width:58px}.olt-card-option strong{font-size:12px}.olt-card-option>img{width:92px}}
@media(prefers-reduced-motion:reduce){.olt *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}