:root{--ink:#0b2440;--ink-soft:#4e6274;--cream:#fff8ec;--cream-deep:#f5ead8;--paper:#fffdf7;--pink:#ff4f8b;--pink-dark:#d7336c;--blue:#34a7ff;--purple:#7656ff;--green:#0fbb8a;--yellow:#ffcb3d;--border:#0b244021;--shadow:0 24px 80px #2721161f}*{box-sizing:border-box}html{background:var(--cream);min-width:320px}body{background:var(--cream);color:var(--ink);font-family:var(--font-geist-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible{outline-offset:3px;outline:4px solid #34a7ff59}.app-shell{min-height:100svh;overflow:hidden}.topbar{z-index:50;justify-content:space-between;align-items:center;width:100%;height:76px;padding:0 clamp(20px,4vw,64px);display:flex;position:relative;top:0;left:0}.is-playing .topbar{color:#fff;background:linear-gradient(#041022b3,#0000);position:absolute}.topbar nav{align-items:center;gap:10px;display:flex}.brand{cursor:pointer;letter-spacing:-.03em;background:0 0;border:0;align-items:center;gap:11px;padding:8px;font-size:18px;font-weight:800;display:flex}.motion-logo{place-items:center;width:28px;height:27px;display:grid;position:relative;transform:rotate(-10deg)}.motion-logo span{background:var(--pink);border-radius:50%;width:11px;height:11px;position:absolute}.motion-logo span:first-child{top:2px;left:1px}.motion-logo span:nth-child(2){background:var(--yellow);top:5px;right:1px}.motion-logo span:nth-child(3){background:var(--blue);bottom:1px;left:9px}.sound-button,.topbar-action{border:1px solid var(--border);cursor:pointer;background:#ffffffb3;border-radius:999px;align-items:center;gap:9px;padding:9px 13px;font-size:12px;font-weight:750;display:inline-flex}.is-playing .sound-button{background:#05132980;border-color:#ffffff40}.topbar-action.update{background:var(--yellow)}.home-page{padding:0 clamp(20px,4vw,64px) 80px}.hero{grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);align-items:center;gap:clamp(34px,5vw,82px);max-width:1440px;min-height:610px;margin:26px auto 0;display:grid}.hero-copy{padding-bottom:20px}.eyebrow,.step-label{font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 22px;font-size:11px;font-weight:750;display:flex}.eyebrow>span{background:var(--pink);border-radius:50%;width:8px;height:8px}.hero h1{letter-spacing:-.075em;margin:0;font-size:clamp(58px,6.2vw,102px);font-weight:820;line-height:.88}.hero h1 em{color:var(--pink);font-family:Georgia,serif;font-size:.9em;font-weight:500}.hero-lede{color:var(--ink-soft);max-width:590px;margin:34px 0 30px;font-size:clamp(16px,1.3vw,20px);line-height:1.6}.hero-actions,.result-actions{flex-wrap:wrap;align-items:center;gap:13px;display:flex}.primary-button,.secondary-button{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:28px;min-height:54px;padding:0 24px;font-weight:800;transition:transform .16s,box-shadow .16s;display:inline-flex}.primary-button{background:var(--pink);border:1px solid var(--pink);color:#fff;box-shadow:0 12px 30px #ff4f8b40}.secondary-button{border:1px solid var(--border);background:#ffffff9e}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.primary-button:disabled{cursor:wait;opacity:.65}.privacy-line{color:var(--ink-soft);align-items:center;gap:9px;margin-top:27px;font-size:12px;display:flex}.privacy-dot{color:#087453;background:#d5f4e8;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:900;display:grid}.hero-art{box-shadow:var(--shadow);background-color:#fff3df;background-image:url(/art/home-hero.webp);background-position:50%;background-size:cover;border:9px solid #ffffffb3;border-radius:52% 48% 44% 56%/43% 52% 48% 57%;height:min(59vw,650px);min-height:470px;max-height:650px;position:relative;overflow:hidden;transform:rotate(1.8deg)}.hero-art:before{content:"";background:linear-gradient(#0b244008,#0b24402b);position:absolute;inset:0}.hero-score{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-geist-mono), monospace;z-index:4;background:#ffffffb8;border-radius:999px;align-items:center;gap:9px;padding:8px 14px 8px 8px;font-size:13px;display:flex;position:absolute;top:8%}.hero-score b{background:var(--pink);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.hero-score-one{left:7%}.hero-score-two{right:7%}.hero-score-two b{background:var(--blue)}.game-strip{max-width:1440px;margin:100px auto 0}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.section-heading .eyebrow{margin-bottom:12px}.section-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(36px,4vw,58px)}.text-button{cursor:pointer;background:0 0;border:0;padding:12px;font-size:13px;font-weight:800}.home-game-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.home-game-card{--game-accent:var(--pink);background:var(--paper);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:28px;flex-direction:column;min-height:380px;padding:20px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.home-game-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #0b24401f}.game-number,.card-arrow{font-family:var(--font-geist-mono), monospace;font-size:11px;font-weight:750;position:absolute;top:20px}.game-number{left:20px}.card-arrow{border:1px solid;border-radius:50%;place-items:center;width:38px;height:38px;font-size:18px;display:grid;right:20px}.game-art{background-color:var(--cream-deep);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:48% 52% 43% 57%/53% 42% 58% 47%;width:86%;height:205px;margin:36px auto 22px;transition:transform .24s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #ffffffb8}.home-game-card:hover .game-art{transform:scale(1.025)rotate(-1deg)}.game-card-2{--game-accent:var(--purple)}.game-card-3{--game-accent:var(--green)}.game-card-4{--game-accent:#c17b00}.game-card-5{--game-accent:#e3425c}.game-card-copy{flex-direction:column;display:flex}.game-card-copy small{color:var(--game-accent);font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:750}.game-card-copy strong{letter-spacing:-.045em;margin:8px 0 10px;font-size:27px}.game-card-copy span{color:var(--ink-soft);max-width:310px;font-size:13px;line-height:1.5}.menu-page,.result-page{justify-content:center;align-items:center;min-height:calc(100svh - 76px);padding:30px 20px 80px;display:flex;position:relative}.menu-orbit{border:80px solid #ff4f8b1f;border-radius:50%;width:390px;height:390px;position:absolute;top:15%;left:-170px}.orbit-two{border-color:#34a7ff1f;inset:auto -170px -180px auto}.menu-card,.result-card{border:1px solid var(--border);box-shadow:var(--shadow);z-index:2;background:#fffdf7ed;border-radius:32px;width:100%;max-width:900px;padding:clamp(28px,5vw,58px);position:relative}.back-button{cursor:pointer;background:0 0;border:0;padding:10px;font-size:12px;font-weight:750;position:absolute;top:24px;left:28px}.menu-card>.step-label,.result-card>.step-label{color:var(--pink);justify-content:center;margin:6px 0 13px}.menu-card h1,.result-card h1{letter-spacing:-.06em;text-align:center;margin:0;font-size:clamp(40px,5vw,66px);line-height:.98}.menu-intro,.result-subtitle{color:var(--ink-soft);text-align:center;max-width:610px;margin:18px auto 32px;line-height:1.55}.choice-grid{gap:14px;display:grid}.games-choice-grid{grid-template-columns:repeat(3,1fr)}.two-choice-grid{grid-template-columns:repeat(2,1fr)}.choice-card{border:1px solid var(--border);cursor:pointer;text-align:left;background:#fff;border-radius:22px;flex-direction:column;min-height:205px;padding:22px;transition:border-color .16s,transform .16s;display:flex;position:relative}.choice-card:hover{border-color:var(--pink);transform:translateY(-3px)}.choice-card strong{letter-spacing:-.03em;margin:18px 0 8px;font-size:20px}.choice-card>span:not(.choice-icon):not(.choice-thumb):not(.player-pips):not(.pace-bars):not(.recommended-label){color:var(--ink-soft);font-size:13px;line-height:1.45}.choice-card small{color:var(--ink-soft);text-transform:capitalize;margin-top:auto;padding-top:15px;font-size:10px}.choice-icon{border-radius:16px;place-items:center;width:58px;height:58px;font-size:30px;display:grid}.choice-thumb{background-color:var(--cream-deep);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:17px;width:100%;height:100px;display:block;box-shadow:inset 0 0 0 3px #ffffffb3}.game-choice strong{margin-top:14px}.recommended{border-color:#ff4f8ba6}.recommended-label{background:var(--pink);text-transform:uppercase;border-radius:999px;padding:6px 9px;font-weight:800;position:absolute;top:14px;right:14px;color:#fff!important;font-size:9px!important}.player-pips{gap:8px;height:74px;display:flex}.player-pips i{background:var(--pink);border-radius:50% 50% 44% 44%;width:38px;height:54px;display:block;position:relative}.player-pips i:before{background:var(--ink);content:"";border-radius:50%;width:25px;height:25px;position:absolute;top:-14px;left:6px}.player-pips i:nth-child(2){background:var(--blue)}.pace-bars{align-items:flex-end;gap:7px;height:62px;display:flex}.pace-bars i{background:var(--green);border-radius:5px;width:16px;height:24px}.pace-bars i:nth-child(2){height:38px}.pace-bars i:nth-child(3){background:#d7dedf;height:54px}.pace-bars.challenge i:nth-child(3){background:var(--green)}.safety-list{gap:10px;max-width:650px;margin:0 auto 24px;display:grid}.safety-list>div{border:1px solid var(--border);background:#fff;border-radius:18px;grid-template-columns:42px 1fr;align-items:center;gap:15px;padding:14px;display:grid}.safety-list>div>span{background:var(--cream-deep);font-family:var(--font-geist-mono), monospace;border-radius:50%;place-items:center;width:42px;height:42px;font-size:12px;font-weight:800;display:grid}.safety-list p{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.45}.safety-list strong{color:var(--ink);font-size:14px;display:block}.full-button{width:min(100%,650px);margin:0 auto;display:flex}.permission-note{color:var(--ink-soft);text-align:center;margin:12px 0 0;font-size:10px}.error-message{color:#8f2812;background:#ffe7e2;border:1px solid #ffb9aa;border-radius:14px;max-width:650px;margin:0 auto 16px;padding:12px 15px;font-size:12px}.play-page{background:#07162b;width:100%;height:100svh}.game-stage{background:#07162b;width:100%;height:100%;position:relative;overflow:hidden}.camera-feed,.phaser-layer{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.camera-feed{filter:saturate(.92)contrast(1.05)brightness(.84);transform:scaleX(-1)}.phaser-layer{z-index:3}.phaser-layer canvas{display:block;width:100%!important;height:100%!important}.game-hud{z-index:10;grid-template-columns:1fr auto 1fr;align-items:flex-start;gap:18px;display:grid;position:absolute;top:82px;left:clamp(18px,4vw,60px);right:clamp(18px,4vw,60px)}.hud-player,.hud-center{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;background:#041125a6;border:1px solid #fff3;border-radius:18px;flex-direction:column;width:max-content;padding:10px 14px;display:flex}.hud-player.p2{text-align:right;justify-self:end}.hud-player>span{color:#ff88b1;letter-spacing:.13em;font-size:9px;font-weight:900}.hud-player.p2>span{color:#79c4ff}.hud-player strong{font-family:var(--font-geist-mono), monospace;font-size:21px}.hud-player small{color:#ff7a92;letter-spacing:.08em}.hud-center{text-align:center;border-radius:999px;align-items:center;min-width:96px;padding:8px 18px}.hud-center small{letter-spacing:.11em;text-transform:uppercase;font-size:8px}.hud-center strong{font-family:var(--font-geist-mono), monospace;font-size:24px}.team-hearts{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;z-index:10;background:#7656ffb8;border-radius:999px;padding:9px 15px;font-size:12px;font-weight:800;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.side-warning{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#07162b;z-index:14;background:#ffca3af0;border:2px solid #07162b33;border-radius:999px;padding:9px 15px;font-size:11px;font-weight:850;position:absolute;top:152px;left:50%;transform:translate(-50%);box-shadow:0 10px 32px #0003}.stage-overlay{z-index:15;background:#030e1f73;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.calibration-overlay{background:linear-gradient(#030e1f8c,#030e1f14,#030e1fa6);flex-direction:column;justify-content:flex-start;padding:125px 5vw 64px}.calibration-title{color:#fff;text-align:center;z-index:3}.calibration-title p{color:#9fe8d1;font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px;font-size:10px;font-weight:800}.calibration-title h1{letter-spacing:-.055em;margin:0 0 7px;font-size:clamp(34px,4vw,60px)}.calibration-title span{font-size:12px}.calibration-zones{flex:1;grid-template-columns:repeat(2,1fr);gap:4vw;width:min(920px,82vw);max-height:52vh;margin-top:18px;display:grid}.calibration-zones.solo{grid-template-columns:1fr;max-width:480px}.calibration-zones>div{color:#fff;border:3px dashed #ffffff7a;border-radius:48% 52% 46% 54%/42% 44% 56% 58%;place-items:center;transition:border-color .18s,background .18s;display:grid;position:relative}.calibration-zones>div:first-child{border-color:#ff4f8bb8}.calibration-zones>div:nth-child(2){border-color:#34a7ffb8}.calibration-zones>div.ready{background:#0fbb8a2e;border-color:#56f1c5}.calibration-zones>div span{font-family:var(--font-geist-mono), monospace;font-size:12px;font-weight:900;position:absolute;top:18px}.calibration-zones i{border:10px solid #ffffff6b;border-bottom:0;border-radius:50% 50% 0 0;width:30%;height:58%;position:relative;top:15%}.calibration-zones i:before{content:"";border:8px solid #ffffff6b;border-radius:50%;width:65%;height:32%;position:absolute;top:-42%;left:50%;transform:translate(-50%)}.readiness-meter{background:#fff3;border-radius:999px;width:min(360px,60vw);height:7px;margin-top:18px;overflow:hidden}.readiness-meter span{border-radius:inherit;background:#56f1c5;height:100%;transition:width .12s linear;display:block}.stage-bottom-bar{color:#ffffffbf;font-family:var(--font-geist-mono), monospace;justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute;bottom:18px;left:24px;right:24px}.stage-button{color:#fff;cursor:pointer;background:#0513299e;border:1px solid #ffffff4d;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:750}.tracker-retry{color:#fff;z-index:4;background:#7b1c3deb;border:1px solid #ffffff59;border-radius:16px;align-items:center;gap:12px;max-width:min(620px,84vw);margin-top:10px;padding:9px 10px 9px 14px;font-size:11px;display:flex;position:relative}.tracker-retry span{line-height:1.35}.tracker-retry .stage-button{flex:none}.tutorial-card,.pause-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:2px solid var(--pink);text-align:center;background:#fffdf7f0;border-radius:30px;flex-direction:column;width:calc(100% - 36px);max-width:530px;padding:clamp(24px,4vw,42px);display:flex;box-shadow:0 25px 90px #00000047}.tutorial-art{background-color:var(--cream-deep);background-position:50%;background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:28px;align-self:center;width:176px;height:128px;display:block;box-shadow:0 10px 28px #0b24402e}.tutorial-card>p{color:var(--pink);font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase;margin:20px 0 7px;font-size:9px;font-weight:800}.tutorial-card h1,.pause-card h1{letter-spacing:-.06em;margin:0 0 14px;font-size:clamp(38px,5vw,58px);line-height:1}.tutorial-card>strong{color:var(--ink-soft);font-size:14px;font-weight:550;line-height:1.55}.tutorial-meta{flex-wrap:wrap;justify-content:center;gap:7px;margin:20px 0;display:flex}.tutorial-meta span{background:var(--cream-deep);border-radius:999px;padding:6px 9px;font-size:9px;font-weight:750}.gesture-start{background:#0b24400f;border:1px solid #0b244024;border-radius:18px;align-items:center;gap:12px;padding:11px 13px;transition:background .18s,border-color .18s,box-shadow .18s;display:flex}.gesture-start.armed{background:#0fbb8a1a;border-color:#0fbb8a9e;box-shadow:0 0 0 3px #0fbb8a1a}.gesture-icon{background:var(--ink);color:#fff;border-radius:14px;flex:0 0 46px;justify-content:center;align-items:center;height:46px;font-size:27px;display:flex}.gesture-start.armed .gesture-icon{background:#0f9d78}.gesture-copy{text-align:left;flex:1;min-width:0}.gesture-copy strong{font-size:12px;line-height:1.25;display:block}.gesture-copy small{color:var(--ink-soft);margin-top:3px;font-size:9px;line-height:1.35;display:block}.gesture-meter{background:#0b24401f;border-radius:999px;height:5px;margin-top:7px;display:block;overflow:hidden}.gesture-meter i{border-radius:inherit;background:#0fbb8a;height:100%;transition:width .1s linear;display:block}.start-fallback{justify-content:center;align-items:center;gap:10px;margin-top:10px;display:flex}.start-fallback>span{color:var(--ink-soft);font-family:var(--font-geist-mono), monospace;text-transform:uppercase;font-size:8px;font-weight:800}.tutorial-card .primary-button{align-self:center}.tutorial-card>small{color:var(--ink-soft);margin-top:12px}.countdown-overlay{color:#fff;flex-direction:column}.countdown-overlay span{font-family:var(--font-geist-mono), monospace;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:900}.countdown-overlay strong{letter-spacing:-.1em;text-shadow:0 15px 70px #ff4f8b80;font-size:min(35vw,280px);line-height:.9;animation:.85s both count-pop}@keyframes count-pop{0%{opacity:0;transform:scale(.35)rotate(-9deg)}55%{opacity:1;transform:scale(1.08)rotate(2deg)}to{transform:scale(1)}}.paused-overlay{background:#030e1fbd}.pause-card{border-color:#fff6;align-items:center}.pause-icon{color:var(--purple);font-size:58px}.pause-card p{color:var(--ink-soft);margin:0;line-height:1.5}.pause-card small{color:var(--ink-soft);margin-top:12px}.pause-card .primary-button{margin-top:20px}.portrait-gate{color:#fff;text-align:center;z-index:40;background:#0b2440;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:none;position:absolute;inset:0}.portrait-gate>span{font-size:90px;transform:rotate(90deg)}.portrait-gate strong{letter-spacing:-.04em;font-size:28px}.portrait-gate p{color:#ffffffb8}.result-page{background:radial-gradient(circle at 10% 15%, #ff4f8b30, transparent 30%), radial-gradient(circle at 90% 85%, #34a7ff2e, transparent 28%), var(--cream)}.result-card{max-width:760px;animation:.56s cubic-bezier(.2,.8,.2,1) both result-arrive}.score-results{grid-template-columns:repeat(2,1fr);gap:12px;margin:30px 0;display:grid}.score-results.solo{grid-template-columns:1fr}.score-result{text-align:center;background:#fff1f6;border-radius:22px;flex-direction:column;padding:22px;display:flex}.score-result.p2{background:#ecf7ff}.score-result>span{color:var(--pink);font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:850}.score-result.p2>span{color:#0875c4}.score-result strong{font-family:var(--font-geist-mono), monospace;letter-spacing:-.06em;font-size:clamp(36px,5vw,58px)}.score-result small{color:var(--ink-soft)}.result-actions{justify-content:center}.star-row{color:var(--yellow);letter-spacing:.08em;text-align:center;margin-bottom:12px;font-size:42px;animation:.7s cubic-bezier(.2,.8,.2,1) .24s both star-celebrate}@keyframes result-arrive{0%{opacity:0;transform:translateY(26px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes star-celebrate{0%{opacity:0;transform:scale(.35)rotate(-8deg)}65%{opacity:1;transform:scale(1.12)rotate(2deg)}to{transform:scale(1)rotate(0)}}.mini-result-row{flex-wrap:wrap;justify-content:center;gap:8px;margin:-12px 0 28px;display:flex}.mini-result-row span{background:var(--cream-deep);border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:750;display:flex}footer{border-top:1px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin:0 clamp(20px,4vw,64px);padding:24px 0;font-size:11px;display:grid}footer>span{font-weight:850}footer p{color:var(--ink-soft);text-align:center;margin:0}footer small{color:var(--ink-soft);justify-self:end}@media (width<=980px){.hero{grid-template-columns:1fr}.hero-copy{max-width:760px;padding-top:20px}.hero-art{justify-self:center;width:100%;max-width:740px;height:620px}.home-game-grid{grid-template-columns:1fr}.home-game-card{flex-direction:row;align-items:center;min-height:250px;padding:28px}.game-art{flex:0 0 180px;margin:0 28px 0 0}.games-choice-grid{grid-template-columns:1fr}.game-choice{min-height:150px}}@media (width<=650px){.topbar{height:64px;padding:0 14px}.brand{font-size:15px}.sound-button{font-size:0}.sound-button span{font-size:12px}.home-page{padding-inline:16px}.hero{min-height:auto}.hero h1{font-size:clamp(48px,16vw,72px)}.hero-actions{flex-direction:column;align-items:stretch}.hero-art{height:min(105vw,410px);min-height:300px}.game-strip{margin-top:72px}.home-game-card{flex-direction:column;align-items:stretch}.game-art{flex-basis:170px;margin:34px auto 18px}.two-choice-grid{grid-template-columns:1fr}.menu-card{padding:70px 20px 26px}.menu-card h1,.result-card h1{font-size:40px}.score-results{grid-template-columns:1fr}.result-card{padding:34px 20px}footer{text-align:center;grid-template-columns:1fr}footer p,footer small{justify-self:center}}@media (width<=480px){.topbar{height:58px;padding-left:max(8px, env(safe-area-inset-left));padding-right:max(8px, env(safe-area-inset-right))}.topbar nav{gap:5px}.topbar-action{padding:8px 9px;font-size:10px}.brand{gap:7px;padding:6px}.is-playing .brand>span:last-child{display:none}.home-page{padding-inline:12px}.hero{gap:26px;margin-top:10px}.hero-copy{padding-top:6px}.hero-lede{margin:24px 0 22px;font-size:15px}.hero-art{border-width:6px;min-height:270px}.section-heading{align-items:flex-start}.section-heading .text-button{display:none}.home-game-card{min-height:320px;padding:16px}.game-art{width:94%;height:154px;margin-top:38px}.game-card-copy strong{font-size:24px}.menu-page,.result-page{align-items:flex-start;padding:10px 8px 40px}.menu-card{border-radius:22px;padding:64px 14px 20px}.menu-card h1,.result-card h1{font-size:36px}.menu-intro,.result-subtitle{margin-bottom:22px;font-size:13px}.choice-card{border-radius:18px;min-height:174px;padding:17px}.game-choice{min-height:138px}.choice-thumb{height:88px}.primary-button,.secondary-button{gap:16px;min-height:50px;padding-inline:19px}.game-hud{left:max(7px, env(safe-area-inset-left));right:max(7px, env(safe-area-inset-right));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:4px;top:60px}.hud-player,.hud-center{border-radius:13px;padding:6px 8px}.hud-player{max-width:100%}.hud-player strong{text-overflow:ellipsis;font-size:16px;overflow:hidden}.hud-player small{font-size:8px}.hud-center{min-width:72px;padding-inline:9px}.hud-center small{text-overflow:ellipsis;white-space:nowrap;max-width:88px;font-size:7px;overflow:hidden}.hud-center strong{font-size:19px}.side-warning{text-align:center;border-radius:14px;max-width:calc(100% - 18px);top:122px}.calibration-overlay{padding:112px 8px 58px}.calibration-title h1{font-size:32px}.calibration-title span{max-width:290px;margin-inline:auto;font-size:10px;display:block}.calibration-zones{gap:8px;width:96vw;max-height:48vh}.calibration-zones>div{border-radius:28px}.readiness-meter{width:min(270px,72vw)}.stage-bottom-bar{bottom:max(7px, env(safe-area-inset-bottom));left:8px;right:8px}.stage-bottom-bar>span{display:none}.stage-button{min-height:40px;padding:8px 12px}.tutorial-overlay,.paused-overlay{align-items:flex-start;padding:66px 7px 12px;overflow-y:auto}.tutorial-card,.pause-card{border-radius:22px;width:100%;max-height:calc(100dvh - 74px);padding:18px;overflow-y:auto}.tutorial-art{width:144px;height:96px}.tutorial-card>p{margin-top:12px}.tutorial-card h1,.pause-card h1{font-size:36px}.tutorial-meta{margin:12px 0}.gesture-start{border-radius:15px;padding:9px 10px}.gesture-icon{flex-basis:40px;height:40px;font-size:24px}.tracker-retry{max-width:94vw}.result-card{border-radius:22px;padding:28px 14px}}@media (height<=620px) and (orientation:landscape){.topbar{height:54px;padding-inline:18px}.brand{font-size:14px}.game-hud{top:56px}.hud-player,.hud-center{padding-block:5px}.calibration-overlay{padding-top:66px}.calibration-title h1{font-size:34px}.calibration-zones{max-height:48vh;margin-top:8px}.tutorial-card{max-width:660px;padding:18px 28px}.tutorial-art{width:124px;height:78px}.tutorial-card>p{margin-top:9px}.tutorial-card h1{font-size:38px}.tutorial-meta{margin:10px 0}.stage-bottom-bar{bottom:8px}}@media (height<=480px) and (orientation:landscape){.topbar{height:46px;padding-inline:max(10px, env(safe-area-inset-left))}.menu-page,.result-page{align-items:flex-start;padding:8px 12px 36px}.menu-card,.result-card{padding-top:52px}.is-playing .brand>span:last-child{display:none}.sound-button{min-height:36px;padding-block:6px}.game-hud{gap:6px;top:47px;left:10px;right:10px}.hud-player,.hud-center{border-radius:12px;padding:4px 8px}.hud-player strong{font-size:16px}.hud-player small{font-size:8px}.hud-center{min-width:76px}.hud-center small{display:none}.hud-center strong{font-size:19px}.side-warning{top:97px}.calibration-overlay{padding:49px 3vw 48px}.calibration-title p{margin-bottom:2px}.calibration-title h1{margin-bottom:2px;font-size:28px}.calibration-title span{font-size:9px}.calibration-zones{max-height:47vh;margin-top:5px}.readiness-meter{height:5px;margin-top:6px}.tutorial-overlay,.paused-overlay{align-items:flex-start;padding:48px 10px 8px;overflow-y:auto}.tutorial-card,.pause-card{max-height:calc(100dvh - 56px);overflow-y:auto}.tutorial-card{text-align:left;grid-template-columns:118px minmax(0,1fr);gap:4px 16px;max-width:700px;padding:12px 18px;display:grid}.tutorial-art{grid-row:1/span 7;width:118px;height:82px;margin-top:8px}.tutorial-card>p{margin:4px 0 0}.tutorial-card h1{margin-bottom:2px;font-size:32px}.tutorial-card>strong{font-size:12px;line-height:1.35}.tutorial-meta{justify-content:flex-start;margin:3px 0}.gesture-start{grid-column:2;padding:6px 8px}.gesture-icon{flex-basis:34px;height:34px;font-size:20px}.gesture-copy small{display:none}.gesture-meter{margin-top:5px}.start-fallback{grid-column:2;justify-content:flex-start;margin-top:1px}.tutorial-card .primary-button{justify-self:start;min-height:40px}.tutorial-card>small{grid-column:2;margin-top:0}.stage-bottom-bar{bottom:max(5px, env(safe-area-inset-bottom));left:10px;right:10px}.stage-bottom-bar>span{display:none}.stage-button{min-height:38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
