@font-face{font-family:Fredoka;src:url('/assets/fonts/Fredoka.ttf') format('truetype');font-weight:300 700;font-display:swap}
@font-face{font-family:Outfit;src:url('/assets/fonts/Outfit.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--ink:#1d2e45;--muted:#52647a;--orange:#f76825;--blue:#cdeafb;--pale:#eff8fe;--burgundy:#97223b;--header-h:96px;--gutter:clamp(22px,4vw,68px)}
*{box-sizing:border-box}html{scroll-padding-top:calc(var(--header-h) + 18px);scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:18px/1.6 Outfit,system-ui,sans-serif;overflow-wrap:break-word}::selection{background:var(--ink);color:#fff}a{color:inherit;text-underline-offset:5px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--burgundy);outline-offset:5px}input,textarea{caret-color:var(--burgundy)}img{max-width:100%;display:block}svg{display:inline-block;flex:none}h1,h2,h3{font-family:Fredoka,Outfit,sans-serif;font-weight:600;line-height:1.08;letter-spacing:-.025em;text-wrap:balance;margin:0}h1{font-size:clamp(48px,5.2vw,78px)}h2{font-size:clamp(34px,3.8vw,57px)}h3{font-size:clamp(27px,2.8vw,42px)}p{margin:18px 0;max-width:65ch}.section-wrap{max-width:1440px;margin-inline:auto;padding-inline:var(--gutter)}.skip{position:absolute;top:10px;left:10px;transform:translateY(-160%);z-index:100;background:#fff;padding:12px 18px}.skip:focus{transform:none}.site-header{height:var(--header-h);position:sticky;top:0;z-index:30;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:7px var(--gutter);box-shadow:0 1px 0 #1d2e4510}.brand{flex:none}.brand img{width:144px;height:80px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:clamp(24px,3.5vw,56px)}.site-header nav a{text-decoration:none;font-weight:500;font-size:18px}.site-header nav a:hover{color:var(--burgundy)}.site-header .nav-apply{padding:10px 18px;border-radius:30px;background:var(--pale);font-size:16px}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:56px;min-width:160px;padding:14px 29px;background:var(--orange);border:0;border-radius:30px;color:#10283d;font-weight:600;text-decoration:none;line-height:1.2;transition:background .18s ease,transform .18s ease}.button svg,.plain-link svg,.text-link svg{width:22px;height:22px}.button:hover{background:#ff863e;transform:translateY(-2px)}.button:active{transform:translateY(0)}.button:disabled{background:#d5dce2;color:#4c5c6d;transform:none}.plain-link{display:inline-flex;align-items:center;gap:16px;font-weight:500}.status{display:inline-flex;align-items:center;gap:9px;font-size:15px;line-height:1.4;padding:8px 14px;border-radius:30px;font-weight:500}.status svg{width:20px;height:20px}.status-warm{background:#ffe1b3;color:#662d11}.status-blue{background:#bce0f7;color:#173455}.status-dot{width:7px;height:7px;border-radius:50%;background:#1d507e}
.home-hero{position:relative;min-height:660px;isolation:isolate;overflow:hidden;display:flex;align-items:center}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% top;z-index:-3}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,#fffdfaee 0%,#fff9edb8 27%,#fff7e72e 52%,transparent 67%);z-index:-2}.hero-copy{padding:48px var(--gutter) 45px;max-width:800px}.hero-copy h1{font-size:clamp(48px,5.1vw,76px);line-height:.99}.hero-intro{font-size:clamp(22px,2.2vw,32px);line-height:1.2;font-weight:500;margin:22px 0 42px}.featured-game{display:flex;align-items:flex-start;flex-direction:column;gap:14px}.featured-game h2{font-size:clamp(32px,3.4vw,48px);font-weight:650}.featured-game .button{margin-top:1px;min-width:232px}.games{padding-top:54px;padding-bottom:56px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-heading h2{font-size:38px}.section-heading p{margin:0;color:var(--muted);font-size:17px}.game-line{display:flex;gap:22px;align-items:center;padding:20px 0 28px;text-decoration:none}.game-line img{width:82px;height:82px;object-fit:contain;border-radius:14px;background:var(--pale)}.game-line h3{font-size:30px}.game-line p{margin:6px 0 0;color:var(--muted)}.text-link{margin-left:auto;display:flex;align-items:center;gap:16px;white-space:nowrap}.game-line:hover .text-link{color:var(--burgundy)}.coming-game{padding:35px 40px;background:var(--blue);border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:24px}.coming-game h3{margin-bottom:13px;font-size:clamp(32px,3.8vw,52px)}.coming-game>p{font-size:17px;color:#375370;max-width:25ch}.studio{padding-block:70px 85px;display:grid;grid-template-columns:1fr;align-items:center;gap:0}.studio p{max-width:48ch;color:var(--muted)}.invite{position:relative;isolation:isolate;max-width:1536px;margin:auto;padding:65px var(--gutter);display:flex;align-items:center;gap:30px;justify-content:space-between;overflow:hidden;background:var(--pale)}.invite:before{content:"";position:absolute;inset:auto -10% -120% -20%;height:250%;background:#d9effd;z-index:-1;border-radius:50% 45% 0 0;transform:rotate(-4deg)}.invite h2{font-size:clamp(36px,4.8vw,66px)}.invite p{font-size:24px;margin:10px 0 0}.button-round{min-width:64px;width:64px;height:64px;padding:20px;flex:none}.site-footer{max-width:1440px;margin:auto;padding:30px var(--gutter);display:flex;align-items:center;gap:32px;flex-wrap:wrap}.footer-links{display:flex;gap:24px;flex-wrap:wrap;margin-left:0;font-size:15px}.site-footer small{width:100%;font-size:13px;color:var(--muted)}.back-link{display:inline-block;color:var(--muted);font-size:16px;margin-bottom:26px}.lead{font-size:clamp(23px,2.1vw,30px);line-height:1.35;font-weight:400}
.game-intro{padding-top:35px;padding-bottom:36px}.game-intro-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;min-height:570px}.game-intro h1{margin-top:20px;font-size:clamp(50px,5.7vw,82px);max-width:9ch}.game-intro p{max-width:45ch}.game-intro .button{margin-top:18px}.intro-character{height:530px;display:flex;justify-content:center;align-items:center;background:#f0f8fd;border-radius:50% 50% 30% 30%}.intro-character img{height:108%;width:auto;object-fit:contain;max-width:100%}.story-toolbar{position:sticky;top:var(--header-h);z-index:20;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:64px;padding:12px var(--gutter);background:#eff8fe;border-top:1px solid #d3e6f2;border-bottom:1px solid #d3e6f2;font-size:15px}.story-toolbar nav{display:flex;gap:24px}.story-toolbar nav a{text-decoration:none}.story-toolbar>span{font-weight:500}.quiet-button{border:1px solid #93a9bb;background:#fff;color:var(--ink);border-radius:22px;padding:8px 14px;font-size:14px;white-space:nowrap}.ability-story{height:240vh;min-height:1450px;background:#f5faff;position:relative}.ability-story+.ability-story{background:#eef0fc}.story-pin{position:sticky;top:calc(var(--header-h) + 64px);height:calc(100svh - var(--header-h) - 64px);min-height:480px;display:grid;grid-template-columns:1fr .75fr;gap:6vw;align-items:center;max-width:1220px;margin:auto;padding:22px 50px}.story-copy h2{font-size:clamp(36px,3.7vw,58px);max-width:15ch}.story-copy>p{max-width:36ch}.hero-name{font-size:17px;font-weight:500;color:#6b4823;margin:0 0 16px}.ability-story[data-motion=kara_kuzgun] .hero-name{color:#6e3d88}.phase-readout{margin-top:30px;min-height:100px}.phase-readout strong{font-size:22px;font-weight:500}.phase-readout p{font-size:16px;color:var(--muted);margin:5px 0;max-width:36ch}.scrubber-label{font-size:14px}.scene-range{display:block;width:min(100%,370px);height:32px;accent-color:var(--burgundy);cursor:ew-resize}.scene-note{font-size:12px!important;color:var(--muted);margin:6px 0}.scene-frame{position:relative;justify-self:center;height:min(73svh,740px);max-height:100%;aspect-ratio:540/1200;border-radius:16px;overflow:hidden;background:#ecd6ac;box-shadow:0 15px 45px #0000001a}.scene-frame canvas{position:relative;width:100%;height:100%;display:block;opacity:0}.scene-frame.is-ready canvas{opacity:1}.scene-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scene-frame.is-ready .scene-fallback{visibility:hidden}.scene-loading{position:absolute;bottom:12px;left:12px;right:12px;background:#fffdf2;color:var(--ink);font-size:13px;padding:6px 9px;border-radius:8px}.scene-loading:empty{display:none}.heroes{padding-block:85px}.hero-picker{display:flex;justify-content:center;gap:clamp(14px,3vw,46px);margin:45px 0 15px}.hero-choice{border:2px solid transparent;background:transparent;padding:10px 12px 12px;border-radius:16px;color:var(--ink);min-width:100px}.hero-choice[aria-pressed=true]{border-color:var(--burgundy);background:#faf2f5}.hero-choice img{height:88px;width:88px;object-fit:contain;margin:auto}.hero-choice span{display:block;margin-top:10px;white-space:nowrap;font-size:16px}.hero-spotlight{max-width:900px;margin:10px auto 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;min-height:390px}.hero-spotlight>img{justify-self:center;height:350px;width:auto;max-width:100%;object-fit:contain}.hero-spotlight p{max-width:28ch;color:var(--muted);font-size:21px}.game-close{padding-block:60px 85px;text-align:center;background:var(--pale);max-width:none}.game-close p{max-width:48ch;margin-inline:auto}
.document{max-width:960px;padding-top:55px;padding-bottom:85px;min-height:65vh}.document h1{font-size:clamp(42px,5vw,64px);margin-bottom:25px}.document h2{font-size:29px;margin:42px 0 14px}.document p,.document ul{max-width:68ch}.document li{margin:10px 0}.document .button{margin-block:15px}.document-links{margin-block:40px}.document-links>a{display:block;position:relative;padding:22px 60px 24px 25px;background:var(--pale);border-radius:14px;margin:18px 0;text-decoration:none}.document-links h2{margin:0 0 8px;font-size:27px}.document-links p{margin:0;color:var(--muted);font-size:16px}.document-links svg{position:absolute;right:24px;top:34px;width:24px;height:24px}.legal-scope{background:var(--pale);padding:25px;border-radius:14px;margin-bottom:45px}.legal-scope p{font-size:16px}.legal-scope nav{display:flex;gap:24px}.legal article+article{margin-top:65px;padding-top:50px;border-top:1px solid #d5e1e9}.legal article h1{font-size:44px}.legal article h2{font-size:25px}.legal .meta{font-size:14px;color:var(--muted)}
.apply-layout{padding-top:55px;padding-bottom:85px;display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:start}.apply-intro{position:sticky;top:130px}.apply-intro h1{font-size:clamp(46px,4.8vw,70px)}.apply-intro>p{max-width:32ch}.apply-intro .plain-link{font-size:17px;overflow-wrap:anywhere}.apply-panel{background:var(--pale);padding:32px;border-radius:16px}.form-announcement{margin:0 0 28px;background:#dceef9;color:#25445c;padding:17px 20px;border-radius:12px;font-size:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}form label{display:block;margin:0 0 22px;font-size:16px;font-weight:500}form input:not([type=checkbox]):not([type=file]),form select,form textarea{display:block;width:100%;background:#fff;border:1px solid #9eb2c3;border-radius:9px;color:var(--ink);padding:13px 14px;min-height:50px;margin-top:8px;font-size:16px;font-weight:400}form input::placeholder,form textarea::placeholder{color:#637589;opacity:1}form textarea{resize:vertical;min-height:140px}form input[aria-invalid=true],form textarea[aria-invalid=true],form select[aria-invalid=true]{border-color:#a52c43;border-width:2px}.optional{font-size:13px;font-weight:400;color:var(--muted)}.file-field{position:relative;background:#fff;padding:24px 20px 10px;border:1px dashed #829bb1;border-radius:12px;margin:4px 0 25px}.upload-label{cursor:pointer;text-align:center;margin:0}.upload-label svg{width:27px;height:27px;display:block;margin:0 auto 9px}.upload-label strong{font-weight:500;display:block}.upload-label span{font-size:13px;color:var(--muted);display:block;font-weight:400;margin-top:4px}.file-field input[type=file]{display:block;width:100%;font-size:13px;margin-top:17px;color:var(--muted)}.file-field input::file-selector-button{border:0;background:#dceef9;color:var(--ink);padding:8px 10px;border-radius:6px;margin-right:10px;cursor:pointer;font:inherit}.file-field>p{font-size:13px;margin:10px 0;color:var(--muted);overflow-wrap:anywhere}.checkbox-label{display:flex;gap:12px;align-items:start;font-size:14px;font-weight:400}.checkbox-label input{width:19px;height:19px;flex:none;accent-color:var(--burgundy);margin-top:3px}.honey{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.form-message{font-size:15px;color:#99243d}.form-message:empty{display:none}.form-message.success{color:#235a37}.form-footnote{font-size:13px;color:var(--muted);margin-bottom:0}.submit{width:100%;margin-top:5px}.form-success{padding:30px}.form-success h2{font-size:40px}
@media(min-width:1600px){.home-hero{min-height:660px}.hero-copy{margin-left:max(0px,calc((100vw - 1536px)/2))}}
@media(max-width:900px){.site-header nav{gap:22px}.site-header .nav-apply{display:none}.home-hero{min-height:625px}.hero-copy h1{font-size:62px}.hero-intro{font-size:26px}.coming-game{padding:28px}.studio{gap:35px}.story-pin{padding-inline:30px;gap:30px}.story-copy h2{font-size:39px}.apply-layout{grid-template-columns:1fr;max-width:800px}.apply-intro{position:static}.apply-intro h1 br{display:none}.apply-intro>p{max-width:50ch}.apply-panel{margin-top:10px}}
@media(max-width:640px){:root{--header-h:78px;--gutter:22px}body{font-size:17px}.brand img{width:114px;height:64px}.site-header{gap:15px;padding-block:5px}.menu-toggle{display:flex;align-items:center;gap:9px;border:0;background:#fff;color:var(--ink);font-size:16px;padding:12px 0}.menu-toggle svg{width:22px;height:22px}.site-header nav{display:none;position:absolute;top:var(--header-h);left:0;right:0;padding:22px;background:#fff;box-shadow:0 16px 25px #1d2e4514;flex-direction:column;align-items:stretch;gap:20px}.site-header nav.is-open{display:flex}.site-header .nav-apply{display:block;text-align:center}.home-hero{min-height:750px;align-items:flex-end}.hero-art{object-position:68% top}.hero-wash{background:linear-gradient(0deg,#fffaef 0%,#fff8e9ed 20%,#fff9edbd 44%,#fff7e700 76%)}.hero-copy{padding:285px 22px 32px;width:100%}.hero-copy h1{font-size:49px;line-height:1.02;max-width:11ch}.hero-intro{font-size:22px;margin:18px 0 26px}.featured-game h2{font-size:33px}.featured-game{gap:12px}.featured-game .button{min-width:218px}.section-heading{align-items:start;flex-direction:column;gap:9px}.section-heading h2{font-size:33px}.section-heading p{font-size:16px}.games{padding-top:37px;padding-bottom:35px}.game-line{gap:14px;flex-wrap:wrap;padding:8px 0 28px}.game-line h3{font-size:28px}.game-line p{font-size:15px;max-width:22ch}.game-line img{width:66px;height:66px}.text-link{width:100%;margin-left:80px;font-size:15px}.coming-game{display:block;padding:26px 24px}.coming-game h3{font-size:38px}.coming-game>p{margin:20px 0 0;font-size:15px}.studio{grid-template-columns:1fr;padding-block:43px 50px;gap:30px}.studio h2{font-size:38px}.studio p{font-size:16px}.invite{padding-block:40px;gap:15px}.invite h2{font-size:37px;max-width:10ch}.invite p{font-size:18px;max-width:22ch}.button-round{width:52px;min-width:52px;height:52px;padding:15px}.site-footer{padding-block:25px;gap:20px}.footer-links{margin-left:0;gap:16px;font-size:14px;width:100%}.footer-links a:last-child{width:100%}.site-footer small{font-size:12px}.game-intro{padding-top:23px}.back-link{font-size:14px;margin-bottom:20px}.game-intro-grid{grid-template-columns:1fr;gap:25px;min-height:0}.game-intro h1{font-size:52px;max-width:11ch}.game-intro p{font-size:17px}.game-intro .lead{font-size:24px}.intro-character{grid-row:1;height:240px;width:220px;justify-self:center;margin:10px 0 15px}.intro-character img{height:115%}.game-intro-grid>div:first-child{grid-row:2}.story-toolbar{min-height:57px;padding:10px 14px;gap:8px;font-size:12px}.story-toolbar>span{display:none}.story-toolbar nav{gap:17px}.quiet-button{font-size:11px;padding:8px 10px}.ability-story{height:215vh;min-height:1450px}.story-pin{top:calc(var(--header-h) + 57px);height:calc(100svh - var(--header-h) - 57px);min-height:460px;padding:12px 22px;grid-template-columns:1fr;gap:14px;align-content:center}.scene-frame{grid-row:1;height:min(45svh,390px);max-height:390px}.story-copy{grid-row:2}.hero-name{font-size:13px;margin:0 0 5px}.story-copy h2{font-size:29px;max-width:none;line-height:1.04}.story-copy>p{font-size:14px;margin:8px 0;max-width:40ch}.phase-readout{margin-top:10px;min-height:52px}.phase-readout strong{font-size:16px}.phase-readout p{font-size:12px;margin:2px 0;min-height:2.5em}.scrubber-label{font-size:12px}.scene-range{height:23px;width:100%;margin:0}.scene-note{display:none}.heroes{padding-block:45px}.hero-picker{gap:5px;justify-content:space-between;overflow-x:auto;margin:25px 0 12px;padding:5px 2px 10px}.hero-choice{min-width:62px;padding:8px 5px;border-radius:11px}.hero-choice img{width:52px;height:52px}.hero-choice span{font-size:11px;margin-top:8px}.hero-spotlight{grid-template-columns:.8fr 1fr;gap:20px;min-height:240px}.hero-spotlight>img{height:220px}.hero-spotlight h3{font-size:30px}.hero-spotlight p{font-size:16px}.game-close{padding-block:40px 50px}.game-close h2{font-size:40px}.document{padding-top:30px;padding-bottom:50px}.document h1{font-size:44px}.document h2{font-size:26px}.document .lead{font-size:23px}.legal article h1{font-size:35px}.legal article h2{font-size:23px}.apply-layout{padding-top:28px;padding-bottom:40px;gap:24px}.apply-intro h1{font-size:49px}.apply-panel{padding:22px 18px}.form-grid{grid-template-columns:1fr;gap:0}.form-announcement{padding:14px;font-size:14px}.apply-intro>p{font-size:17px}.form-footnote{font-size:12px}}
@media(max-height:720px) and (min-width:641px){.story-pin{min-height:410px}.scene-frame{height:calc(100svh - var(--header-h) - 105px)}.story-copy h2{font-size:34px}.phase-readout{margin-top:15px;min-height:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}


@media(max-height:750px) and (max-width:640px){.scene-frame{height:min(32svh,260px)}.story-pin{gap:10px}.story-copy h2{font-size:26px}.phase-readout{min-height:45px}.phase-readout p{min-height:0}}
.apply-layout>*{min-width:0}.form-grid>*{min-width:0}

.game-close{padding-left:var(--gutter);padding-right:var(--gutter)}
@media(max-height:600px){.story-toolbar{position:static}.ability-story{height:auto;min-height:0}.story-pin{position:relative;top:auto;height:auto;min-height:0;align-content:start;padding-block:28px}.story-copy,.scene-frame{grid-row:auto}.scene-frame{height:min(55svh,290px);max-height:290px}.phase-readout{min-height:0}}

/* The collaboration control fills like ink, then settles back into the sky. */
.site-header .nav-apply.has-liquid{position:relative;isolation:isolate;overflow:hidden;transition:color .18s ease .09s}
.nav-label{position:relative;z-index:1}
.nav-liquid{position:absolute;inset:-1px;z-index:0;pointer-events:none;transform:translate3d(0,calc(100% + 28px),0);transition:transform .48s cubic-bezier(.16,1,.3,1)}
.nav-liquid::before{content:"";position:absolute;left:-40%;top:-18px;width:180%;height:400%;border-radius:44% 46% 43% 47%;background:var(--ink);animation:nav-ink-sway 2.6s ease-in-out infinite;animation-play-state:paused;transform-origin:50% 50%}
.site-header .nav-apply.has-liquid:is(.is-liquid,:focus-visible){color:var(--pale)}
.nav-apply:is(.is-liquid,:focus-visible) .nav-liquid{transform:translate3d(0,0,0)}
.nav-apply:is(.is-liquid,:focus-visible) .nav-liquid::before{animation-play-state:var(--nav-wave-play-state,running)}
.site-header .nav-apply.has-liquid:active{background:var(--ink);color:var(--pale);transition:none}
.nav-apply:active .nav-liquid{transform:translate3d(0,0,0);transition:none}
@keyframes nav-ink-sway{0%,100%{transform:translate3d(-2%,0,0) rotate(-4deg)}50%{transform:translate3d(2%,1px,0) rotate(4deg)}}
@media(hover:hover) and (pointer:fine){
 .site-header .nav-apply.has-liquid:hover{color:var(--pale)}
 .nav-apply:hover .nav-liquid{transform:translate3d(0,0,0)}
 .nav-apply:hover .nav-liquid::before{animation-play-state:var(--nav-wave-play-state,running)}
}
@media(prefers-reduced-motion:reduce){.nav-liquid::before{animation:none}.nav-liquid{transition:none}.site-header .nav-apply.has-liquid{transition:none}}
