:root{color:#f6f8fb;font-synthesis:none;--green:#9fc5e8;--ink:#f6f8fb;--muted:#a9b9c9;--gold:#d6a34b;--paper:#071b33;--line:#ffffff1c;background:#04101f;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #d6a34b}a{color:var(--green);text-underline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:400}button{border:0}select{border:1px solid var(--line);color:var(--green);background:0 0;border-radius:8px;padding:8px}.shell{background:radial-gradient(at 80% 15%,#32689946 0,#0000 37%);min-height:100vh}.masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:100px;padding:0 max(5vw,24px);display:flex}.brand{text-align:left;color:var(--green);background:0 0;align-items:center;gap:12px;padding:0;display:flex}.brand-icon{border:1px solid #a8c9e680;border-radius:50%;place-items:center;width:45px;height:45px;font-size:31px;line-height:1;display:grid}.brand b{font:600 20px Georgia,serif}.brand small{letter-spacing:2.2px;color:#9fc5e8;margin-top:7px;font-size:8px;display:block}.header-actions{align-items:center;gap:18px;display:flex}.text-button{color:var(--green);background:0 0;padding:8px 0;font-size:13px}.underlined{text-underline-offset:4px;text-decoration:underline}.text-size{font-family:Georgia,serif;font-size:18px}main{max-width:1380px;margin:auto;padding:0 5vw}.welcome{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:7vw;padding:80px 0 85px;display:grid}.eyebrow{letter-spacing:2.2px;text-transform:uppercase;color:#d6a34b;margin-bottom:20px;font:700 10px/1.5 Arial,sans-serif}.welcome h1{letter-spacing:-2.8px;margin-bottom:25px;font-size:clamp(48px,5.1vw,77px);line-height:1.07}.intro{color:#bdcadd;max-width:520px;font:18px/1.8 Georgia,serif}.pills{flex-wrap:wrap;gap:12px;margin:26px 0 32px;display:flex}.pills span{color:#a9b9c9;border-right:1px solid var(--line);padding-right:10px;font-size:11px;line-height:1.5}.pills span:last-child{border:0}.primary,.secondary{border-radius:5px;justify-content:center;align-items:center;gap:18px;min-height:49px;padding:16px 22px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.primary{background:var(--green);color:#f6f8fb;border:1px solid var(--green);box-shadow:0 4px 10px #0003}.primary>span{margin-left:12px}.secondary{color:var(--green);background:0 0;border:1px solid #ffffff2b}.secondary:hover:not(:disabled){background:#ffffff08}.small{min-height:40px;padding:10px 15px;font-size:12px}.welcome-actions{gap:12px;display:flex}.quiet{color:#a9b9c9;font-size:12px;line-height:1.7}.welcome-copy>.quiet{margin-top:20px;margin-bottom:0}.welcome-art{justify-self:end;width:100%;max-width:460px;position:relative;transform:rotate(1.5deg)}.art-frame{background:#f6f8fb;border:1px solid #b8d6ed38;padding:20px;box-shadow:0 18px 48px #0005}.art-kicker{text-align:center;letter-spacing:3px;color:#9fc5e8;padding:3px 0 20px;font-size:9px;display:block}.welcome-art svg{border:1px solid #9fc5e840;width:100%;height:auto;display:block}.art-caption{text-align:center;padding:20px 0 6px}.art-caption>span{letter-spacing:3px;color:#d6a34b;font-size:9px}.art-caption p{margin:12px 0;font:18px Georgia,serif}.art-caption i{color:#d6a34b;margin:0 8px;font-style:normal}.art-caption small{color:#a9b9c9;font-size:10px}.art-seal{color:#071b33;background:#d6a34b;border:4px double #e6bb6c;border-radius:50%;place-items:center;width:64px;height:64px;font-size:40px;display:grid;position:absolute;bottom:45px;right:-18px;box-shadow:0 2px 8px #0002}.entry-form{border:1px solid var(--line);background:#071b33e8;border-radius:10px;max-width:500px;margin-top:20px;padding:24px}.form-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.form-heading h2{margin:0;font-size:25px}label{margin-bottom:18px;font-size:12px;font-weight:700;display:block}input,textarea{color:#f6f8fb;background:#06182d;border:1px solid #7ca7ca55;border-radius:5px;width:100%;margin:8px 0;padding:12px;font-size:16px;display:block}label small{color:var(--muted);font-size:11px;font-weight:400}textarea{resize:vertical}fieldset{border:0;margin:0 0 24px;padding:0}legend{margin-bottom:12px;padding:0;font-size:12px;font-weight:700}.piece-picker{flex-wrap:wrap;gap:10px;display:flex}.piece-choice{background:var(--piece);color:#fff;border:3px solid #9fc5e880;border-radius:50%;width:43px;height:43px;font-size:22px;box-shadow:0 0 0 1px #9fc5e880}.piece-choice.selected{box-shadow:0 0 0 3px var(--green);transform:translateY(-2px)}.entry-form>.primary{width:100%}.information{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:30px;margin-top:12px;padding:25px 0 35px;display:grid}details>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;font-size:14px;font-weight:600;list-style:none;display:flex}details>summary::-webkit-details-marker{display:none}details>summary:after{content:"+";font-size:20px;font-weight:400}details[open]>summary:after{content:"−"}details>p{color:#a9b9c9;font-size:13px;line-height:1.75}details>h2{margin:20px 0 12px;font-size:26px}footer{border-top:1px solid var(--line);color:#a9b9c9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:25px max(5vw,24px);font-size:10px;line-height:1.7;display:flex}footer span{max-width:590px}footer a{font-size:11px}footer small{letter-spacing:1px;text-align:center;width:100%;font-size:9px}.saved-seats{margin:-20px 0 50px}.saved-seats>div{grid-template-columns:1fr 1fr;gap:14px;display:grid}.saved-seats article{border:1px solid var(--line);background:#0a203b;border-radius:8px;align-items:center;gap:15px;padding:16px;display:flex}.saved-seats article>span{flex:1}.saved-seats small{color:var(--muted);letter-spacing:1px;margin-top:6px;font-size:11px;display:block}.error-banner{color:#ffe5eb;background:#472331;border:1px solid #e77d8f;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;margin-top:25px;padding:16px 20px;font-size:13px;display:flex}.error-banner p{margin:6px 0 0;line-height:1.6}.error-banner button{color:inherit;background:0 0;flex-shrink:0;padding:8px;text-decoration:underline}.connecting{text-align:center;padding:100px 0}.connecting .brand-icon{margin:0 auto 20px}.connecting h1{font-size:32px}.room{padding:40px 0 10px}.room-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.room-heading h1{letter-spacing:-1px;margin:0;font-size:36px}.room-heading .eyebrow{margin-bottom:10px}.connection{color:#d6a34b;align-items:center;gap:7px;max-width:230px;font-size:10px;line-height:1.7;display:flex}.connection i,.presence{background:#718ca5;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.connection.connected{color:#a9dfc9}.connection.connected i,.presence.on{background:#6fd8ac}.panel{border:1px solid var(--line);background:#0a203b;border-radius:10px;padding:26px}.lobby-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.invite-panel{padding:35px}.invite-panel>.eyebrow{margin-bottom:8px;display:block}.room-code{letter-spacing:4px;white-space:nowrap;font:30px/1.7 Georgia,serif;display:block}.invite-panel>p{color:#a9b9c9;max-width:470px;margin-top:18px;font-size:14px;line-height:1.8}.lobby-begin{border-top:1px solid var(--line);margin-top:25px;padding-top:25px}.player-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.player-list li{border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.player-list li.active{background:#d5a14b25;border-color:#d6a34b80}.player-list li.retired{opacity:.5}.piece{color:#fff;border:2px solid #ffffffb3;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:22px;display:grid;box-shadow:0 1px 3px #0002}.player-list li>div{flex:1;min-width:0}.player-list b{overflow-wrap:anywhere;font-size:13px}.player-list b small{color:#a9b9c9;font-size:10px;font-weight:400}.player-list li>div>span{color:#a9b9c9;margin-top:5px;font-size:10px;display:block}.mini-progress{background:#ffffff14;border-radius:4px;height:3px;margin-top:8px;overflow:hidden}.mini-progress i{height:3px;display:block}.play-grid{grid-template-columns:minmax(240px,.8fr) minmax(0,1.6fr);align-items:start;gap:30px;display:grid}.companions>.quiet{margin:20px 12px}.companions .player-list{background:#0a2848d9;border:1px solid #ffffff1c;border-radius:10px;padding:12px}.board-wrap{text-align:center;padding-top:16px}.board-svg{border:1px solid #9fc5e840;border-radius:12px;width:100%;height:auto;display:block}.board-wrap>.quiet{margin-top:10px;font-size:10px;display:block}.turn-column{min-width:0}.question-card{background:#0a203b;border:1px solid #9fc6e33e;border-radius:12px;overflow:hidden;box-shadow:0 12px 35px #0003}.turn-label{background:#173e65dc;justify-content:space-between;gap:15px;padding:18px 24px;font-size:11px;font-weight:600;line-height:1.6;display:flex}.turn-label>span:first-child{align-items:center;gap:7px;display:flex}.turn-dot{background:#d6a34b;border-radius:50%;width:6px;height:6px;display:inline-block}.tier{color:#9fc5e8;text-align:right;font-size:10px}.question-body{padding:30px}.question-body>.eyebrow{margin-bottom:16px;font-size:9px}.question-body h2{letter-spacing:-.5px;outline:0;margin-bottom:16px;font-size:clamp(25px,2.3vw,36px);line-height:1.3}.question-instruction{color:#a9b9c9;margin-bottom:26px;font-size:12px;line-height:1.6}.answers{gap:10px;display:grid}.answer{text-align:left;color:#f6f8fb;background:#0a203b;border:1px solid #7ca7ca55;border-radius:6px;align-items:center;gap:14px;min-height:60px;padding:15px 16px;transition:background .1s;display:flex}.answer>span{border:1px solid #7ca7ca55;border-radius:4px;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.answer>b{font-size:14px;font-weight:500;line-height:1.5}.answer>em{margin-left:auto;font-size:22px}.answer:disabled{opacity:1}.answer.selected{background:#174873;border-color:#d6a34b;box-shadow:0 0 0 1px #d6a34b}.answer.correct{background:#28755a;border-color:#6fd8ac}.answer.wrong{background:#8d3947;border-color:#e77d8f}.answer-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:24px;display:flex}.help-button{color:#e6bb6c;text-underline-offset:4px;background:0 0;padding:12px 0;font-size:12px;text-decoration:underline}.help-box{background:#06172b;border-left:3px solid #d6a34b;margin-top:24px;padding:22px}.help-box h3{margin-bottom:12px;font-size:23px}.help-box p{color:#a9b9c9;font-size:13px;line-height:1.75}.help-box b{font-size:12px}.help-box a{margin-top:14px;font-size:12px;display:block}.answer-reveal{background:#ffffff0b;border-top:2px solid #d6a34b;margin-top:26px;padding:24px}.answer-reveal.good{background:#123c35;border-color:#6fd8ac}.answer-reveal .eyebrow{margin-bottom:12px}.answer-reveal h3{margin-bottom:14px;font-size:21px;line-height:1.6}.answer-reveal p{color:#bdcadd;font-size:12px;line-height:1.7}.answer-reveal .reference{font-weight:600}.answer-reveal a{font-size:12px;line-height:1.7;display:block}.answer-reveal .primary{width:100%;margin-top:22px}.card-foot{color:#a9b9c9;border-top:1px solid #ffffff1c;justify-content:space-between;gap:20px;margin:25px 0 0;padding-top:15px;font-size:9px;line-height:1.7;display:flex}.card-foot>span{text-align:right;max-width:250px}.room-bottom{grid-template-columns:1fr 1fr;gap:22px;margin-top:30px;display:grid}.room-bottom .panel{padding:10px 22px}.room-bottom details[open]{padding-bottom:24px}.private-code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#06182d;border-radius:4px;margin-bottom:16px;padding:12px;font-size:11px;line-height:1.8;display:block}.expiry{color:#a9b9c9;text-align:center;margin:22px 0;font-size:10px;line-height:1.7}.management{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.management>.text-button{border:1px solid #ffffff2b;border-radius:4px;padding:8px 12px}.event-note{text-align:center;color:#e6bb6c;padding:15px;font-size:12px}.mobile-board{display:none}.completion{text-align:center;margin-bottom:20px;padding:35px}.completion-icon{color:#d6a34b;margin-bottom:20px;font-size:60px}.completion h2{margin-bottom:18px;font-size:36px}.completion>p:not(.eyebrow){color:#bdcadd;font-size:15px;line-height:1.8}.completion>.primary{margin-top:12px}.paused{text-align:center;padding:60px 25px}.paused>span{color:#d6a34b;margin-bottom:20px;font-size:35px;display:block}.paused h2{font-size:32px}.paused p{color:#a9b9c9;font-size:14px}.copy-note{color:#f6f8fb;background:#9fc5e8;border-radius:8px;max-width:90vw;padding:16px 24px;font-size:12px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0002}.large{font-size:118%}.large .answer>b{font-size:17px}.large .question-body h2{font-size:38px}.large .question-instruction,.large .help-box p{font-size:15px}.large .answer-reveal h3{font-size:24px}@media (width>=1500px){main{padding:0 65px}}@media (width<=1000px){.welcome{gap:5vw;padding:60px 0}.welcome h1{font-size:56px}.welcome-actions{flex-direction:column}.play-grid{grid-template-columns:250px minmax(0,1fr);gap:20px}.question-body{padding:24px}.turn-label{padding:16px 20px}}@media (width<=750px){.masthead{height:78px;padding:0 20px}.brand b{font-size:17px}.brand small{letter-spacing:1.4px;font-size:7px}.brand-icon{width:36px;height:36px;font-size:26px}.header-actions{gap:12px}.header-actions .text-button{font-size:11px}.header-actions select{padding:7px;font-size:12px}.text-size{display:none}main{padding:0 20px}.welcome{grid-template-columns:1fr;gap:38px;padding:42px 0 45px}.welcome h1{letter-spacing:-1.8px;font-size:clamp(43px,9.5vw,65px)}.intro{max-width:600px;font-size:17px;line-height:1.7}.welcome-copy>.eyebrow{font-size:9px}.pills{gap:9px;margin:22px 0 26px}.pills span{padding-right:8px;font-size:10px}.welcome-actions{flex-direction:row}.welcome-actions button{flex:1;gap:8px;padding:14px 12px;font-size:12px}.welcome-art{justify-self:center;width:100%;max-width:420px;transform:none}.art-frame{padding:17px}.art-seal{right:-8px}.information{grid-template-columns:1fr;gap:8px;padding:16px 0 24px}.information details{border-bottom:1px solid var(--line)}.information details:last-child{border:0}.saved-seats{margin:0 0 30px}.saved-seats>div{grid-template-columns:1fr}.entry-form{max-width:none;padding:22px}.room{padding-top:27px}.room-heading{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px}.room-heading h1{font-size:31px}.connection{max-width:none}.lobby-grid{grid-template-columns:1fr;gap:20px}.invite-panel{padding:25px}.room-code{letter-spacing:3px;font-size:27px}.play-grid{grid-template-columns:1fr;gap:20px}.companions .player-list{gap:6px;padding:8px;display:flex;overflow-x:auto}.companions .player-list li{min-width:150px;padding:8px}.companions .player-list li>.presence{display:none}.companions .player-list .piece{width:29px;height:29px;font-size:17px}.companions .player-list b{font-size:11px}.companions .player-list li>div>span{font-size:9px}.companions>.quiet{margin:10px 5px 0;font-size:10px}.desktop-board{display:none}.mobile-board{border:1px solid var(--line);background:#0a203b;border-radius:8px;margin-top:18px;padding:5px 15px;display:block}.mobile-board summary{font-size:12px}.mobile-board .board-wrap{padding-top:4px}.mobile-board .board-wrap>.quiet{margin-bottom:10px;font-size:9px}.room-bottom{grid-template-columns:1fr;gap:12px;margin-top:22px}.question-body{padding:24px 20px}.turn-label{padding:15px 18px;font-size:10px}.tier{font-size:9px}.question-body h2{font-size:29px}.question-instruction{margin-bottom:22px}.answer{gap:12px;min-height:60px;padding:14px 12px}.answer>b{font-size:14px}.answer-actions{flex-direction:column;align-items:stretch;gap:5px}.answer-actions .primary{width:100%}.help-button{align-self:center;padding:15px}.answer-reveal{padding:20px}.card-foot{gap:15px;font-size:8px}.card-foot>span{max-width:180px}.error-banner{flex-direction:column;align-items:flex-start;gap:7px}.error-banner button{padding:4px 0}.completion{padding:30px 20px}.completion h2{font-size:30px}footer{justify-content:flex-start;padding:20px}.large .question-body h2{font-size:33px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}:root{--navy:#071b33;--deep:#04101f;--blue:#315f8e;--sky:#9fc5e8;--cream:#f4f1e8;--gold:#d6a34b;--ink:#f6f8fb;--muted:#a9b9c9;--line:#ffffff1c}html{background:var(--deep)}.shell{background:radial-gradient(circle at 75% 20%,#32689946,#0000 31%),linear-gradient(145deg,#04101f,#0a2748 58%,#061526)}.masthead{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#061426c9;height:82px;padding:0 4vw}.brand{color:var(--ink);gap:15px}.brand-icon{width:40px;height:40px;color:var(--gold);border:1px solid #a8c9e680;border-radius:0;flex-shrink:0;font-size:20px;transform:rotate(45deg)}.brand-icon>span{transform:rotate(-45deg)}.brand small{letter-spacing:.19em;text-transform:uppercase;color:var(--sky);margin:0 0 4px;font-size:8px}.brand b{letter-spacing:.02em}.header-actions select{color:var(--ink);background:#0a2848;border-radius:22px}.welcome{grid-template-columns:minmax(0,1fr) 360px;gap:70px;max-width:1150px;min-height:530px;margin:auto;padding:80px 0 70px}.welcome h1{letter-spacing:-.035em;margin:22px 0;font-size:clamp(52px,6.2vw,88px);line-height:.98}.intro{font-size:17px;line-height:1.7}.primary,.secondary{border-radius:0;font-weight:800}.primary{color:#152033;box-shadow:none;background:linear-gradient(135deg,#e2b35d,#c5892d);border:1px solid #f0c36f}.primary:hover:not(:disabled){background:linear-gradient(135deg,#efc578,#d6a34b)}.secondary{color:var(--ink);background:#ffffff08;border-color:#ffffff2b}.welcome-art{max-width:360px;transform:none}.art-frame{text-align:center;background:linear-gradient(155deg,#143c61b8,#07192f);border:1px solid #b8d6ed38;padding:40px 30px 30px;position:relative;box-shadow:0 30px 80px #0005}.art-frame:before{content:"";pointer-events:none;border:1px solid #ffffff0d;position:absolute;inset:18px}.art-kicker{letter-spacing:.17em;padding:0 0 26px;font-size:8px}.journey-orb{border:1px solid var(--gold);width:84px;height:84px;color:var(--gold);border-radius:50%;place-items:center;margin:auto;font:27px Georgia,serif;display:grid;box-shadow:0 0 35px #d8a34733}.art-caption{padding-top:24px}.art-caption p{font-size:24px;line-height:1.3}.art-caption>span{letter-spacing:.17em}.art-route{background:#ffffff14;height:3px;margin:24px 8px 0}.art-route>span{background:var(--gold);width:10%;height:100%;display:block}.art-seal{display:none}.entry-form,.panel,.question-card,.saved-seats article,.companions .player-list,.mobile-board{border-radius:0}.question-body h2{clip-path:polygon(3% 0,97% 0,100% 50%,97% 100%,3% 100%,0 50%);background:linear-gradient(145deg,#173e65dc,#0a203b);border:1px solid #9fc6e33e;padding:24px 30px}.answer{clip-path:polygon(3% 0,97% 0,100% 50%,97% 100%,3% 100%,0 50%);background:#0a2848d9;border-radius:0;padding-inline:24px}.answer>span{color:var(--gold);border:0;font-weight:700}.answer:hover:not(:disabled){background:#174873}.answer.correct{background:#28755a}.answer.wrong{background:#8d3947}.piece-choice.selected{box-shadow:0 0 0 3px var(--gold)}.copy-note{border:1px solid var(--sky);background:#173e65}footer{background:var(--deep)}@media (width<=1000px){.welcome{grid-template-columns:minmax(0,1fr) 300px;gap:35px}.welcome h1{font-size:60px}}@media (width<=750px){.masthead{height:78px;padding:0 20px}.brand small{letter-spacing:1.3px;font-size:7px}.brand b{font-size:17px}.brand-icon{width:34px;height:34px}.welcome{grid-template-columns:1fr;gap:35px;min-height:0;padding:48px 0}.welcome h1{font-size:clamp(44px,12vw,62px)}.welcome-art{width:100%;max-width:none}.art-frame{padding:26px}.art-frame:before{inset:10px}.art-kicker{padding-bottom:20px}.journey-orb{width:58px;height:58px;font-size:24px}.art-caption{padding-top:18px}.art-caption p{margin:10px 0;font-size:24px}.art-route{margin-top:18px}.question-body h2{padding:24px}.answer{padding-inline:20px}}.entry-error{margin:0 0 20px;display:block}.entry-error p{margin:0}.entry-form [aria-invalid=true]{border-color:#e77d8f}.entry-form fieldset[aria-invalid=true]{border:1px solid #e77d8f;padding:12px}.room-code{letter-spacing:1px;-webkit-user-select:all;user-select:all}@media (width<=750px){.room-code{letter-spacing:1px;font-size:27px}}
