/* Living game table: legible type, glass layers and deliberate physical motion. */
body{font-size:18px;line-height:1.7}.hero-lead{font-size:18px}.text-link,.header nav,.button-small{font-size:16px}.brand small,.hero-host small{font-size:14px}.hero-host{font-size:16px}.hero-bottom,.facts span,.section-kicker{font-size:14px}.about-content>p,.benefit-grid p,.steps p,.host-copy>p:not(.section-kicker),.faq-list details>p{font-size:17px}.benefits-note,.image-caption{font-size:14px}.certified{font-size:14px}.faq-list summary{font-size:18px}.lead-form>label:not(.consent),legend{font-size:15px}.lead-form>small,.consent,.lead-form .form-footnote,.format-options span{font-size:14px}.lead-form>input{font-size:17px}.signup-price span,.signup-copy .signup-note{font-size:15px!important}.footer-inner p,.footer-inner>button,.footer-bottom{font-size:14px}.session-label small{font-size:13px}
.header{position:relative;background:#111a36}.header-inner{position:relative;z-index:3}.header nav{border:1px solid #ffffff1c;border-radius:40px;padding:12px 26px;background:#ffffff06;backdrop-filter:blur(16px)}.hero{position:relative;background:radial-gradient(ellipse at 82% 32%,#233f76 0,transparent 58%),#101a37}.hero-grid{gap:64px;padding-top:65px;padding-bottom:66px}.hero-visual{perspective:1200px;padding-top:22px;padding-bottom:55px}.photo-frame{background:#ffffff13;border:1px solid #ffffff50;padding:10px;box-shadow:0 28px 65px #0005,inset 0 1px #ffffff5c;transform:rotate(2deg) rotateY(-5deg);backdrop-filter:blur(12px);will-change:transform}.hero-photo{height:435px;filter:saturate(.92);border-radius:6px}.glass-ticket{position:absolute;left:-25px;top:0;z-index:3;background:#17284fbf;backdrop-filter:blur(22px);border:1px solid #ffffff4d;box-shadow:0 16px 40px #0003,inset 0 1px #ffffff30;color:white;padding:17px 22px;border-radius:12px;transform:rotate(-3deg);font-size:14px;line-height:1.5}.glass-ticket>span{color:#d3def4}.glass-ticket strong{font-size:23px;display:block;letter-spacing:-.04em;margin:3px 0}.glass-ticket small{display:block;font-size:13px;color:#d3def4}.session-label{right:-14px;bottom:15px;z-index:4;border:1px solid #fff8;box-shadow:0 20px 45px #0003}.dice-button{position:absolute;left:-52px;bottom:-18px;width:170px;padding:0;border:0;background:none;z-index:5;transform:rotate(-12deg);border-radius:30%;filter:drop-shadow(0 18px 14px #0005)}.dice-button img{width:100%;pointer-events:none}.dice-button span{display:block;background:#16264cd9;backdrop-filter:blur(12px);border:1px solid #fff3;border-radius:30px;padding:5px 10px;color:#ecf2ff;font-size:12px;transform:rotate(12deg);margin-top:-16px;position:relative}.dice-button:hover{filter:drop-shadow(0 22px 14px #0006)}.dice-button:focus-visible{outline-color:var(--yellow)}.facts{position:relative;z-index:2}.facts-grid{padding-block:38px}.facts strong{font-size:30px}.benefit-grid{gap:24px;perspective:1400px}.benefit-grid article{position:relative;background:white;border:1px solid #dce3f3;border-radius:14px;padding:28px;box-shadow:0 10px 24px #0d235808;transition:transform .35s,box-shadow .35s}.benefit-grid article:nth-child(2){transform:rotate(1deg)}.benefit-grid article:nth-child(3){transform:rotate(-1deg)}.benefit-grid article.is-open{transform:rotate(0) translateY(-8px);box-shadow:0 22px 38px #16315b14;border-color:#a6b9fb}.benefit-grid h3{font-size:24px}.benefit-grid p{max-width:none}.card-toggle{margin-top:25px;border:0;border-top:1px solid #e1e7f2;padding:17px 0 0;background:none;color:var(--blue);font-size:14px;font-weight:600;text-align:left;width:100%;display:flex;justify-content:space-between;gap:12px;line-height:1.5}.card-toggle>span{font-size:20px}.game-example{margin-top:18px;font-size:16px!important;color:#394a70!important}.game-example[hidden]{display:none}.gallery-grid{perspective:1400px;gap:25px}.gallery-item{border:6px solid white;box-shadow:0 12px 25px #10244a17;transition:transform .3s}.gallery-large{transform:rotate(-1deg)}.gallery-item:nth-child(2){transform:rotate(1.5deg)}.gallery-item:nth-child(3){transform:rotate(-1deg)}.gallery-item:hover{transform:rotate(0) translateY(-4px)}.photo-dialog[open]{animation:photo-lift .3s cubic-bezier(.2,.8,.2,1)}.photo-dialog::backdrop{backdrop-filter:blur(12px)}@keyframes photo-lift{from{opacity:0;transform:scale(.92) rotate(-2deg)}to{opacity:1;transform:none}}
.journey-rail{position:fixed;right:18px;top:36%;height:230px;width:20px;z-index:8;--travel:0;--rail-color:#50668d;--rail-token:#153fe9}.journey-line{position:absolute;top:6px;bottom:6px;width:2px;background:#7385a43d;left:9px}.journey-line i{display:block;width:2px;height:calc(var(--travel)*100%);background:var(--rail-token)}.journey-rail>a{height:25%;position:relative;display:block}.journey-rail>a:after{position:absolute;content:'';top:2px;left:4px;width:12px;height:12px;border:2px solid var(--rail-color);border-radius:4px;background:#eff3fd}.journey-rail>a span{position:absolute;right:28px;top:-4px;white-space:nowrap;opacity:0;pointer-events:none;background:#101a37;color:white;border-radius:5px;padding:4px 10px;font-size:12px;transition:opacity .2s}.journey-rail>a:hover span,.journey-rail>a:focus-visible span{opacity:1}.journey-token{position:absolute;left:1px;top:calc(var(--travel)*calc(100% - 18px));height:18px;width:18px;background:var(--rail-token);border:3px solid #f7e64d;border-radius:50%;box-shadow:0 2px 9px #10284c40;pointer-events:none;transition:top .15s linear}.journey-rail.on-dark{--rail-color:#c7d9ff;--rail-token:#f7e64d}.journey-rail.on-dark>a:after{background:#172a4c}.success-token{height:0;overflow:hidden;display:flex;justify-content:center;transition:height .3s}.lead-form.is-success .success-token{height:58px;margin-top:20px}.success-token span{font-size:40px;color:var(--blue);line-height:1.4}.lead-form.is-success .success-token span{animation:token-land .6s cubic-bezier(.2,.9,.3,1)}@keyframes token-land{from{transform:translateY(-55px) rotate(-90deg);opacity:0}to{transform:none;opacity:1}}
@media(min-width:1600px){.journey-rail{right:40px}}
@media(max-width:1100px){.header nav{padding:10px 17px;gap:20px;font-size:14px}.journey-rail{display:none}.hero-grid{gap:42px}.hero-photo{height:415px}.dice-button{width:148px;left:-30px}.glass-ticket{left:-12px}.hero-host small{font-size:12px}.hero-host{font-size:14px}}
@media(max-width:800px){.hero-grid{gap:25px;padding-top:35px}.hero-lead{font-size:17px}.hero-photo{height:385px}.glass-ticket{left:0;padding:13px 17px;font-size:12px}.glass-ticket strong{font-size:21px}.glass-ticket small{font-size:12px}.dice-button{left:-12px;width:125px;bottom:0}.hero-host small{font-size:11px}.session-label{right:-8px}.benefit-grid{gap:15px}.benefit-grid article{padding:22px}.benefit-grid h3{font-size:22px}.benefit-grid p{font-size:16px}.card-toggle{font-size:13px}.format-options span{font-size:12px}.signup-price span{font-size:13px!important}.lead-form{padding:28px}.footer-bottom{font-size:12px}}
@media(max-width:600px){body{font-size:17px}.header{height:90px}.header .button-small{font-size:13px;padding:11px 13px}.brand small{font-size:12px}.hero-grid{padding-top:23px;padding-bottom:30px;gap:40px}.hero-lead{font-size:17px}.hero-actions .text-link{font-size:14px}.hero-actions .button{font-size:15px;padding:17px 20px}.hero-host{font-size:15px}.hero-host small{font-size:12px}.hero-visual{padding-top:28px;padding-bottom:68px}.hero-photo{height:320px}.glass-ticket{left:0;top:0;padding:13px 18px}.glass-ticket strong{font-size:22px}.session-label{width:165px;bottom:4px;right:-1px;height:140px;font-size:21px}.session-label small{font-size:12px}.dice-button{left:3px;bottom:3px;width:138px}.dice-button span{font-size:12px}.facts-grid{gap:26px 16px;padding-block:30px}.facts strong{font-size:25px}.facts span{font-size:14px}.section-kicker{font-size:14px}.about-content>p,.benefit-grid p,.steps p,.host-copy>p:not(.section-kicker),.faq-list details>p{font-size:17px}.benefits-note{font-size:14px}.benefit-grid{gap:20px}.benefit-grid article{display:block;padding:25px}.benefit-grid article:nth-child(n){transform:none}.benefit-grid article.is-open{transform:translateY(-4px)}.line-icon{margin-bottom:22px}.benefit-grid h3{font-size:24px;max-width:none}.card-toggle{font-size:15px}.image-caption{font-size:13px}.certified{font-size:13px}.faq-list summary{font-size:17px}.gallery-grid{gap:14px;grid-template-rows:280px 205px}.gallery-item{border-width:4px}.gallery-item span{font-size:13px}.lead-form{padding:30px 22px}.lead-form>small,.consent,.lead-form .form-footnote,.format-options span{font-size:14px}.format-options span{font-size:13px;padding:12px 8px}.signup-price span{font-size:14px!important}.signup-copy .signup-note{font-size:14px!important}.footer-inner>button{font-size:13px;max-width:130px}.footer-bottom{font-size:12px}.footer-bottom>span:last-child{max-width:170px}.hero-bottom{font-size:13px}}
@media(max-width:370px){.hero-actions{gap:14px}.hero-actions .button{padding:16px;gap:10px}.hero-actions .text-link{font-size:13px}.header .button-small{font-size:12px;padding:10px}.hero-host small{font-size:11px}.facts strong{font-size:22px}.facts span{font-size:13px}.format-options{flex-direction:column}.gallery-item span{font-size:12px}.footer-inner>button{max-width:90px}.footer-bottom{font-size:11px}}
@media(prefers-reduced-motion:reduce){.photo-frame{will-change:auto}.journey-token{transition:none}.photo-dialog[open],.lead-form.is-success .success-token span{animation:none}.dice-button{filter:none}}

.dice-accent{position:absolute;left:-15px;bottom:12px;width:92px;z-index:3;pointer-events:none;filter:drop-shadow(0 8px 8px #0004)}@media(max-width:600px){.dice-accent{left:8px;bottom:15px;width:82px}}

.journey-rail{width:36px;height:240px;right:12px}.journey-line{left:17px;top:18px;bottom:42px}.journey-rail>a:after{top:4px;left:4px;width:28px;height:28px;border-radius:6px}.journey-rail>a span{right:43px;top:4px;font-size:14px}.journey-token{left:8px;top:var(--marker-y,-16px);width:20px;height:34px;background:none;border:0;border-radius:0;box-shadow:none;transition:top .45s ease}.journey-token img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 2px #0005)}
@media(prefers-reduced-motion:reduce){.journey-token{transition:none}}

.journey-rail{width:44px}.journey-line{left:24px;top:24px;bottom:36px}.journey-rail>a:after{width:40px;height:40px}.journey-token{left:13px;width:22px;height:34px}.journey-rail>a span{right:52px}
