@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#120d18;--panel:#1c1424;--orange:#ff981f;--muted:#a99daf;--line:#382b3e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:#fff3df;font-family:'DM Sans',sans-serif}button,a,input,select{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bd8aff;outline-offset:5px}.announcement{text-align:center;font-size:10px;letter-spacing:1.5px;padding:11px;background:#211422;color:#cab7c8}.announcement span{margin:0 12px}.live{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;box-shadow:0 0 12px var(--orange)}header{height:96px;max-width:1280px;padding:0 42px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-family:'Space Grotesk';font-size:22px;font-weight:700;letter-spacing:1px}.brand img{width:46px;height:46px;border-radius:50%}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:4px;color:var(--muted)}nav{display:flex;gap:32px;font-size:13px}nav a:hover,.text-link:hover{color:var(--orange)}.quiet{background:transparent;color:#e0d2dc;border:1px solid var(--line);border-radius:7px;padding:10px 16px;font-size:12px}.quiet:hover{border-color:var(--orange)}main>section{max-width:1196px;margin:auto;padding:95px 0}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;position:relative;padding-top:65px;padding-bottom:0}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--orange);font-weight:700}h1,h2,h3{font-family:'Space Grotesk';font-weight:600;letter-spacing:-2px}h1{font-size:clamp(44px,5.4vw,76px);line-height:1.04;margin:26px 0}em{font-style:normal;color:var(--orange)}p{color:var(--muted);font-size:14px;line-height:1.8}h1+p{font-size:16px}.actions{display:flex;align-items:center;gap:24px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--orange);color:#231408;border:0;border-radius:6px;font-size:13px;font-weight:700;padding:17px 23px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 5px 28px #ff971d30}.text-link{font-size:13px}.hero-art{position:relative;max-width:470px;justify-self:end}.hero-art img{width:100%;border-radius:50% 50% 12px 12px;box-shadow:0 0 80px #ff6b001c;animation:float 7s ease-in-out infinite}.art-tag{position:absolute;bottom:20px;left:-20px;background:#24172b;border:1px solid #624026;padding:14px;font-size:8px;letter-spacing:2px;transform:rotate(-4deg)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;color:#887b90;font-size:9px;letter-spacing:1.7px;padding:40px 0 25px;border-bottom:1px solid var(--line)}.banner{max-width:1196px;margin:45px auto 0;border-radius:10px;overflow:hidden;height:260px}.banner img{width:100%;height:100%;object-fit:cover}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}h2{font-size:40px;margin:16px 0;line-height:1.2}h2 span{color:var(--orange)}.section-heading p{font-size:12px;margin:0 0 4px}.game-cards{display:grid;grid-template-columns:1fr 1fr;gap:26px}.game-card{text-align:left;padding:0;overflow:hidden;border:1px solid var(--line);background:var(--panel);border-radius:10px;color:inherit;transition:transform .2s}.game-card:hover{transform:translateY(-5px);border-color:#9b602c}.card-scene{height:235px;background:radial-gradient(ellipse at 70% 15%,#604329,#24182d 60%);position:relative;overflow:hidden}.card-scene img{width:110px;height:110px;object-fit:contain;position:absolute;bottom:-10px;left:calc(50% - 55px);border-radius:50%;border:2px solid #ff981f}.scene-moon{position:absolute;right:45px;top:27px;width:80px;height:80px;background:#ffc16e;border-radius:50%;box-shadow:0 0 70px #ff981f35}.scene-label{position:absolute;top:22px;left:22px;font-size:9px;letter-spacing:2px}.candy{position:absolute;font-size:35px;animation:float 3s infinite}.c1{left:23%;top:35%}.c2{left:55%;top:17%;animation-delay:1s}.flap-scene{background:radial-gradient(ellipse at top,#4d315f,#20152d)}.flap-scene img{left:30%;bottom:70px;width:72px;height:72px;transform:rotate(-12deg)}.gate{position:absolute;right:22%;width:55px;background:linear-gradient(90deg,#743a14,#e28a29,#8c4518);border:2px solid #e6a252;border-radius:6px}.g1{top:0;height:65px}.g2{bottom:0;height:60px}.card-info{padding:23px;display:flex;align-items:center;justify-content:space-between}h3{font-size:23px;letter-spacing:-.8px;margin:0}.card-info p{margin:6px 0 0;font-size:12px}.round-arrow{border:1px solid #5d3a29;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;color:var(--orange)}.card-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:15px 23px;font-size:8px;letter-spacing:1.5px;color:#a99daf}.card-foot b{color:var(--orange)}#studio{border-top:1px solid var(--line)}.studio{display:grid;grid-template-columns:1fr 1fr;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.preview-wrap{padding:40px;background:radial-gradient(ellipse,#3f2945,#1d1526)}#pfp{width:100%;height:auto;display:block;border-radius:12px;touch-action:none;cursor:grab}.preview-wrap>span{display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:20px}.studio-tools{padding:45px}.studio-tools h3{font-size:33px;line-height:1.15;margin-top:18px}.studio-tools p{font-size:12px}.upload{margin-top:12px;cursor:pointer}.range-label{display:flex;justify-content:space-between;font-size:11px;margin:22px 0 12px}input[type=range]{width:100%;accent-color:var(--orange)}select{width:100%;background:#130e1b;color:#e3d4df;padding:11px;border:1px solid var(--line);border-radius:5px}.hint{font-size:10px!important;line-height:1.8}.story{display:flex;align-items:center;gap:100px;border-top:1px solid var(--line)}.story>div{flex:1}.story img{width:260px;border-radius:50%;transform:rotate(5deg)}.story h2{font-size:34px}.story p{max-width:550px}.community{text-align:center;border-top:1px solid var(--line);padding:80px 20px!important}.community h2{font-size:44px}footer{max-width:1196px;margin:auto;border-top:1px solid var(--line);padding:35px 0;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}footer .brand{color:#fff3df;font-size:18px}dialog{width:min(900px,95vw);padding:20px;background:#1c1424;border:1px solid #604126;border-radius:12px;color:#fff3df;max-height:95vh}dialog::backdrop{background:#09050cdd;backdrop-filter:blur(8px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-family:'Space Grotesk';font-size:22px}.game-layout{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:28px;justify-content:center}.game-stage{position:relative}#game{display:block;width:100%;height:auto;border-radius:8px;touch-action:none}#game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#160c25d9;padding:25px;border-radius:8px}#game-overlay h2{font-size:30px}#game-overlay p{font-size:13px}.game-layout aside{padding:25px 8px}.game-layout aside p{font-size:12px}#records{padding-left:25px;font-size:14px;line-height:2.6;color:#d9c9e2}#hud{border-top:1px solid var(--line);padding:20px 0;color:var(--orange);font-size:13px}#pause{margin-bottom:15px}@keyframes float{50%{translate:0 -9px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@media(max-width:1250px){main>section,.banner,footer{margin-left:35px;margin-right:35px}}@media(max-width:760px){header{padding:0 20px;height:85px}.brand{font-size:17px}.brand small{font-size:6px}nav{gap:15px;font-size:11px}nav a:last-child{display:none}header>.quiet{display:none}main>section,.banner,footer{margin-left:20px;margin-right:20px}main>section{padding:60px 0}.hero{grid-template-columns:1fr;padding-top:45px}.hero-art{width:80%;justify-self:center;margin-top:20px}h1{font-size:54px}.hero-bottom span:last-child{display:none}.hero-bottom{font-size:7px}.banner{height:auto;margin-top:30px}.banner img{display:block}.section-heading{display:block}.section-heading p{margin-top:15px}h2{font-size:32px}.game-cards,.studio{grid-template-columns:1fr}.card-scene{height:210px}.preview-wrap{padding:25px}.studio-tools{padding:30px}.story{gap:30px;flex-direction:column}.story img{width:200px}.community h2{font-size:32px}footer{flex-wrap:wrap;gap:20px}.game-layout{grid-template-columns:1fr}.game-layout aside{padding:5px}.game-stage{max-width:370px;margin:auto;width:100%}dialog{padding:14px}.game-layout aside>p,.game-layout aside>.hint{display:none}#records{line-height:1.8}.modal-head{font-size:17px}.actions{gap:16px}.button{padding:15px 18px}}

#score-form{border-top:1px solid var(--line);padding:18px 0}#score-form[hidden]{display:none}#score-form label{display:block;font-size:12px;margin-bottom:8px}#player-name{width:100%;background:#130e1b;color:#fff3df;border:1px solid var(--line);border-radius:5px;padding:12px;font:inherit}#score-form .button{font-size:12px;padding:12px 15px}button:disabled{opacity:.5;cursor:wait}#records li{padding-left:3px}#records li span{display:inline-block;max-width:145px;overflow-wrap:anywhere;margin-right:12px}#records li strong{font-size:12px;color:var(--orange);white-space:nowrap}#leaderboard-status{min-height:20px}#score-status{color:var(--orange)}