:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f7ff;font-synthesis:none;--ink:#f5f7ff;--muted:#9aa8c6;--subtle:#647393;--panel:#0f1631c7;--panel-solid:#0f1631;--line:#8faee62e;--cyan:#35d9f4;--violet:#a16cff;--coral:#ff6884;--gold:#ffbe4d;--shadow:0 24px 80px #0000006b;background:#070914;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#070914;min-width:320px;min-height:100%}body{background:radial-gradient(circle at 70% -10%,#17234a 0,#070914 44rem);min-width:320px;min-height:100%;margin:0;overflow-x:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}.app-shell{isolation:isolate;min-height:100svh;position:relative}.app-shell:before{content:"";z-index:-2;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.site-header{z-index:20;justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);height:84px;margin:0 auto;transition:opacity .2s;display:flex;position:relative}.site-header.is-hidden{display:none}.wordmark{letter-spacing:-.03em;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:8px 0;font-weight:850;display:inline-flex}.wordmark__mark{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:2px;width:30px;height:30px;display:grid;transform:rotate(-5deg)}.wordmark__mark i{border-radius:4px;display:block;box-shadow:inset 0 1px #ffffff80,0 0 10px}.wordmark__mark i:first-child{color:var(--gold);background:currentColor;grid-column:2}.wordmark__mark i:nth-child(2){color:var(--cyan);background:currentColor}.wordmark__mark i:nth-child(3){color:var(--violet);background:currentColor}.wordmark__mark i:nth-child(4){color:var(--coral);background:currentColor}.site-nav{align-items:center;gap:8px;display:flex}.site-nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 14px;font-size:.9rem;font-weight:650}.site-nav button:hover{color:var(--ink);background:#ffffff0f}.screen{display:none}.screen.is-active{animation:.42s cubic-bezier(.2,.8,.2,1) both screen-in;display:block}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}}.screen--home{width:min(1180px,100% - 40px);margin:0 auto;padding-bottom:64px}.hero{border:1px solid var(--line);min-height:min(760px,100svh - 108px);box-shadow:var(--shadow);background:#090d1e;border-radius:34px;align-items:center;display:grid;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#050712c7 0%,#060917ad 34%,#0709141f 70%),linear-gradient(#0000 50%,#050710b3);position:absolute;inset:0}.hero__art{background:url(./drop-a-block-hero-title-v2-DrdfNvT-.webp) 0/cover no-repeat;position:absolute;inset:0;transform:scale(1.015)}.hero__content{z-index:2;width:min(620px,65%);padding:clamp(40px,7vw,88px);position:relative}.eyebrow{color:var(--cyan);letter-spacing:.17em;text-transform:uppercase;margin:0 0 14px;font-size:.72rem;font-weight:850;line-height:1.3}.status-dot{background:#64ec8d;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 14px #64ec8d}.hero h1,.content-hero h1{letter-spacing:-.065em;text-wrap:balance;max-width:720px;margin:0;font-size:clamp(3rem,6.2vw,5.8rem);font-weight:950;line-height:.9}.hero h1 span{color:#0000;background:linear-gradient(90deg, var(--cyan), #a778ff 54%, var(--coral));-webkit-background-clip:text;background-clip:text}.hero__lead{color:#bcc7de;max-width:580px;margin:28px 0 0;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.65}.hero__actions,.content-actions,.modal-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.button{cursor:pointer;letter-spacing:-.01em;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:22px;min-height:50px;padding:0 21px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--primary{color:#06101c;background:linear-gradient(135deg, var(--cyan), #73e9ff);box-shadow:0 10px 32px #35d9f438}.button--ghost{border-color:var(--line);color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c1229a6}.button--small{background:#ffffff14;border-color:#ffffff1a;width:fit-content;min-height:42px;padding:0 16px;font-size:.82rem}.hero__stats{gap:clamp(18px,4vw,38px);margin-top:44px;display:flex}.hero__stats div{gap:3px;display:grid}.hero__stats strong{font-size:1.15rem}.hero__stats span{color:var(--subtle);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.daily-feature{border:1px solid color-mix(in srgb, var(--gold) 28%, var(--line));background:linear-gradient(110deg,#23173ef0,#0c1631f0);border-radius:26px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(20px,4vw,42px);margin-top:22px;padding:clamp(22px,4vw,38px);display:grid;position:relative;overflow:hidden;box-shadow:0 18px 60px #00000038}.daily-feature:after{content:"";background:var(--gold);filter:blur(70px);opacity:.13;pointer-events:none;border-radius:50%;width:240px;height:240px;position:absolute;top:-130px;right:-90px}.daily-feature__mark{aspect-ratio:1;width:72px;color:var(--gold);background:#ffbe4d14;border:1px solid #ffbe4d66;border-radius:22px;place-items:center;font-size:2.2rem;display:grid;box-shadow:inset 0 1px #ffffff1f,0 0 28px #ffbe4d1f}.daily-feature h2{letter-spacing:-.05em;margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:.95}.daily-feature p:not(.eyebrow){max-width:640px;color:var(--muted);margin:10px 0 0;line-height:1.55}.daily-feature__action{z-index:1;justify-items:end;gap:12px;display:grid;position:relative}.daily-feature__action>span{color:var(--subtle);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem}.daily-feature__action strong{color:var(--ink)}.medal-cabinet{padding:70px 0 8px}.medal-cabinet__heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.medal-cabinet__heading h2{letter-spacing:-.05em;margin:0;font-size:clamp(1.9rem,4vw,3.2rem);line-height:1}.medal-cabinet__heading>span{color:var(--subtle);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem}.medal-cabinet__heading>span strong{color:var(--gold)}.medal-cabinet__grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.medal-cabinet article{border:1px solid var(--line);background:linear-gradient(145deg,#141d3cd6,#090e1fdb);border-radius:17px;align-content:space-between;gap:20px;min-height:140px;padding:16px;display:grid}.medal-cabinet article>b{width:36px;height:36px;color:var(--gold);background:#ffbe4d17;border-radius:50%;place-items:center;display:grid}.medal-cabinet article>span{gap:5px;display:grid}.medal-cabinet article strong{font-size:.78rem}.medal-cabinet article small{color:var(--subtle);font-size:.62rem;line-height:1.35}.medal-cabinet article.is-locked{opacity:.42;filter:saturate(.2)}.medal-cabinet article.is-unlocked{border-color:#ffbe4d47;box-shadow:inset 0 1px #ffffff0d,0 8px 24px #ffbe4d0a}.modes-section{padding:110px 0 72px;scroll-margin-top:20px}.section-heading{grid-template-columns:minmax(0,1.25fr) minmax(240px,.6fr);align-items:end;gap:40px;margin-bottom:40px;display:grid}.section-heading h2,.feature-banner h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.1rem,4vw,4.1rem);line-height:1}.section-heading>p{color:var(--muted);margin:0;line-height:1.65}.mode-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.mode-card{border:1px solid var(--line);background:linear-gradient(145deg,#151f41eb,#0a0e1feb);border-radius:24px;flex-direction:column;min-height:360px;padding:28px;display:flex;position:relative;overflow:hidden}.mode-card:after{content:"";background:var(--mode-glow,var(--cyan));filter:blur(54px);opacity:.25;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-70px;right:-60px}.mode-card--2{--mode-glow:var(--violet)}.mode-card--3{--mode-glow:var(--coral)}.mode-card--4{--mode-glow:var(--gold)}.mode-card__number{color:#ffffff29;letter-spacing:-.08em;margin-bottom:auto;font-size:3.8rem;font-weight:950;line-height:1}.mode-card h3{letter-spacing:-.04em;margin:0 0 10px;font-size:1.5rem}.mode-card p:not(.eyebrow){min-height:76px;color:var(--muted);margin:0 0 22px;font-size:.9rem;line-height:1.55}.mode-card .button{z-index:1;position:relative}.feature-banner{border:1px solid var(--line);min-height:300px;box-shadow:var(--shadow);background:linear-gradient(90deg,#050814b8,#080c1c61),url(./drop-a-block-banner-title-v2-CswK39_n.webp) top/cover no-repeat;border-radius:28px;grid-template-columns:1.3fr .7fr;align-items:end;gap:40px;padding:clamp(30px,5vw,64px);display:grid;position:relative;overflow:hidden}.feature-banner>*{z-index:1;position:relative}.feature-banner>p{color:#c4cce0;margin:0;line-height:1.7}.screen--game{--pace-accent:var(--cyan);--pace-progress:4%;min-height:100svh;padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--pace-accent) 8%, transparent), transparent 42rem);transition:background .45s;position:relative;overflow:hidden}.screen--game[data-speed-tier=moving]{--pace-accent:#6ee8ff}.screen--game[data-speed-tier=swift]{--pace-accent:var(--violet)}.screen--game[data-speed-tier=blazing]{--pace-accent:var(--coral)}.screen--game[data-speed-tier=maximum]{--pace-accent:var(--gold)}.screen--game[data-speed-tier=steady]{--pace-accent:#75d9bd}.game-topbar{text-align:center;grid-template-columns:44px 1fr 44px;align-items:center;width:min(860px,100%);min-height:54px;margin:0 auto 8px;display:grid}.game-topbar__status{justify-items:center;gap:1px;display:grid}.game-topbar__status>span:first-child{color:var(--pace-accent);text-transform:uppercase;letter-spacing:.16em;font-size:.6rem;font-weight:800;transition:color .35s}.game-topbar strong{font-size:.98rem}.pace-signal{width:92px;color:var(--subtle);grid-template-columns:1fr auto;align-items:center;gap:7px;display:grid}.pace-signal i{background:#ffffff17;border-radius:999px;height:3px;position:relative;overflow:hidden}.pace-signal i:after{content:"";width:var(--pace-progress);border-radius:inherit;background:var(--pace-accent);height:100%;box-shadow:0 0 10px var(--pace-accent);transition:width .35s,background .35s;position:absolute;inset:0 auto 0 0}.pace-signal small{color:var(--pace-accent);letter-spacing:.1em;text-transform:uppercase;font-size:.47rem;font-weight:850;line-height:1}.icon-button{border:1px solid var(--line);cursor:pointer;background:linear-gradient(145deg,#1b274eeb,#0c1228eb);border-radius:13px;width:42px;height:42px;font-weight:900;transition:transform .18s,border-color .25s;box-shadow:inset 0 1px #ffffff14,0 8px 24px #0003}.icon-button:hover{border-color:color-mix(in srgb, var(--pace-accent) 45%, var(--line));transform:translateY(-2px)}.play-layout{grid-template-columns:172px minmax(280px,420px) 172px;justify-content:center;align-items:center;gap:18px;min-height:0;display:grid}.canvas-frame{border:1px solid color-mix(in srgb, var(--pace-accent) 32%, transparent);width:100%;height:min(840px,100svh - 82px);min-height:470px;max-height:840px;box-shadow:0 26px 80px #00000085, 0 0 0 6px color-mix(in srgb, var(--pace-accent) 3%, transparent), 0 0 46px color-mix(in srgb, var(--pace-accent) 7%, transparent);background:#070914;border-radius:24px;transition:border-color .35s,box-shadow .35s;position:relative;overflow:hidden}.canvas-frame:after{content:"";z-index:2;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#ffffff0b,#0000 7% 91%,#00000038),repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000 1px 4px);position:absolute;inset:0}#game-canvas,#game-canvas canvas{touch-action:none;display:block;width:100%!important;height:100%!important}.game-panel{gap:12px;display:grid}.stat,.piece-panel,.gesture-hint{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#131c3be0,#0a0f22d1);border-radius:17px;padding:15px;box-shadow:inset 0 1px #ffffff09,0 10px 28px #0000001f}.stat{gap:5px;display:grid}.stat>span,.piece-panel>span{color:var(--subtle);text-transform:uppercase;letter-spacing:.15em;font-size:.62rem;font-weight:850}.stat strong{letter-spacing:-.04em;font-size:1.28rem}.stat--score strong{color:var(--cyan);overflow-wrap:anywhere;font-size:1.75rem}.stat-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat--timer strong{color:var(--gold)}.stat--pace{position:relative;overflow:hidden}.stat--pace strong{color:var(--pace-accent);transition:color .35s}.stat--pace small{color:var(--subtle);letter-spacing:.1em;text-transform:uppercase;font-size:.48rem;font-weight:800}.pace-meter{background:#ffffff14;border-radius:99px;height:3px;overflow:hidden}.pace-meter b{width:var(--pace-progress);border-radius:inherit;background:var(--pace-accent);height:100%;box-shadow:0 0 10px var(--pace-accent);transition:width .35s,background .35s;display:block}.piece-panel{gap:13px;display:grid}.mini-piece{background:radial-gradient(circle at 50% 45%,#1f335e75,#0307129e);border:1px solid #7b9ddc14;border-radius:12px;place-items:center;min-height:76px;display:grid;box-shadow:inset 0 10px 28px #3a589714}.mini-piece__grid{aspect-ratio:1;grid-template-columns:repeat(4,1fr);gap:2px;width:64px;display:grid}.mini-piece__grid i{border-radius:3px}.mini-piece__grid i.is-filled{border:1px solid color-mix(in srgb, var(--piece-color) 72%, white);background:linear-gradient(155deg, color-mix(in srgb, var(--piece-color) 68%, white), var(--piece-color) 44%, color-mix(in srgb, var(--piece-color) 74%, black));box-shadow:inset 0 2px #ffffff61, 0 0 11px color-mix(in srgb, var(--piece-color) 62%, transparent)}[data-block-shape=classic] .mini-piece__grid i{border-radius:0}.next-stack{gap:8px;display:grid}.next-stack .mini-piece{min-height:88px}.gesture-hint{color:var(--subtle);font-size:.72rem;line-height:1.8}.gesture-hint span{color:var(--ink);font-weight:800}.game-toast{z-index:10;color:#07101e;background:linear-gradient(90deg, var(--pace-accent), #fff, var(--gold));min-width:180px;box-shadow:0 12px 30px #00000059, 0 0 26px color-mix(in srgb, var(--pace-accent) 24%, transparent);letter-spacing:.13em;text-align:center;opacity:0;pointer-events:none;border:1px solid #ffffff47;border-radius:999px;padding:11px 18px;font-size:.72rem;font-weight:950;transition:all .28s cubic-bezier(.2,.8,.2,1);position:absolute;top:14%;left:50%;transform:translate(-50%,-20px)scale(.92)}.game-toast.is-visible{opacity:1;transform:translate(-50%)scale(1)}@keyframes level-surge{0%,to{transform:scale(1)}35%{transform:scale(1.012)}}@keyframes pace-flare{0%,to{opacity:.18}40%{opacity:.8}}.screen--game.is-leveling .canvas-frame{animation:.72s cubic-bezier(.2,.8,.2,1) level-surge}.screen--game.is-leveling .pace-signal i:after,.screen--game.is-leveling .pace-meter b{animation:.72s pace-flare}.touch-controls{width:min(520px,100%);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(6,1fr);gap:8px;margin:10px auto 0;display:none}.touch-controls button{border:1px solid var(--line);min-width:0;min-height:58px;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#233059f5,#0d132af5);border-radius:16px;place-items:center;font-size:1.45rem;font-weight:900;display:grid;box-shadow:inset 0 1px #ffffff1a,0 6px 18px #00000038}.touch-controls button span{color:var(--subtle);letter-spacing:.1em;text-transform:uppercase;font-size:.52rem;display:block}.touch-controls button.is-pressed{border-color:color-mix(in srgb, var(--pace-accent) 55%, var(--line));background:#374e83f2;transform:translateY(3px)scale(.97);box-shadow:inset 0 2px 9px #00000052}.touch-controls__main{transition:color .35s,border-color .35s,transform .12s;border-color:color-mix(in srgb, var(--pace-accent) 55%, transparent)!important;color:var(--pace-accent)!important}.touch-controls__wide{color:var(--gold)!important}[data-handed=left] .touch-controls{direction:rtl}[data-handed=left] .touch-controls button{direction:ltr}.content-screen{width:min(1060px,100% - 40px);margin:0 auto;padding:70px 0 90px}.content-hero{max-width:820px;margin-bottom:46px}.content-hero h1{font-size:clamp(4rem,9vw,7rem)}.content-hero>p:last-child{max-width:640px;color:var(--muted);margin-top:25px;line-height:1.7}.content-hero--roadmap{border:1px solid var(--line);max-width:none;min-height:360px;box-shadow:var(--shadow);background:linear-gradient(90deg,#050712c2,#05071229),url(./drop-a-block-banner-title-v2-CswK39_n.webp) top/cover no-repeat;border-radius:30px;flex-direction:column;justify-content:end;padding:clamp(30px,6vw,70px);display:flex}.content-hero--roadmap h1{font-size:clamp(4rem,10vw,8rem)}.content-hero--roadmap>p:last-child{margin-bottom:0}.settings-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.setting-card{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;min-height:112px;padding:20px;display:flex}.setting-card span{gap:7px;display:grid}.setting-card small{color:var(--muted);line-height:1.4}.setting-card input[type=checkbox]{appearance:none;border:1px solid var(--line);cursor:pointer;background:#080d20;border-radius:999px;flex:none;width:48px;height:26px;transition:all .2s;position:relative}.setting-card input[type=checkbox]:after{content:"";background:#7c89a5;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:4px}.setting-card input[type=checkbox]:checked{border-color:var(--cyan);background:#35d9f438}.setting-card input[type=checkbox]:checked:after{background:var(--cyan);left:24px;box-shadow:0 0 12px #35d9f499}.setting-card--range{grid-template-columns:1fr minmax(120px,.5fr);display:grid}.setting-card input[type=range]{accent-color:var(--cyan);width:100%}.roadmap-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0 64px;display:grid}.roadmap-grid article{border:1px solid var(--line);background:linear-gradient(145deg,#172041e6,#0a0e1fe6);border-radius:22px;min-height:340px;padding:28px}.roadmap-grid h2{letter-spacing:-.035em;margin:22px 0 18px;font-size:1.5rem}.roadmap-grid ul{color:var(--muted);margin:0;padding-left:20px;line-height:1.8}.roadmap-status{border:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.13em;border-radius:999px;padding:7px 10px;font-size:.65rem;font-weight:850;display:inline-flex}.roadmap-status--now{color:#07131a;background:var(--cyan);border-color:#0000}.feature-banner--roadmap{min-height:260px}.modal-layer{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#03050dc2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{width:min(440px,100%);box-shadow:var(--shadow);text-align:center;background:linear-gradient(145deg,#151e3e,#0b1025);border:1px solid #9cb9ea3d;border-radius:28px;padding:clamp(28px,6vw,48px)}.modal-card h2{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,7vw,3.4rem);line-height:.95}.modal-card>p:not(.eyebrow){color:var(--muted)}.modal-actions{justify-content:center}.modal-actions .button{width:100%}.text-button{color:var(--muted);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:10px;text-decoration:underline}.result-score{gap:4px;margin:30px 0 18px;display:grid}.result-score span,.result-grid span{color:var(--subtle);text-transform:uppercase;letter-spacing:.13em;font-size:.65rem}.result-score strong{color:var(--cyan);letter-spacing:-.06em;font-size:3rem;line-height:1}.result-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.result-grid div{border:1px solid var(--line);background:#03071257;border-radius:14px;gap:4px;padding:13px 8px;display:grid}.medal-unlocks{gap:8px;margin:16px 0 0;display:grid}.medal-unlocks>div{color:var(--gold);text-align:left;background:#ffbe4d12;border:1px solid #ffbe4d4d;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.medal-unlocks b{background:#ffbe4d1f;border-radius:50%;place-items:center;width:34px;height:34px;font-size:1.25rem;display:grid}.medal-unlocks span{gap:2px;display:grid}.medal-unlocks small{color:var(--subtle);letter-spacing:.12em;text-transform:uppercase;font-size:.56rem}.medal-unlocks strong{color:var(--ink)}.share-status{min-height:18px;color:var(--muted);margin:12px 0 -12px;font-size:.75rem}.onboarding-card{text-align:left}.onboarding-card>.button{width:100%;margin-top:24px}.onboarding-steps{gap:10px;margin-top:26px;display:grid}.onboarding-steps>div{border:1px solid var(--line);background:#0307124d;border-radius:14px;grid-template-columns:34px 1fr;align-items:center;gap:12px;padding:13px;display:grid}.onboarding-steps b{color:#06101c;background:var(--cyan);border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.onboarding-steps span{gap:3px;display:grid}.onboarding-steps small{color:var(--muted);line-height:1.35}[data-contrast=high]{--muted:#d5def2;--subtle:#bac7e1;--line:#dae6ff75}[data-motion=reduced] *,[data-motion=reduced] :before,[data-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}@media (width<=1000px){.mode-grid{grid-template-columns:1fr 1fr}.medal-cabinet__grid{grid-template-columns:repeat(4,1fr)}.play-layout{grid-template-columns:128px minmax(280px,420px) 128px;gap:10px}.stat,.piece-panel,.gesture-hint{padding:11px}.mini-piece__grid{width:52px}}@media (width<=760px),(pointer:coarse){.site-header{width:min(100% - 24px,1180px);height:68px}.site-nav{gap:0}.site-nav button{padding:9px;font-size:.78rem}.screen--home{width:min(100% - 20px,1180px)}.hero{border-radius:24px;align-items:end;min-height:calc(100svh - 80px)}.hero:after{background:linear-gradient(#0507121f,#050712c7 36%,#04060ffc 86%)}.hero__art{background-position:67%}.hero__content{width:100%;padding:34px 24px}.hero h1{font-size:clamp(2.75rem,13vw,4.7rem)}.hero__lead{margin-top:18px;font-size:.96rem;line-height:1.55}.hero__actions{margin-top:24px}.hero__actions .button{flex:1;padding-inline:16px}.hero__stats{gap:20px;margin-top:26px}.hero__stats div:nth-child(2){display:none}.modes-section{padding-top:76px}.daily-feature{grid-template-columns:56px 1fr;gap:16px}.daily-feature__mark{border-radius:17px;width:56px;font-size:1.7rem}.daily-feature__action{grid-column:1/-1;grid-template-columns:1fr auto;place-items:center start;width:100%}.medal-cabinet{padding-top:54px}.medal-cabinet__grid{grid-template-columns:repeat(2,1fr)}.medal-cabinet article{min-height:118px}.section-heading,.feature-banner{grid-template-columns:1fr;gap:22px}.section-heading{align-items:start}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:300px}.feature-banner{background-position:68%;min-height:350px}.screen--game{min-height:100svh;display:none;overflow-y:auto}.screen--game.is-active{height:100svh;display:block;overflow:hidden}.game-topbar{margin-bottom:4px}.play-layout{flex-direction:column;gap:8px;display:flex}.canvas-frame{order:2;width:min(100%,420px);height:min(100svh - 220px,680px);min-height:390px}.game-panel--stats{order:1;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:6px;width:min(100%,420px);display:grid}.game-panel--stats .stat{border-radius:12px;min-height:51px;padding:8px 10px}.game-panel--stats .stat-row{display:contents}.game-panel--stats>.stat-row:nth-child(3),.game-panel--stats>.piece-panel{display:none}.stat--score strong{font-size:1.16rem}.stat strong{font-size:1rem}.game-panel--next{display:none}.touch-controls{display:grid}.touch-controls button{border-radius:14px;min-height:54px}.content-screen{width:min(100% - 24px,1060px);padding-top:40px}.content-hero--roadmap{background-position:68%;min-height:430px}.settings-grid,.roadmap-grid{grid-template-columns:1fr}.setting-card{min-height:94px}.roadmap-grid article{min-height:auto}}@media (width<=430px){.wordmark>span:last-child{font-size:.9rem}.site-nav button:first-child{display:none}.hero__stats strong{font-size:1rem}.hero__stats span{font-size:.61rem}.canvas-frame{height:min(100svh - 214px,630px)}.touch-controls{gap:5px}.touch-controls button{border-radius:12px;min-height:50px;font-size:1.22rem}.touch-controls button span{font-size:.45rem}.settings-grid{gap:8px}.setting-card{padding:16px}.setting-card--range{grid-template-columns:1fr}.daily-feature{border-radius:20px;padding:20px}.daily-feature__action{grid-template-columns:1fr}.daily-feature__action .button{width:100%}.medal-cabinet__heading{flex-direction:column;align-items:start}.medal-cabinet__grid{grid-template-columns:1fr}.medal-cabinet article{grid-template-columns:36px 1fr;align-items:center;min-height:auto}}@media (height<=720px) and (width>=761px){.canvas-frame{height:calc(100svh - 78px)}.game-panel{transform:scale(.9)}}