/* A quieter frame around the physical character and the green signal. */
:root{color-scheme:dark}
.hero h1{filter:drop-shadow(0 3px 0 #5e705235)}
.hero .title-char{text-shadow:0 1px 0 #efffde12}
.cinematic .rail{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #e3ffc410,0 18px 60px #0005}
.cinematic .chapter-copy p{color:#d0d6c9}
.cinematic .chapter-copy h2{font-weight:540}
@media(min-width:701px){.cinematic .story .chapter-frame,.cinematic .meet .chapter-frame{padding-top:105px;padding-bottom:110px}.cinematic .chapter-copy{padding-top:0;padding-bottom:0}}
.fact-row,.pulse-preview{background:linear-gradient(100deg,#d8efc604,transparent);border-color:#d7e9c92a}
.fee-demo{border:1px solid #d6c1ff24;border-radius:20px;background:linear-gradient(125deg,#a48ec711,#20202128);padding:20px 22px;box-shadow:inset 0 1px 0 #efdcff0b}
.fee-demo-top{gap:8px}.fee-demo-top>span{white-space:nowrap}.fee-presets button{white-space:nowrap;flex-shrink:0}
.fee-presets button[aria-pressed=true]{background:#ccff79;color:#1c2912;box-shadow:inset 0 1px 0 #f0ffbe77}
.fee-results{border-top:1px solid #ddc8ff16;padding-top:14px;margin-top:15px}.fee-results strong{font-size:28px}
.fee-results>div{position:relative;padding-left:12px}
.fee-results>div:before{content:'';position:absolute;left:0;top:2px;width:3px;height:calc(100% - 4px);border-radius:4px;background:#ccff79}
.fee-results>div:nth-child(2):before{background:#b49bff}.fee-results>div:nth-child(3):before{background:#81ded0}
.culture-looks{display:flex;align-items:center;gap:8px;margin:22px 0 25px;width:fit-content;max-width:100%;padding:5px;border:1px solid #d9e2f22a;border-radius:40px;background:#dce4f205}
.culture-looks button{display:flex;align-items:center;gap:9px;padding:10px 14px;min-height:44px;border:0;border-radius:30px;background:transparent;color:#bfc8d7;font:500 13px Inter,Arial,sans-serif;cursor:pointer;transition:background-color .2s,color .2s}
.culture-looks button:before{content:'';width:13px;height:13px;border-radius:50%;background:linear-gradient(130deg,#f8fff5,#879895 46%,#edf0e5 55%,#3c5147);box-shadow:inset 0 0 0 1px #ffffff33}
.culture-looks button[data-culture-look=gold]:before{background:linear-gradient(130deg,#ffe7a5,#987335 45%,#fadd8c 60%,#7f6233)}
.culture-looks button[data-culture-look=classic]:before{background:#bb864f}
.culture-looks button[aria-pressed=true]{background:#e6efd9;color:#182515}.culture-looks button:hover{background:#d8e2ce19;color:#fff}.culture-looks button[aria-pressed=true]:hover{background:#f1f9e6;color:#182515}
.culture-looks button:focus-visible{outline:2px solid #ccff79;outline-offset:3px}
.world-actions{display:flex;align-items:flex-end;flex-direction:column;gap:14px}.world-actions>a{font-size:13px;color:#263f16;min-height:28px;text-underline-offset:5px}.world-actions>a:hover{text-decoration:underline}
.is-paused .primary-action,.is-paused .culture-looks button{transition:none}
@media(min-width:701px) and (max-height:800px){
 .cinematic .chapter-copy h2,.cinematic .stardust .chapter-copy h2{font-size:clamp(42px,4.8vw,64px);margin:15px 0 18px}
 .cinematic .chapter-copy p{font-size:16px;line-height:1.45;margin-bottom:14px}
 .cinematic .gravity .chapter-copy h2{font-size:clamp(42px,4.8vw,62px)}
 .cinematic .gravity .chapter-copy>p{display:none}
 .fee-demo{margin:18px 0;padding:15px 17px}.fee-results{padding-top:10px;margin-top:11px}.fee-results strong{font-size:24px}
 .culture-looks{margin:17px 0 20px}
}
@media(max-width:1100px) and (min-width:701px){.fee-demo{padding:15px 16px}.fee-demo-top{flex-direction:row;align-items:center}.fee-demo-top>span{white-space:normal;max-width:62px}.fee-results strong{font-size:23px}.culture-looks{gap:2px}.culture-looks button{padding-inline:11px}}
@media(max-width:700px){
 .cinematic .rail{backdrop-filter:none;-webkit-backdrop-filter:none}
 .cinematic .gravity .chapter-copy>p{display:none}
 .fee-demo{padding:13px 14px;border-radius:16px}.fee-demo-top>span{white-space:normal}.fee-results{padding-top:10px;margin-top:11px;gap:5px}.fee-results>div{padding-left:9px}.fee-results strong{font-size:21px}.fee-results small span{display:block;margin:2px 0 0}
 .culture-looks{margin:16px 0 18px;gap:2px;padding:3px}.culture-looks button{padding:8px 12px;min-height:40px;font-size:12px;gap:7px}
 .world-actions{gap:8px}.world-actions>a{font-size:12px;min-height:26px}.world-bottom{align-items:flex-start}
}
@media(max-width:700px) and (max-height:740px){
 .fee-demo{padding:10px 12px;margin:9px 0 11px}.fee-demo-top{margin-bottom:8px}.fee-results{padding-top:7px;margin-top:8px}.fee-results strong{font-size:18px}.fee-results small span{display:inline;margin-left:3px}
 .culture-looks{margin:12px 0 14px}.culture-looks button{min-height:38px;padding:8px 11px}
 .world-actions>a{font-size:11px}.world-actions{gap:5px}
}
@media(max-width:360px){.fee-demo{padding:9px 10px}.fee-presets button{padding-inline:12px}.fee-demo-top{gap:3px}.fee-demo-top>span{display:none}.fee-presets{width:100%;justify-content:space-between}.fee-results small span{display:inline;margin-left:2px}.culture-looks button{padding-inline:9px}.world-actions>a{max-width:130px;text-align:right}}
@media(max-width:360px) and (max-height:650px){.cinematic .gravity .chapter-copy h2{font-size:28px;margin:8px 0}.fee-demo{margin:8px 0;padding:8px 10px}.fee-results{padding-top:6px;margin-top:6px}.fee-results>div>small{font-size:10px;white-space:nowrap}.fee-preview-note{margin-top:6px}}
@media(prefers-reduced-motion:reduce){.culture-looks button{transition:none}.hero h1{filter:none}}

/* The material collection remains separate from the eight-scene world. */
.editions-entry{display:flex;align-items:center;gap:16px;width:fit-content;min-height:44px;text-decoration:underline;text-underline-offset:5px}.editions-entry:hover{color:#ccff79}.editions-entry:focus-visible{outline:2px solid #ccff79;outline-offset:4px;border-radius:3px}
@media(max-width:1100px) and (min-width:701px){.header nav .nav-token{display:none}}
@media(max-width:700px){.editions-entry{margin-top:8px}}

/* The collection shares one figure with the scrolling world. */
button.editions-entry{appearance:none;border:0;background:none;padding:0;color:#b0b9c8;cursor:pointer;font-family:inherit;text-align:left;min-height:32px;text-decoration:underline;text-underline-offset:4px}
button.editions-entry:hover{color:#e9f3dc}
.culture-looks button[data-culture-look="acid"]:before{background:linear-gradient(130deg,#efffc7,#9dde48 55%,#3d6c22)}
.world-caption a{text-decoration:underline;text-underline-offset:3px;pointer-events:auto}
@media(max-width:700px){.world-caption{display:block;white-space:normal;width:calc(100% - 44px);max-width:390px;font-size:10px;line-height:1.4;bottom:78px;letter-spacing:0}}

@media(max-width:700px) and (max-height:740px){
 .cinematic .stardust .chapter-copy h2{margin:10px 0 12px}
 .cinematic .stardust .chapter-copy>p{display:none}
 .stardust .culture-looks{margin:12px 0 14px;padding:3px;gap:2px}
 .stardust .culture-looks button{min-height:40px;padding:8px 11px}
 .stardust .primary-action{padding:11px 18px;font-size:13px}
 .stardust button.editions-entry{min-height:28px;margin-top:8px}
}