.odd-world{padding-block:45px 65px}.odd-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.odd-kicker{font:11px/1.6 monospace;letter-spacing:.1em}.odd-heading h1{font-family:var(--humanist);font-size:clamp(48px,6vw,82px);font-weight:300;letter-spacing:-.055em;margin:8px 0}.odd-heading h1>span{color:#947132}.odd-heading p:last-child{margin:0}.odd-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px;align-items:start}.odd-cabinet{background:#302721;color:#f4efe3;border:1px solid #58483a;box-shadow:0 8px 0 #241e19;padding:25px;min-width:0}.odd-hud{display:flex;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid #685644;font-family:monospace}.odd-hud>div{display:flex;flex-direction:column;gap:6px}.odd-hud span{font-size:10px;letter-spacing:.15em;color:#c7b9a5}.odd-hud strong{font-weight:400;font-size:27px;color:#e3c67b;letter-spacing:.05em}.odd-hud .odd-lives{text-align:right}.odd-hud .odd-lives strong{color:#e6a38e;font-size:26px;white-space:nowrap}.odd-screen{min-height:435px;position:relative;padding:35px 10px 20px;background:radial-gradient(ellipse at 90% 0,#d6bd790a,transparent 70%)}.odd-start{max-width:540px;padding-top:10px}.odd-screen h2{font-family:var(--humanist);font-size:clamp(30px,3vw,43px);line-height:1.2;font-weight:400;letter-spacing:-.035em;margin:12px 0 20px;color:#fff7e5}.odd-screen p{color:#d5cbbb;line-height:1.75}.odd-orbit{width:65px;height:65px;border:1px solid #d6bd79;border-radius:50%;position:relative;margin-bottom:26px}.odd-orbit:before,.odd-orbit:after{content:'';position:absolute;inset:0 18px;border:1px solid #d6bd79;border-radius:50%}.odd-orbit:after{inset:21px 0}.odd-button{background:#dec482;color:#302721;border:1px solid #dec482;font:600 15px/1.4 var(--humanist);padding:13px 25px;cursor:pointer}.odd-button:hover{background:#efdcac}.odd-button:focus-visible,.odd-answer:focus-visible,.odd-small:focus-visible{outline:2px solid #c99c4b;outline-offset:4px}.odd-small{border:1px solid #b9ab96;background:transparent;color:var(--ink);padding:9px 13px;font:13px var(--humanist);cursor:pointer;white-space:nowrap}.odd-category{font:11px/1.6 monospace;letter-spacing:.1em;color:#dec482}.odd-question{max-width:700px}.odd-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:27px 0 20px}.odd-answer{border:1px solid #73614e;background:#3b3028;color:#f4efe3;padding:17px 15px;display:flex;gap:14px;align-items:center;text-align:left;font:16px/1.4 var(--humanist);cursor:pointer;min-height:68px}.odd-answer>span:first-child{font:12px monospace;color:#ddc388}.odd-answer:hover:not(:disabled){background:#514332;border-color:#dec482}.odd-answer:disabled{cursor:default;opacity:.65}.odd-answer.is-correct{background:#344c3a;border-color:#95b691;opacity:1}.odd-answer.is-wrong{background:#623a30;border-color:#dca18a;opacity:1}.odd-feedback{padding:0;margin:20px 0}.odd-feedback strong{font-size:20px;color:#e5c985}.odd-feedback p{margin:9px 0}.odd-feedback a{color:#e5c985;font-size:12px}.odd-feedback a:hover{color:#fff}.odd-bottom{border-top:1px solid #685644;padding-top:16px;display:flex;justify-content:space-between;gap:20px;font:9px/1.6 monospace;letter-spacing:.07em;color:#bbac97}.odd-board{padding:25px 22px;background:#e6ded0;border-top:3px solid #b99a57}.odd-board h2{font-size:30px;margin:8px 0 12px;font-family:var(--humanist);font-weight:400}.odd-board-note{font-size:12px;color:#706151;line-height:1.6}.odd-board ol{padding:0;list-style:none;margin:25px 0}.odd-board li{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #cabcaa;padding:12px 0;font:14px monospace}.odd-board li.odd-empty{font-family:var(--humanist);color:#706151;line-height:1.6}.odd-rules{border-top:1px solid #cabcaa;margin-top:25px;padding-top:20px}.odd-rules h3{font:600 14px var(--humanist)}.odd-rules p{font-size:13px;line-height:1.85;margin-bottom:12px}.odd-result-score{font:50px/1.2 monospace;color:#e5c985;margin:20px 0}.odd-save{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-block:25px}.odd-save label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#d5cbbb}.odd-save input{background:#211c18;color:#fff;border:1px solid #a58b61;padding:11px 13px;width:110px;letter-spacing:.2em;font:20px monospace;text-transform:uppercase}.odd-saved{color:#e5c985!important}.odd-screen [hidden]{display:none!important}.odd-score-pop{animation:oddPop .25s ease}.odd-cabinet.odd-hit{animation:oddHit .22s ease}@keyframes oddPop{50%{transform:scale(1.12)}}@keyframes oddHit{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}@media(max-width:1000px){.odd-layout{grid-template-columns:minmax(0,1fr) 245px;gap:20px}.odd-cabinet{padding:20px}.odd-screen{padding-inline:0}.odd-answers{grid-template-columns:1fr}.odd-screen h2{font-size:33px}}@media(max-width:700px){.odd-world{padding-block:30px 45px}.odd-heading{align-items:start}.odd-heading h1{font-size:56px}.odd-heading p:last-child{font-size:14px}.odd-kicker{font-size:9px}.odd-layout{grid-template-columns:1fr;gap:30px}.odd-cabinet{padding:18px 16px}.odd-screen{min-height:410px;padding-top:25px}.odd-hud{gap:12px}.odd-hud strong{font-size:23px}.odd-hud .odd-lives strong{font-size:23px}.odd-screen h2{font-size:30px}.odd-answer{min-height:60px;padding:14px 12px}.odd-board{padding:22px}.odd-bottom{font-size:8px}.odd-small{font-size:11px;padding:8px}.odd-save{align-items:stretch}}@media(prefers-reduced-motion:reduce){.odd-score-pop,.odd-cabinet.odd-hit{animation:none}}

/* Original vector atlas behind the arcade, kept clear of the answer controls. */
.odd-world{position:relative;isolation:isolate}
.odd-world::before{content:'';position:absolute;z-index:-1;inset:-10px -40px 0;background:url('assets/odd-world-backdrop.svg?v=3') no-repeat top right / 1050px auto;opacity:.25;pointer-events:none}
.odd-cabinet{position:relative;isolation:isolate;overflow:hidden}
.odd-cabinet::before{content:'';position:absolute;z-index:-1;inset:0;background:url('assets/odd-world-backdrop.svg?v=3') no-repeat right 20% / auto 100%;opacity:.13;pointer-events:none}
.odd-screen{background:transparent}
.odd-answer{background:#3b3028f5}
.odd-board{background:#e6ded0f5}
@media(max-width:700px){.odd-world::before{inset:0 -15px;background-size:650px auto;opacity:.19}.odd-cabinet::before{background-position:65% center;opacity:.11}}
/* Overhead expedition map and a travelling plane. */
.odd-cabinet::before{background-size:cover;background-position:center;opacity:.27}
.odd-world::before{background-size:1200px auto;opacity:.22}
.odd-screen{background:linear-gradient(90deg,#302721b8,transparent)}
.odd-answer{background:#3b3028f7}
@media(max-width:700px){.odd-cabinet::before{background-size:auto 100%;background-position:45% center;opacity:.2}}
/* The flight is controlled by correct answers, rather than an ambient loop. */
.odd-cabinet::before{display:none}
.odd-map{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;opacity:.3}
.odd-map svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#odd-game-plane{filter:drop-shadow(0 0 5px #dfbc7380)}
@media(max-width:700px){.odd-map svg{width:180%;max-width:none;left:-40%}.odd-bottom{flex-wrap:wrap}}
/* Light expedition palette and boarding passes. */
.odd-cabinet{background:#e6ded0;color:#3a2d28;border-color:#c3b59d}
.odd-cabinet h2,.odd-cabinet strong,.odd-hud strong,.odd-question{color:#3a2d28}
.odd-screen{background:transparent}.odd-answer{background:#f5f1e9;color:#3a2d28;border-color:#b7a68c}.odd-answer:hover:not(:disabled){background:#d6bd79;color:#3a2d28}
.odd-category,.odd-hud span,.odd-bottom,.odd-feedback,.odd-result-copy{color:#66574a}.odd-feedback a{color:#69501f}.odd-map{opacity:.18;filter:sepia(.5)}
.odd-ticket{display:inline-flex;align-items:center;justify-content:center;width:28px;height:19px;border:1px dashed #81662b;border-radius:3px;color:#69501f;background:#ead9a6;font:15px/1 sans-serif;margin-right:5px}.odd-ticket.is-used{opacity:.23;background:transparent}
.odd-input-row{display:flex;gap:10px;margin:8px 0 18px}.odd-open-form input{min-width:0;flex:1;padding:12px;font:inherit;border:1px solid #ac9c84;background:#faf7f2;color:#3a2d28}.odd-found{display:flex;gap:10px;flex-wrap:wrap;list-style:none!important;padding:0!important}.odd-found li{padding:8px 14px;background:#d6bd79;color:#3a2d28}.odd-open-status{min-height:28px}.odd-skip{background:transparent;color:#69501f;border:1px solid #ac9c84;padding:9px 14px}.odd-open-form label{color:#3a2d28}.odd-lives{min-width:180px}
@media(max-width:600px){.odd-input-row{flex-direction:column}.odd-hud{gap:12px}.odd-lives{min-width:0}.odd-ticket{width:21px;margin-right:3px}}

.odd-answers.is-open{display:block}.odd-open-status{color:#66574a!important;opacity:1!important}.odd-cabinet{box-shadow:0 4px 0 #c3b59d}.odd-feedback p,.odd-result-copy{color:#66574a!important}.odd-found{margin-bottom:15px}.odd-found li{min-height:0}
