/* Junting playful brand palette */
:root{--ink:#f1e9fc;--muted:#beafd0;--blue:#af94ff;--navy:#211936;--line:#524269}
body{background:#29203e}.header{background:#211936ed;border-bottom:1px solid #493958;backdrop-filter:blur(18px);color:#f2e9fc}.brand{letter-spacing:1px}.brand-mark{width:46px;height:46px;color:#b69aff}.brand small{color:#a995c7}.header nav a{color:#c9b8df}.header nav a:hover,.header nav a.active{color:#a3edce}.header nav a.active:after{background:#a3edce;border-radius:5px}.header-cta{border:0;border-radius:30px;background:#a3edce;color:#243a32;font-weight:700}.header-cta span{color:#243a32}.hero{background:#211936;min-height:680px}.hero-art{opacity:.65;filter:hue-rotate(24deg) saturate(.85)}.hero-shade{background:linear-gradient(90deg,#211936 3%,#211936ed 27%,#21193655 70%,#21193622),linear-gradient(0deg,#211936,transparent 65%)}.hero h1{font-size:clamp(42px,4.8vw,68px);font-weight:800;letter-spacing:-2px}.hero h1 span{color:#a3edce}.hero-copy>p{color:#d2bedf}.eyebrow{color:#f5bc9d;letter-spacing:2px}.eyebrow i{background:#ffb08e;border-radius:50%}.button{border-radius:40px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 9px 25px #0003}.bright{background:#a3edce;color:#20352d}.hero-note{color:#e3cff3}.hero-note em{color:#c5abd9}.hero-bottom,.hero-bottom a{color:#a995c7}.orbit{border-color:#a88ac52a}.about{position:relative}.about h2{font-weight:800}.blue{color:#a3edce}.about-text .lead{color:#f2dcff}.section-kicker{color:#a78ebf}.section-kicker i{background:#514064}.overline{color:#ffb08e}.about-text{color:#bfafcf}.text-link{color:#a3edce}.principles{border:0;gap:20px}.principles>div,.principles>div+div{border:0;padding:30px!important;border-radius:24px;background:#af94ff;color:#2c2045;transform:rotate(-1deg)}.principles>div:nth-child(2){background:#a3edce;transform:rotate(1deg)}.principles>div:nth-child(3){background:#ffb08e;transform:rotate(-1deg)}.principles span{color:#4a3d61}.principles h3{font-weight:800;font-size:23px}.principles p{color:#423650}.games{background:#20182f;border-radius:44px 44px 0 0}.games .overline{color:#ffb08e}.game-heading h2{font-weight:800}.game-count{color:#a3edce}.game-count small{color:#b19ac9}.game-feature{border:1px solid #564269;border-radius:28px}.game-label{border:0;border-radius:20px;background:#af94ff;color:#231733;font-weight:700}.game-gradient{background:linear-gradient(90deg,#231733f7,#231733c4 32%,#23173315 85%),linear-gradient(0deg,#23173380,transparent)}.game-copy h3{color:#f7edff}.game-copy .game-slogan{color:#a3edce}.game-meta{color:#c1abce}.game-meta b{color:#ffb08e}.world{color:#eee1fa}.world-heading h2{font-weight:700}.story-grid{border:0;border-radius:28px;overflow:hidden;background:#39294e}.story-content{background:#39294e}.story-tabs{border-color:#655174}.story-tabs button{color:#c1accf}.story-tabs button[aria-selected=true]{color:#a3edce;border-color:#a3edce}.story-index{color:#b195d4}.story-content h3{color:#ffe0c9;font-weight:700}.story-content p,.world-heading>p{color:#cab9d8}.story-controls button{background:#a995d0;color:#211936;border:0;border-radius:50%;width:36px;height:36px}.story-controls>span{color:#c3acd5}.vision{background:#ad91e7;color:#2c2045;border-radius:42px 42px 0 0;position:relative}.vision .overline{color:#4a3267}.vision h2{font-weight:800}.vision p:not(.overline){color:#493564}.circle-link{background:#a3edce;border:0;color:#294837;transform:rotate(8deg)}.circle-link:hover{background:#bff4dc}footer{background:#211936}.footer-top .brand-mark{color:#a3edce}.footer-top>p,.footer-bottom{color:#b39bc7}.footer-bottom{border-color:#4b385c}dialog{background:#39294e;color:#f2e7ff;border-radius:25px}.modal-body>p:not(.overline){color:#cbb7db}.modal-points span{background:#af94ff;color:#291c3a;border-radius:25px}.dark{background:#a3edce;color:#23372d}.skip{background:#39294e}.menu-button{color:#e9dcf3}
@media(max-width:650px){.header nav{background:#211936;border-color:#4b385c}.brand-mark{width:35px;height:35px}.hero h1{font-size:40px;letter-spacing:-1px}.hero-shade{background:linear-gradient(90deg,#211936c9,#21193650),linear-gradient(0deg,#211936 0%,#211936bb 35%,transparent 100%)}.principles{gap:16px}.principles>div,.principles>div+div{padding:26px!important}.game-gradient{background:linear-gradient(0deg,#231733 0%,#231733c4 45%,#23173322 100%)}.games,.vision{border-radius:26px 26px 0 0}.story-picture{min-height:240px}.hero .button{border-radius:30px}}
@media(prefers-reduced-motion:reduce){.button:hover{transform:none}}

.header .brand-mark,.footer-top .brand-mark{color:#ff7048}