/* THE ODDS CLUB — typography, materials and choreography for the complete game. */
:root{--stage:#082b25;--stage-2:#061f1d;--card:#103b30;--card-edge:#3c5940;--cream:#fff0d1;--muted:#b9c9b3;--bulb:#e8c580;--signal:#f18d70;--good:#a7e0ad;--bad:#f18d70;--body:'Segoe UI',Arial,sans-serif;--sign:Georgia,'Times New Roman',serif;--ascent-craft-x:72vw;--ascent-craft-y:46vh;--ascent-console:470px;color-scheme:dark}
html,body{background:#061f1d}body{padding:24px 38px 32px;color:var(--cream);font-family:var(--body);-webkit-font-smoothing:antialiased}
body::before,body::after,.frame{display:none!important}header{max-width:1240px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #d7b77726}.wordmark{font:italic 28px Georgia,serif;letter-spacing:-1px;padding:4px 12px;color:var(--cream);background:none;text-shadow:none}.wordmark::before{content:'♦';display:inline-block;font-size:18px;color:var(--bulb);margin-right:10px;font-style:normal}.ibtn{width:42px;height:42px;color:var(--cream);background:#10392c66;border:1px solid #c6a46542;box-shadow:none}.ibtn:hover{background:#20503b;box-shadow:none;transform:translateY(-2px)}.motion-switch{font-size:17px;color:var(--cream)}.motion-switch[aria-pressed=true]{color:var(--bulb);border-color:var(--bulb)}
#home{max-width:1180px;min-height:calc(100svh - 116px);padding:20px 0 22px;grid-template-columns:1fr 1.1fr;gap:15px 46px;align-content:center}#home::before{display:none}#home .sign{background:none;border:0;box-shadow:none;padding:0}#home .sign::before{display:none}.eyebrow{font:600 10px var(--body);letter-spacing:.27em;color:var(--bulb);margin:0 0 24px;display:flex;align-items:center;gap:12px}.eyebrow::before{content:'';width:30px;height:1px;background:var(--bulb)}.bigword{font:400 clamp(86px,9.8vw,144px)/.87 Georgia,serif;letter-spacing:-.073em;color:var(--cream);text-shadow:none;white-space:normal;max-width:430px}.bigword em{display:block;color:var(--bulb);font-weight:400;font-style:italic;padding-left:69px}.signsub{font:400 20px/1.55 var(--body);color:#c8d0b7;margin:27px 0 13px;max-width:29ch;letter-spacing:-.25px}.signsub strong{font-weight:500;color:var(--cream)}
#home .arrival-host{min-height:440px;border-radius:45% 45% 0 0}.arrival-host::after{content:'MEET ACE  /  YOUR PARTNER IN PROBABILITY';bottom:4%;color:#dec78f9c;font-size:8px;letter-spacing:.17em}.arrival-host:hover::after{color:var(--cream)}
.arrival-meta{font-size:10px;color:#bdc3a9;gap:11px}.arrival-meta .dot{color:var(--bulb)}.cta{max-width:377px;background:var(--bulb);border:1px solid #f3dba2;border-radius:5px;color:#173728;box-shadow:0 4px 0 #8a6b38,0 10px 35px #020f0c4d;font-size:15px;letter-spacing:.02em;padding:19px 23px}.cta:hover{background:#f7d99b;box-shadow:0 6px 0 #8a6b38,0 16px 38px #020f0c55}.cta::after{content:'↗';font-size:22px}.homelinks{gap:8px}.homelinks .pill{background:#0d312799;border-color:#b7996140;color:#e0ddc0;font-size:11px;border-radius:4px;padding:9px 16px}.pill:hover{background:#23533b;border-color:#cfb27c}.home-help{color:#b9c9b3;font-size:11px;line-height:1.6}.home-help[open]{background:#10392e;border-color:#c6a15d55}.home-minor .text-btn{font-size:11px;color:#b9c9b3}.text-btn:hover{color:var(--cream)}#home .streak{font-size:10px;letter-spacing:.02em;color:#c9b988}.reset{font-size:9px;color:#819b86}.home-minor{gap:18px}.home-help summary{min-height:24px}
#game{max-width:1180px;min-height:calc(100svh - 115px);padding:0;gap:0}#game>[data-journey],#card{width:min(var(--ascent-console),43vw)}.journey{padding:4px 0 12px}.journey-caption{color:#d2bd8d;font-size:9px;letter-spacing:.04em}.journey-caption span:last-child{font-size:8px;letter-spacing:.15em;color:#97b199}
#card,body[data-phase] #card{display:flex;flex-direction:column;background:#0b3028ed;border:1px solid #d0ad693e;border-radius:12px;box-shadow:0 18px 65px #020f0d55;padding:20px 22px;gap:12px;backdrop-filter:none;overflow:clip}#card>.toprow{font-size:10px;letter-spacing:.03em;border-color:#cfb87926;padding-bottom:13px;min-height:30px}#hudScore{font-size:17px;color:var(--bulb)}.pips{gap:6px}.pips i{width:8px;height:8px;border-radius:2px;transform:rotate(45deg);border-color:#b5b07c66}.pips i.done{background:var(--bulb);box-shadow:none;transform:rotate(45deg)}.pips i.now{background:var(--cream);box-shadow:0 0 0 3px #e4c78722;transform:rotate(45deg)}
.q{padding:0;min-height:0}#q{font:500 25px/1.2 Georgia,serif;letter-spacing:-.4px;color:var(--cream);max-width:none}.cat{font-size:8px;letter-spacing:.2em;color:#d9bf87;margin-bottom:8px}.event-scene,body[data-collection] .event-scene{border:1px solid #bc9e603b;background:#0d3028;border-radius:7px;box-shadow:none}#eventScene .scene-viewport{aspect-ratio:1.9}#eventScene figcaption{background:#08251f;padding:7px 10px;font-size:8px;min-height:28px;color:#c3c7a9;border-top:1px solid #ab965328}.live-scene{font-size:6px;color:#b4d9a5}.live-scene i{box-shadow:none}
#timerBox{padding:0}.timebulbs{gap:3px}.timebulbs i{height:3px;background:#d8be7c;border-radius:1px}.timebulbs i.out{background:#2c4939}.timebulbs.low i:not(.out){background:#f18d70;box-shadow:none}.timerow{font-size:9px;color:#a9bca7;margin-top:5px}.timerow b{color:#eedcb0}.readout{gap:4px;min-height:0}.readout .flaps{--fs:27px}.cell{background:linear-gradient(#154733 50%,#103a2b 50%);color:var(--cream);border-radius:2px}.chance{font-size:11px;color:#b9c9b3}
#controls{padding:0}.ends{font-size:8px;color:#b3bea1}.guess-format{gap:7px;margin-top:8px}.guess-format .pill{min-height:33px;padding:6px 12px;font-size:10px;border-color:#a6a16c77;border-radius:4px;background:#10392a;color:#d3d7b8}.guess-format .pill[aria-pressed=true]{background:#d7bc7b;border-color:#e9d293;color:#173728}.typed{font-size:12px;color:#cdd2b3}.typed input{height:44px;background:#08261f;border:1px solid #91a07888;font-size:18px;color:var(--cream);max-width:115px;border-radius:5px}.lock{height:44px;background:#ef9776;border:1px solid #f8b79a;color:#263728;border-radius:5px;font:600 13px var(--body);box-shadow:0 3px 0 #855039;padding:10px 24px}.lock:hover{background:#ffae8b;box-shadow:0 3px 0 #855039,0 0 20px #ec96751f}.lock:disabled{opacity:.5}.next{border-radius:5px;background:#e8c580;color:#173728}.pill{border-color:#8f986277;background:#174330;color:#e8e5ca}.round-caption{font-size:8px;color:#9fb396;line-height:1.5}#motionCue{color:var(--bulb);font-size:8px;letter-spacing:.15em}
input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#93c89f,#d1bd7c,#de9378);height:4px}input[type=range]::-webkit-slider-thumb{border:5px solid #e8c580;background:#fff2cf;box-shadow:0 2px 7px #0005;width:27px;height:27px}input[type=range]::-moz-range-track{background:linear-gradient(90deg,#93c89f,#d1bd7c,#de9378);height:4px}input[type=range]::-moz-range-thumb{border:5px solid #e8c580;background:#fff2cf}
#altitudeHUD{top:calc(var(--ascent-craft-y) + 213px);background:none;text-shadow:0 2px 12px #001a12;padding:12px 20px;color:var(--cream)}.altitude-label{font-size:8px;letter-spacing:.3em;color:#d9c189}#altitudeValue{font:400 59px/1.06 Georgia,serif;letter-spacing:-2px;font-variant-numeric:tabular-nums}.altitude-unit{font-size:20px}.altitude-max{color:#9eae93;font-size:11px}#ascentStatus{font-size:9px;color:#bbcbaa;margin-top:8px;letter-spacing:.03em}
#ascentReadout{border-color:#d8ba7333;padding:21px 0 14px}.ascent-kicker{color:#d0b982;font-size:8px;letter-spacing:.22em}#ascentDelta{font:italic 70px/1 Georgia,serif;color:#f1d593;letter-spacing:-4px}#ascentSummary{font-size:12px;color:#c7d1b1}.skip-reveal{font-size:11px;color:#b7c4a7}.tier,.tier.t0,.tier.t1{font:400 27px Georgia,serif;color:#f3d28b}.pts{font:500 24px var(--body)}.verdict{border-color:#b4a36e33}.comparison b{font:400 22px Georgia,serif;color:#fff0ce}.comparison small{font-size:8px;text-transform:uppercase;letter-spacing:.1em}.comparison span{font-size:10px;color:#b9c9b3}.comparison div{border-color:#e3997c}.comparison div:last-child{border-color:#d2bb78}.fact{background:#16443277;border:1px solid #a2a37522;color:#dde2c6;font-size:12px;line-height:1.65;border-radius:6px}.wait,.round-proof{font-size:11px;color:#b9c9b3}.evidence-label{font-size:9px;color:#97b499}#next{font:600 13px var(--body);min-height:44px;box-shadow:0 3px 0 #826936}.round-proof summary{padding-block:6px}#result a,.sheet a{color:#e9ce8e;text-underline-offset:3px}
#end>.card{background:#0c332bed;border:1px solid #d0ad694d;border-radius:12px;box-shadow:0 18px 65px #020f0d55}#endScore{font:italic 90px/1 Georgia,serif;color:var(--bulb);letter-spacing:-5px}.endscore small{font-size:20px}.record-note{color:#d9c185}.result-bar b{background:#d6be80}.sheet{background:#0b3028;border-color:#a28f59;border-radius:12px;box-shadow:0 18px 70px #0005}.sheethead h2{font:400 30px Georgia,serif;color:var(--bulb)}.menu button,.stats div,.collection-card,.wardrobe-item{background:#103d2e;border-color:#c0a26233}.menu button:hover,.menu button.on{border-color:var(--bulb)}.sw{background:#355b43}.sw[aria-checked=true]{background:#6f703d}.sw[aria-checked=true]::after{background:#e8c580;box-shadow:none}.setrow p,.note,.menu button span{color:#b9c9b3}.sheet input:not([type=file]),.sheet select,.review-head input{background:#08271f;border-color:#8c986c;color:var(--cream)}.calendar-day{background:#103c2c;border-color:#78885b}.calendar-day.played{background:#2c5538}.collection-copy h3{color:var(--cream)}.collection-cover{background:#174633}.recap>div{border-color:#79906455}.recap summary:hover{background:#1a463533}.tutorial-example,.copy-fallback,.achievement{background:#08271f}.toast{background:#e8c580;color:#173728;border-radius:5px}.overlay{background:#00170fbd;backdrop-filter:blur(8px)}
@media(min-width:701px) and (max-height:780px){:root{--ascent-console:420px;--ascent-craft-y:45vh}body{padding-top:16px}header{margin-bottom:13px;padding-bottom:10px}#card{padding:14px 17px;gap:8px}#q{font-size:22px}.bigword{font-size:110px}.eyebrow{margin-bottom:18px}.signsub{font-size:17px;margin-top:19px}#home{gap:11px;padding-top:12px}#altitudeHUD{top:calc(var(--ascent-craft-y) + 183px)}#altitudeValue{font-size:49px}#eventScene .scene-viewport{aspect-ratio:2.1}}
@media(min-width:701px) and (max-width:1000px){:root{--ascent-craft-x:75vw;--ascent-console:410px}body{padding-inline:25px}#home{grid-template-columns:1.08fr 1fr;gap:13px 25px}.bigword{font-size:100px}#card,#game>[data-journey]{width:47vw}#q{font-size:22px}.lock{padding-inline:17px}.arrival-host::after{font-size:6px}#altitudeValue{font-size:48px}}
@media(max-width:700px){
 :root{--ascent-craft-x:46vw;--ascent-craft-y:223px}body{padding:13px 14px 25px}header{padding-bottom:10px;margin-bottom:10px;gap:8px}.wordmark{font-size:24px;padding:3px 6px}.wordmark::before{font-size:15px;margin-right:7px}.ibtn{height:35px;width:35px}.hgroup{gap:6px}
 body[data-view=home]{--ascent-craft-x:50vw;--ascent-craft-y:420px}#home{display:flex;align-items:center;min-height:0;padding:17px 4px 18px;gap:12px}#home .sign{text-align:center;align-self:center}.eyebrow{justify-content:center;font-size:8px;margin-bottom:16px;gap:9px}.eyebrow::before{width:23px}.eyebrow::after{content:'';width:23px;height:1px;background:var(--bulb)}.bigword{font-size:80px;white-space:nowrap;max-width:none;letter-spacing:-5px}.bigword em{display:inline;padding:0;font-size:1em}.signsub{font-size:15px;line-height:1.5;margin:16px auto 0;max-width:30ch}#home .arrival-host{height:250px;min-height:250px;flex-basis:250px;width:100%;margin:0}.arrival-host::after{font-size:6px;bottom:0}.cta{max-width:360px;width:100%;padding:17px 20px;font-size:14px}.arrival-meta{font-size:9px;justify-content:center}.homelinks{justify-content:center}.home-help{font-size:10px;text-align:center}.home-minor{justify-content:center;gap:14px}.home-minor .text-btn{font-size:10px}#home .streak{font-size:9px}.reset{text-align:center;font-size:8px}
 #game{min-height:0;width:100%}#game>[data-journey]{width:100%}.journey{padding:4px 1px 7px}.journey-caption{font-size:8px}.journey-caption span:last-child{font-size:7px}#ascentWindow{height:243px}#card,body[data-phase] #card{width:100%;padding:13px;gap:8px;border-radius:10px;box-shadow:0 15px 35px #0002}#card>.toprow{font-size:9px;min-height:26px;padding-bottom:8px}.pips i{width:7px;height:7px}#hudScore{font-size:15px}#q{font-size:21px;line-height:1.2}.cat{font-size:7px;margin-bottom:5px}#eventScene .scene-viewport{aspect-ratio:2.35}#eventScene figcaption{font-size:7px;min-height:25px;padding:6px 8px}.live-scene{font-size:6px}.timerow{font-size:8px}.readout .flaps{display:none}.chance{font-size:10px}.ends{font-size:7px}.guess-format{margin-top:5px}.guess-format .pill{font-size:10px;min-height:32px}.typed input{max-width:108px}.lock{font-size:12px;padding:10px 20px}.round-caption{font-size:7px}
 #altitudeHUD{left:auto;right:9px;top:135px;transform:none;text-align:right;max-width:115px;padding:5px;white-space:normal}#altitudeValue{font-size:35px;letter-spacing:-1px}.altitude-label{font-size:6px;letter-spacing:.16em}.altitude-unit{font-size:13px;margin-left:4px}.altitude-max{font-size:8px}#ascentStatus{font-size:7px;line-height:1.5;max-width:105px;margin-top:5px}
 #ascentReadout{padding:15px 0 10px}#ascentDelta{font-size:53px}#ascentSummary{font-size:11px}.ascent-kicker{font-size:7px}body[data-phase=feedback] #ascentDelta{font-size:43px}body[data-phase=feedback] #ascentSummary{font-size:10px}.fact{font-size:11px;padding:11px}.tier,.tier.t0,.tier.t1{font-size:25px}.comparison b{font-size:20px}.wait,.round-proof{font-size:10px}#next{font-size:12px}#end{padding-top:260px}#end>.card{width:100%;padding:19px}#endScore{font-size:76px}.sheet{padding:20px}.sheethead h2{font-size:27px}
}
@media(max-width:700px) and (max-height:740px){:root{--ascent-craft-y:177px}body[data-view=home]{--ascent-craft-y:365px}#ascentWindow{height:182px}#altitudeHUD{top:110px}#home{padding-top:10px;gap:10px}#home .arrival-host{height:205px;min-height:205px;flex-basis:205px}.bigword{font-size:70px}.signsub{font-size:14px;margin-top:13px}#end{padding-top:205px}#card,body[data-phase] #card{gap:7px;padding:11px}#eventScene .scene-viewport{aspect-ratio:2.6}}
@media(max-width:350px){body{padding-inline:10px}.ibtn{width:32px;height:32px}.hgroup{gap:4px}.wordmark{font-size:21px}.bigword{font-size:67px}#q{font-size:19px}.typed input{max-width:91px}.lock{padding-inline:14px}.journey-caption span:last-child{font-size:6px}.arrival-meta{font-size:8px}}
.keyboard-open #altitudeHUD{display:none!important}.keyboard-open #ascentWindow{display:none!important}.keyboard-open #card{padding:12px;gap:6px}.keyboard-open #q{font-size:18px}
/* Explicit home widths defeat earlier generic home-child limits. */
#home .sign{width:100%}#home .signsub{max-width:36ch;text-wrap:pretty;margin-left:0}#home .cta{max-width:377px}#home .board{display:none}
@media(min-width:701px) and (max-height:780px){#home{gap:10px;min-height:calc(100svh - 104px)}#home .signsub{margin-top:20px;margin-bottom:8px}.bigword{font-size:104px}.home-help summary{min-height:22px}.home-minor .text-btn{min-height:32px}#home .cta{padding:16px 21px}}
@media(max-width:700px){#home .signsub{margin-inline:auto;max-width:34ch}#home .cta{max-width:360px}}
/* Quiet text zones and mobile ergonomics: keep the timed action in reach. */
header::before{content:'';position:absolute;z-index:-1;inset:-30px 0 -7px;background:linear-gradient(#061f1d 12%,#061f1df2 75%,#061f1d00);pointer-events:none}
@media(min-width:701px){#eventScene .scene-viewport{aspect-ratio:16/9}}
@media(min-width:701px) and (max-height:780px){#card{gap:8px}#eventScene .scene-viewport{aspect-ratio:2.1}}
@media(max-width:700px){
 :root{--ascent-craft-y:177px;--ascent-craft-x:44vw}#ascentWindow{height:168px}#altitudeHUD{top:125px;right:10px;background:#06271ed9;border:1px solid #c5a56826;border-radius:6px;padding:8px;max-width:103px}#altitudeValue{font-size:32px}#ascentStatus{font-size:7px}#eventScene .scene-viewport{aspect-ratio:16/9}#eventScene figcaption{display:none}
 #home .sign{position:relative;isolation:isolate}#home .sign::after{content:'';position:absolute;inset:-35px -10px -25px;z-index:-1;background:linear-gradient(#061f1d 75%,#061f1d00);pointer-events:none}#home .arrival-host::after{display:none}body[data-view=home]{--ascent-craft-y:400px}#home .arrival-meta{padding:7px 10px;background:#06271eea;border-radius:4px}#home .homelinks,#home .home-help,#home .home-minor,#home .streak,#home .reset{background:#061f1deb}
}
@media(max-width:700px) and (max-height:740px){
 :root{--ascent-craft-y:139px}#ascentWindow{height:98px}#altitudeHUD{top:96px;right:9px;padding:5px 7px}#altitudeValue{font-size:28px}#ascentStatus{display:none}#card,body[data-phase] #card{padding:10px;gap:5px}#card>.toprow{padding-bottom:6px;min-height:24px}#eventScene .scene-viewport{aspect-ratio:2.35}#card .readout{display:none}.guess-format{margin-top:2px}#controls .controls{margin-top:6px!important}#q{font-size:19px}#home .arrival-host{height:195px;min-height:195px;flex-basis:195px}body[data-view=home]{--ascent-craft-y:355px}.round-caption{display:none}
}
@media(max-width:700px){#home .sign::after{background:linear-gradient(#061f1d 0%,#061f1d 91%,#061f1d00 100%)}#altitudeHUD{min-width:116px;max-width:138px}#altitudeHUD>div{white-space:nowrap}}
@media(max-width:350px){#altitudeHUD{min-width:111px;max-width:125px}#altitudeValue{font-size:28px}}
.audio-level{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;margin-top:-8px;color:#b9c9b3;font-size:13px}.audio-level output{color:#e8c580;font-variant-numeric:tabular-nums}.sheet .audio-level input[type=range]{grid-column:1/-1;width:100%;height:28px;min-height:28px;margin:0;padding:0;accent-color:#e8c580;background:transparent;cursor:pointer}.audio-level input:focus-visible{outline:2px solid #e8c580;outline-offset:3px;border-radius:4px}