:root{--ink:#18203b;--muted:#68708d;--cream:#fffaf0;--purple:#7048e8;--purple2:#9673f0;--yellow:#ffd85c;--mint:#adf0d8;--coral:#ff8b72;--sky:#9edcff;--line:#e7e1f6;--white:#fff;--shadow:0 18px 50px rgba(58,42,102,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:ui-rounded,"SF Pro Rounded","Avenir Next",system-ui,-apple-system,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fffdf8 0,#f9f7ff 54%,#f5fbff 100%);min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}.eyebrow{font-size:.72rem;font-weight:900;letter-spacing:.16em;color:#7559ca;margin:0 0 .6rem}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid rgba(112,72,232,.1);background:rgba(255,255,255,.78);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:43px;height:43px;border-radius:15px;background:linear-gradient(145deg,var(--purple),#9c7bf4);display:grid;place-items:center;color:#fff;font-weight:950;letter-spacing:-.04em;box-shadow:0 8px 20px rgba(112,72,232,.24)}.brand strong{display:block;font-size:1.03rem}.brand small{display:block;font-size:.58rem;letter-spacing:.25em;color:#7e7498;margin-top:1px}.header-actions{display:flex;align-items:center;gap:16px;font-size:.82rem;font-weight:800}.dev-pill{padding:8px 12px;background:#f0ebff;color:#6644c5;border-radius:999px}.logout{color:#7a718f}.hub{width:min(1180px,calc(100% - 40px));margin:auto}.hero{min-height:440px;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;padding:58px 0 40px}.hero h1{font-size:clamp(3.1rem,7vw,6.4rem);line-height:.88;letter-spacing:-.065em;margin:0 0 28px}.hero h1 em{font-style:normal;color:var(--purple)}.lead{font-size:clamp(1.05rem,1.8vw,1.28rem);line-height:1.65;color:var(--muted);max-width:650px}.hero-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.hero-chips span{padding:9px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.78rem;font-weight:800;color:#635e76}.hero-orbit{width:min(370px,80vw);aspect-ratio:1;position:relative;margin:auto;border:2px dashed #d7cdf5;border-radius:50%;animation:float 6s ease-in-out infinite}.orbit-center{position:absolute;inset:30%;border-radius:38%;background:linear-gradient(145deg,#6f48e8,#a17cf5);display:grid;place-items:center;color:#fff;font-size:1.6rem;font-weight:950;box-shadow:0 25px 50px rgba(112,72,232,.27);transform:rotate(-5deg)}.orbit-card{position:absolute;width:76px;height:76px;border-radius:24px;display:grid;place-items:center;font-weight:950;font-size:1.5rem;box-shadow:var(--shadow);border:3px solid #fff}.o1{left:-4%;top:18%;background:var(--yellow);transform:rotate(-12deg)}.o2{right:-5%;top:25%;background:var(--mint);transform:rotate(8deg)}.o3{right:14%;bottom:-3%;background:var(--coral);color:#fff;transform:rotate(-7deg)}.o4{left:12%;bottom:1%;background:var(--sky);transform:rotate(11deg)}@keyframes float{50%{transform:translateY(-10px) rotate(1deg)}}.launch-progress{background:#211a3d;color:#fff;border-radius:28px;padding:24px 28px;display:grid;grid-template-columns:1fr minmax(180px,360px);gap:30px;align-items:center;box-shadow:var(--shadow)}.progress-kicker{display:block;color:#c1b1f6;font-size:.66rem;font-weight:950;letter-spacing:.16em;margin-bottom:4px}.launch-progress strong{font-size:1.15rem}.launch-progress p{margin:5px 0 0;color:#bbb4cf;font-size:.88rem}.meter{height:11px;background:#393052;border-radius:999px;overflow:hidden}.meter span{display:block;height:100%;background:linear-gradient(90deg,var(--yellow),var(--mint));border-radius:inherit;min-width:8px}.continue-row{display:flex;align-items:center;justify-content:space-between;padding:52px 2px 24px;border-bottom:1px solid var(--line)}.continue-row h2{margin:0;font-size:1.65rem}.continue-row p:last-child{margin:6px 0 0;color:var(--muted)}.profile-chip{border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px 15px;font-weight:800;color:#62577f;cursor:pointer}.library{padding:48px 0 74px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-heading h2{font-size:2.35rem;margin:0;letter-spacing:-.04em}.count-badge{font-size:.78rem;font-weight:900;color:#70678a;background:#eee9fa;padding:9px 12px;border-radius:999px}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.game-card,.future-card{background:#fff;border:1px solid #ebe6f7;border-radius:30px;overflow:hidden;box-shadow:0 10px 30px rgba(49,39,84,.07);transition:.22s ease}.game-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(49,39,84,.13)}.thumb-wrap{position:relative;aspect-ratio:1.6;overflow:hidden;background:#ede7fc}.thumb-wrap img{width:100%;height:100%;object-fit:cover;display:block}.age-badge,.install-badge{position:absolute;top:16px;padding:8px 11px;border-radius:999px;font-size:.7rem;font-weight:950;box-shadow:0 5px 15px rgba(38,30,65,.14)}.age-badge{left:16px;background:#fff}.install-badge{right:16px;background:#211a3d;color:#fff}.card-body{padding:22px}.card-title{display:flex;gap:15px;justify-content:space-between;align-items:start}.card-title h3{font-size:1.48rem;margin:0 0 5px;letter-spacing:-.03em}.card-title p{margin:0;color:var(--muted);font-size:.92rem}.round-time{white-space:nowrap;color:#766e8d;background:#f6f3fc;padding:7px 9px;border-radius:10px;font-size:.68rem;font-weight:900}.skills{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.skills span{font-size:.7rem;font-weight:900;padding:7px 9px;background:#f3f8ff;color:#56627e;border-radius:9px}.play-btn{width:100%;height:48px;border:0;border-radius:15px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-weight:950;cursor:pointer}.play-btn:hover{background:var(--purple)}.play-btn.locked{background:#ddd8e8;color:#7d758d;cursor:not-allowed}.needs-package{opacity:.94}.future-card{min-height:250px;padding:38px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#faf6ff,#eefaff);border-style:dashed}.future-stars{font-size:1.7rem;color:#8a6ee0}.future-card h3{font-size:1.6rem;margin:16px 0 8px}.future-card p{color:var(--muted);line-height:1.6;max-width:450px}.future-card span{font-size:.73rem;font-weight:950;letter-spacing:.08em;color:#795fd0}.grownups{margin-bottom:80px;background:#fff0c9;border-radius:32px;padding:36px;display:grid;grid-template-columns:1fr 1fr;gap:45px}.grownups h2{font-size:2rem;margin:0 0 10px}.grownups p{color:#6b6170;line-height:1.6}.grownup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grownup-grid div{background:rgba(255,255,255,.7);border-radius:18px;padding:18px}.grownup-grid strong{display:block;font-size:1.5rem}.grownup-grid span{font-size:.76rem;color:#736878;font-weight:800}.footer{display:flex;justify-content:space-between;gap:20px;padding:26px clamp(20px,5vw,72px);border-top:1px solid var(--line);color:#756e86;font-size:.75rem}.gate-shell{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 20% 10%,#fff0b6,transparent 28%),radial-gradient(circle at 90% 80%,#c5f1ff,transparent 28%),linear-gradient(135deg,#f9f5ff,#fffdf8)}.gate-card{width:min(900px,100%);background:rgba(255,255,255,.9);border:1px solid #e7def7;border-radius:36px;padding:clamp(28px,5vw,58px);box-shadow:0 30px 80px rgba(49,34,91,.15);position:relative;overflow:hidden}.mini-brand{display:flex;align-items:center;gap:10px;font-weight:950}.logo-dot{width:34px;height:34px;border-radius:12px;background:var(--purple);color:#fff;display:grid;place-items:center}.gate-copy{max-width:570px;margin-top:60px}.gate-copy h1{font-size:clamp(3rem,7vw,5.4rem);line-height:.92;letter-spacing:-.06em;margin:0 0 22px}.gate-copy p:last-child{color:var(--muted);line-height:1.65}.gate-art{position:absolute;right:-45px;top:55px;width:320px;height:300px}.gate-art span{position:absolute;display:grid;place-items:center;border-radius:25px;font-weight:950;box-shadow:var(--shadow)}.gate-art span:nth-child(1){right:50px;top:10px;width:90px;height:90px;background:var(--yellow);font-size:2rem;transform:rotate(12deg)}.gate-art span:nth-child(2){right:150px;top:95px;width:74px;height:74px;background:var(--mint);font-size:1.8rem;transform:rotate(-9deg)}.gate-art span:nth-child(3){right:20px;top:140px;width:80px;height:80px;background:var(--coral);color:#fff;font-size:1.8rem}.gate-art span:nth-child(4){right:125px;top:190px;width:98px;height:64px;background:var(--sky);transform:rotate(7deg)}.gate-art span:nth-child(5){right:-12px;top:245px;width:104px;height:58px;background:#d8cafb;transform:rotate(-6deg)}.gate-form{max-width:620px;margin-top:34px}.gate-form label{display:block;font-weight:900;font-size:.82rem;margin-bottom:8px}.field-row{display:flex;gap:10px}.field-row input{flex:1;min-width:0;border:2px solid #ded6ef;border-radius:14px;padding:13px 15px;outline:none}.field-row input:focus{border-color:var(--purple)}.field-row button{border:0;border-radius:14px;padding:0 20px;background:var(--ink);color:#fff;font-weight:950;cursor:pointer}.error{max-width:620px;background:#fff0ef;color:#9c3f35;border-radius:12px;padding:11px 13px;font-weight:800}.tiny{font-size:.72rem;color:#80798e;line-height:1.5}.launching{min-height:100vh;display:grid;place-items:center}.launching form button{border:0;border-radius:18px;padding:16px 24px;background:var(--purple);color:#fff;font-weight:950}dialog{border:0;border-radius:26px;padding:0;box-shadow:0 30px 90px rgba(32,24,58,.25);width:min(480px,calc(100% - 30px))}dialog::backdrop{background:rgba(26,20,46,.45);backdrop-filter:blur(5px)}dialog form{padding:30px;position:relative}dialog h2{font-size:2rem;margin:0 0 18px}.dialog-x{position:absolute;right:18px;top:14px;border:0;background:#f1edf8;width:36px;height:36px;border-radius:50%;font-size:1.4rem;cursor:pointer}.profile-options{display:grid;gap:9px}.profile-options button{border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px;text-align:left;font-weight:900;display:flex;justify-content:space-between;cursor:pointer}.profile-options button span{color:var(--purple);font-size:.7rem}@media(max-width:800px){.site-header{height:70px}.dev-pill,.parent-link{display:none}.hero{grid-template-columns:1fr;padding-top:42px}.hero-orbit{width:260px}.game-grid,.grownups{grid-template-columns:1fr}.launch-progress{grid-template-columns:1fr}.grownups{gap:18px}.gate-art{opacity:.28;right:-110px}.gate-copy{margin-top:45px}.header-actions{gap:10px}}@media(max-width:520px){.hub{width:min(100% - 24px,1180px)}.hero h1{font-size:3.35rem}.hero{gap:25px}.hero-orbit{width:220px}.orbit-card{width:58px;height:58px;border-radius:18px}.continue-row{align-items:flex-start;gap:14px}.profile-chip{font-size:.72rem}.section-heading h2{font-size:1.9rem}.card-title{display:block}.round-time{display:inline-block;margin-top:10px}.grownup-grid{grid-template-columns:1fr 1fr}.footer{flex-direction:column}.field-row{flex-direction:column}.field-row button{height:48px}.gate-card{border-radius:26px}.gate-copy h1{font-size:3rem}.game-card,.future-card{border-radius:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.thumb-play-hit{position:absolute;left:71.25%;top:68%;width:20%;height:14%;min-width:96px;min-height:44px;z-index:5;border-radius:999px;color:#fff;background:#22b7c6;font-size:1rem;font-weight:950;letter-spacing:.02em;display:grid;place-items:center;text-decoration:none;box-shadow:0 10px 24px rgba(20,82,116,.20);cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.thumb-play-hit:hover{background:#159eae;transform:translateY(-2px);box-shadow:0 14px 28px rgba(20,82,116,.26)}.thumb-play-hit:focus-visible{outline:4px solid #fff;outline-offset:4px;box-shadow:0 0 0 7px #5a3fc0}.thumb-play-hit.locked{background:#ddd8e8;color:#70687f;cursor:not-allowed;pointer-events:none;box-shadow:none}@media(max-width:520px){.thumb-play-hit{left:auto;right:7%;top:auto;bottom:8%;width:96px;height:46px;min-width:96px;min-height:46px;font-size:.88rem}}