:root{font-family:Be Vietnam Pro,Arial,sans-serif;color:#f2f3e9;background:#080b18;font-synthesis:none;--bg:#080b18;--panel:#111725;--line:#ffffff12;--muted:#8b96a9;--lime:#baff40;--cyan:#36f2d5;--font-display:"Space Grotesk","Be Vietnam Pro",sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{min-width:320px}button,input,select,a{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{cursor:default;opacity:.4}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button:hover:not(:disabled){filter:brightness(1.13)}h1,h2,h3,p{margin:0}h1:focus,h2:focus{outline:0}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.lime{color:var(--lime)}#game{position:fixed!important;inset:0;width:100%;height:100%;z-index:0}#app{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;pointer-events:none}#app>*{pointer-events:auto}.arena-canvas,.film-overlay{position:absolute;inset:0;width:100%;height:100%;display:block}.film-overlay{pointer-events:none}veno-shell{display:none!important}#loading{position:fixed;inset:0;background:var(--bg);z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;transition:opacity .35s}.loading-brand{font:800 54px var(--font-display);letter-spacing:5px}.loading-brand span{color:var(--lime)}#loading p{font-size:13px;color:var(--muted)}#loading i{width:120px;height:3px;background:linear-gradient(90deg,transparent,var(--lime),transparent);animation:loading 1.2s infinite}@keyframes loading{50%{transform:scaleX(.3);opacity:.4}}.topbar{height:102px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;margin:0 4.4%;border-bottom:1px solid var(--line);gap:28px;z-index:15}.wordmark{display:flex;align-items:center;gap:12px;white-space:nowrap;font:700 22px var(--font-display);letter-spacing:.7px;padding:0}.wordmark>.icon{width:30px;height:30px;color:var(--lime)}.wordmark b{font-weight:400;margin-left:10px;color:#c2c9d4;letter-spacing:3px;font-size:16px}.topbar nav{display:flex;gap:30px;align-self:stretch;align-items:center;margin-right:auto;margin-left:55px}.topbar nav button{position:relative;height:100%;padding:0;font-size:12px;color:#8e99aa;font-weight:500}.topbar nav button.active{color:#f1f4e9}.topbar nav button.active:after{content:"";height:2px;background:var(--lime);position:absolute;bottom:-1px;left:0;right:0}.top-actions{display:flex;align-items:center;gap:18px}.profile{display:flex;align-items:center;gap:10px;border-right:1px solid var(--line);padding:0 23px 0 0;font-size:8px;color:var(--muted);letter-spacing:1.2px;text-align:left}.profile .level{width:35px;height:38px;display:grid;place-items:center;border:1px solid #baff4044;border-radius:9px;background:#baff400a;color:var(--lime);font:600 16px var(--font-display)}.profile strong{display:flex;align-items:center;gap:6px;font:600 14px var(--font-display);color:#e4e8db;margin-top:4px;letter-spacing:0}.coin{display:inline-block;width:11px;height:11px;border:2px solid #d0b576;box-shadow:inset 0 0 0 1px var(--bg);border-radius:50%;background:#c2a05e}.icon-btn{height:40px;width:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;color:#b0b9c8;border:1px solid var(--line);flex-shrink:0}.top-actions>.icon-btn{border:0;width:24px}.lang-btn{padding:4px 0;font:600 11px var(--font-display);color:#a5afbe}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:49px;border-radius:9px;padding:14px 22px;font-size:12px;font-weight:700;line-height:1.5;transition:background .2s,transform .2s;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn.primary{background:var(--lime);color:#141c12;box-shadow:0 5px 30px #baff4010}.btn.primary .icon{fill:currentColor;stroke-width:1}.btn.secondary{background:#ffffff07;border:1px solid #ffffff20;color:#d3dacb}.btn.text-btn{background:transparent;color:#a4afbd;font-weight:500}.btn.glass{background:#0b1127bd;border:1px solid #ffffff20;backdrop-filter:blur(10px)}.eyebrow{font:500 9px var(--font-display);letter-spacing:2.2px;color:#abb4bd;display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #baff4035}.version{margin-left:16px;color:#576475;font-size:8px}.home{position:relative;flex:1;margin:0 4.4%;display:flex;flex-direction:column;min-height:0}.hero-copy{padding-top:clamp(28px,5.4vh,68px);z-index:2;width:49%;pointer-events:none}.hero-copy button{pointer-events:auto}.hero-copy h1{font-size:clamp(36px,4.55vw,70px);font-weight:800;line-height:1.14;letter-spacing:-2.8px;margin:20px 0;white-space:nowrap}.hero-copy h1 em{font-style:normal;color:var(--lime)}.hero-copy>p{font-size:12px;font-weight:400;line-height:1.9;color:#93a0b1}.hero-cta{display:flex;gap:15px;align-items:center;margin-top:27px}.hero-cta .primary{min-width:176px;min-height:53px}.hero-cta .text-btn{font-size:11px;padding-left:8px}.input-hint{display:flex;align-items:center;gap:5px;color:#697486;font-size:8px;margin-top:19px}.input-hint i{width:1px;height:11px;background:#293142;margin:0 7px}.key{display:inline-flex;align-items:center;justify-content:center;min-width:19px;padding:3px 5px;background:#ffffff04;border:1px solid #ffffff1a;border-bottom-width:2px;border-radius:4px;font:500 8px var(--font-display);color:#adb8c8}.input-hint span:not(.key){margin-left:3px}.arena-caption{position:absolute;top:38px;left:58%;right:2%;display:flex;align-items:center;justify-content:space-between;color:#a1b0b7;font:500 9px var(--font-display);letter-spacing:2px}.arena-caption small{font-size:8px;color:#64707f;letter-spacing:0;margin-left:12px}.live-badge{display:flex;gap:7px;align-items:center;font-size:8px}.live-badge i{height:4px;width:4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.court-label{position:absolute;right:0;top:26%;bottom:28%;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;pointer-events:none}.vertical-label{writing-mode:vertical-rl;font:500 8px var(--font-display);letter-spacing:3px;color:#546272}.court-label>div{display:flex;align-items:center;gap:15px;transform:translate(-8px)}.court-spec{font:400 7px var(--font-display);color:#788797;letter-spacing:1.7px;display:flex;align-items:center;gap:8px}.court-spec i{height:3px;width:3px;background:#657785;border-radius:50%}.logo-art{display:block;position:relative;width:114px;height:54px;overflow:hidden;border-radius:6px;background:#ededed;flex-shrink:0}.logo-art img{position:absolute;width:122%;height:auto;max-width:none;left:-14%;top:-76%;user-select:none}.home-modes{margin-top:auto;padding:25px 0 20px;position:relative;z-index:3}.section-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px;font:500 9px var(--font-display);letter-spacing:1.7px;color:#8292a2}.section-line button{font:400 10px Be Vietnam Pro,sans-serif;color:#b3bdc7;display:flex;align-items:center;gap:12px;padding:0}.section-line button .icon{width:17px}.quick-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.mode-card{position:relative;display:flex;align-items:center;text-align:left;gap:18px;border:1px solid #ffffff12;border-radius:12px;padding:24px;background:linear-gradient(120deg,#18202ba6,#101523ad);backdrop-filter:blur(16px);transition:border-color .2s,background .2s;min-width:0}.mode-card:hover{border-color:#baff4040;background:#192331d9}.mode-symbol{background:#36f2d50b;border:1px solid #36f2d51e;border-radius:11px;width:49px;height:53px;display:grid;place-items:center;flex-shrink:0;color:var(--cyan);transform:rotate(-5deg)}.mode-symbol .icon{width:28px;height:28px}.survival .mode-symbol{color:#c8b4ff;background:#af8aff0b;border-color:#af8aff20}.brick .mode-symbol{color:#ffc879;background:#ffb35c0b;border-color:#ffb35c20}.mode-number{font:500 7px var(--font-display);letter-spacing:1.7px;color:#778291}.mode-copy h3{font-size:16px;font-weight:600;letter-spacing:-.4px;margin:6px 0}.mode-copy p{font-size:9px;color:#818e9f;line-height:1.7}.card-arrow{margin-left:auto;color:#748392}.card-arrow .icon{width:17px}.footer{margin:0 4.4%;height:55px;flex-shrink:0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;font:400 7px var(--font-display);letter-spacing:1.3px;color:#708092;z-index:12}.footer>span{display:flex;align-items:center;gap:9px}.footer small{font-size:7px;color:#4a586b;margin-left:16px}.footer>div{display:flex;gap:25px}.footer button{display:flex;align-items:center;gap:8px;color:#8a99a9;padding:0;font-size:8px;font-weight:500}.footer button .icon{width:13px;height:13px}.footer button:last-child{color:#c0cabe;font:500 8px var(--font-display);letter-spacing:1.2px}body:not([data-screen=home]):not([data-screen=play]):not([data-screen=demo]):after{content:"";position:fixed;inset:0;background:#080b18b8;backdrop-filter:blur(13px);z-index:5;pointer-events:none}.panel{width:min(1000px,91.2%);margin:24px auto;overflow:auto;flex:1;padding:27px 32px 30px;border:1px solid #ffffff12;border-radius:16px;background:#101625eb;scrollbar-width:thin;scrollbar-color:#313c49 transparent;z-index:8}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:30px}.panel-heading h2{font-size:32px;letter-spacing:-1.5px;margin:10px 0;font-weight:700}.panel-heading p{font-size:11px;color:#8e9cae;line-height:1.8}.panel-heading .eyebrow{font-size:8px;color:#778c90}.panel-heading>.icon-btn{margin-top:8px}.difficulty{display:flex;align-items:center;gap:7px;margin-bottom:24px;font-size:11px}.difficulty>span{margin-right:15px;color:#8b9aab}.difficulty button{padding:8px 14px;border:1px solid #ffffff12;border-radius:6px;color:#95a5b3;font-size:10px}.difficulty .selected{color:var(--lime);border-color:#baff4066;background:#baff4010}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.mode-grid .mode-card{min-height:133px}.mode-grid .mode-copy p{max-width:230px;font-size:10px}.tour-summary{display:flex;align-items:center;gap:22px;margin-bottom:22px}.tour-summary>span{font:600 32px var(--font-display);color:var(--lime)}.tour-summary small{font-size:12px;color:#8c9aaf}.tour-summary p{font-size:11px;color:#8c9aaf}.tour-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.opponent{position:relative;border:1px solid #ffffff16;border-radius:12px;padding:18px 7px;background:#171f2b}.opponent-number{position:absolute;top:10px;left:12px;font:500 9px var(--font-display);color:#617589}.opponent-art{display:grid;place-items:center;width:55px;height:58px;background:#36f2d509;border:1px solid #36f2d525;border-radius:17px;color:var(--cyan);margin:4px auto 15px}.opponent-art .icon{width:30px;height:30px}.opponent.boss .opponent-art{color:#b9a0f9;border-color:#b9a0f940;background:#b9a0f908}.opponent h3{font-size:12px;font-weight:600}.opponent p{font-size:8px;line-height:1.6;color:#7f90a4;margin:6px 0 14px;min-height:24px}.stars{display:flex;justify-content:center;gap:4px;color:#354457}.stars .icon{width:13px;height:13px}.stars .earned{color:var(--lime)}.stars .earned .icon{fill:var(--lime)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px}.settings-grid h3{font-size:13px;font-weight:600;margin:0 0 16px}.setting-row{display:flex;align-items:center;justify-content:space-between;min-height:59px;gap:20px;border-top:1px solid var(--line);font-size:11px;color:#c3ccd3}.setting-row input[type=range]{width:125px;accent-color:var(--lime);cursor:pointer}.switch{appearance:none;width:35px;height:21px;border-radius:20px;border:1px solid #4d5962;background:#283342;position:relative;flex-shrink:0;cursor:pointer}.switch:after{content:"";position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:#9ba9b8;transition:transform .15s}.switch:checked{background:#baff4025;border-color:#baff4040}.switch:checked:after{background:var(--lime);transform:translate(14px)}select,input[type=number]{border:1px solid #ffffff18;background:#1b2432;color:#d2dadb;border-radius:7px;padding:10px 12px;font-size:11px;min-width:0;min-height:39px}input[type=number]{width:100%}select{cursor:pointer}.settings-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:30px;padding-top:20px;font-size:10px;color:#7b8b9d}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:30px}.theme-card{border:1px solid #ffffff12;border-radius:10px;background:#171e2b;padding:16px 10px;text-align:left}.theme-card.selected,.cosmetic.selected{border-color:#baff4055}.theme-card h3{font-size:12px;margin:14px 0 6px}.theme-card>span{font-size:9px;color:#91a1b0}.mini-court{height:93px;background:var(--theme-bg);border:1px solid var(--theme-color);transform:perspective(250px) rotateX(30deg) rotate(-12deg) scale(.8);position:relative;border-radius:5px;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:15px 15px}.mini-court i,.mini-court b{position:absolute;width:28px;height:6px;background:var(--theme-color);border-radius:3px;left:20%;top:9px;box-shadow:0 0 14px var(--theme-color)}.mini-court b{left:55%;top:auto;bottom:9px}.mini-court span{position:absolute;width:7px;height:7px;left:46%;top:48%;border-radius:50%;background:#fff;box-shadow:0 0 15px #fff}.cosmetic-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.cosmetic{border:1px solid #ffffff12;background:#151d2a;border-radius:10px;display:flex;flex-direction:column;align-items:center;padding:20px 8px;gap:8px}.cosmetic h3{font-size:11px}.cosmetic small{font:500 7px var(--font-display);letter-spacing:1px;color:#6e8392}.cosmetic>span:last-child{font-size:10px;color:#a0b499}.swatch{display:block;width:65px;height:14px;border-radius:5px;background:var(--color);box-shadow:0 0 19px color-mix(in srgb,var(--color) 25%,transparent);margin:16px 0}.swatch.ball{width:24px;height:24px;border-radius:50%;margin:11px 0}.swatch.trail{height:5px;background:linear-gradient(90deg,transparent,var(--color));margin:20px 0}.profile-summary{display:flex;align-items:center;gap:25px;padding:15px 0 25px}.large-level{width:64px;height:68px;border-radius:16px;border:1px solid #baff4040;display:grid;place-items:center;color:var(--lime);font:600 32px var(--font-display);background:#baff4008}.profile-summary>div:nth-child(2){flex:1;max-width:320px;margin-right:auto}.profile-summary h3{font:500 15px var(--font-display);margin:8px 0 10px}.profile-summary>div:nth-child(n+3){text-align:center;display:grid;gap:8px}.profile-summary strong{font:500 28px var(--font-display)}.profile-summary>div>span:last-child{font:500 8px var(--font-display);color:#8c99ab;letter-spacing:1px}.progress-bar{height:4px;border-radius:10px;background:#ffffff0a;overflow:hidden}.progress-bar i{display:block;height:100%;background:var(--lime);border-radius:10px}.missions{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:30px}.mission{display:flex;align-items:center;gap:15px;padding:17px 18px;border:1px solid #ffffff10;border-radius:9px;background:#17202c}.mission>.icon{color:var(--lime)}.mission>div{flex:1}.mission h3{font-size:11px;font-weight:500;margin-bottom:10px}.mission>span{font:500 12px var(--font-display);color:#9eb092;margin-left:20px}.missions>.btn{justify-self:end;margin-top:8px}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.achievement{display:flex;align-items:center;gap:12px;border:1px solid #ffffff0d;padding:15px 12px;border-radius:8px;color:#4c5f74}.achievement h3{font-size:10px;color:#8391a3;font-weight:600}.achievement p{font-size:8px;line-height:1.7;color:#697c92;margin-top:5px}.achievement.earned{color:var(--lime);border-color:#baff4020;background:#baff4005}.achievement.earned h3{color:#e1e8d5}.record-feature{padding:15px 0 28px;text-align:center}.record-feature>span{font:500 9px var(--font-display);letter-spacing:2px;color:#9bada4}.record-feature strong{display:block;font:500 70px var(--font-display);color:var(--lime);margin:6px 0}.record-feature p{font-size:10px;color:#7d8da3}.record-tables{display:grid;grid-template-columns:1fr 1fr;gap:30px}.record-tables h3{font:600 18px var(--font-display);margin-bottom:14px}.record-tables ol{padding:0;list-style:none}.record-tables li{display:flex;align-items:center;gap:20px;padding:14px 0;border-top:1px solid var(--line);font-size:11px;color:#9bafbc}.record-tables li>span:first-child{color:#687e8a}.record-tables strong{margin-left:auto;color:var(--lime);font:500 16px var(--font-display)}.empty{border:1px dashed #ffffff19;border-radius:10px;padding:32px 16px;text-align:center;color:#6d8691;font-size:11px;line-height:1.7}.empty .icon{width:30px;height:30px;margin-bottom:14px}.studio-layout{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.studio-preview{position:relative;aspect-ratio:16/13;background:radial-gradient(ellipse at 45% 70%,#234a4945,transparent 65%),linear-gradient(145deg,#1b2639,#0c1423);border:1px solid #314347;border-radius:12px;overflow:hidden;padding:30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.studio-preview.portrait{aspect-ratio:9/14;max-height:440px;width:auto;max-width:100%;margin:auto}.studio-preview .logo-art{width:95px;height:46px;z-index:2}.preview-court{position:absolute;right:-20%;bottom:-20%;width:120%;height:100%;border:1px solid #36f2d530;background:repeating-linear-gradient(0deg,transparent 0 29px,#36f2d512 29px 30px),repeating-linear-gradient(90deg,transparent 0 29px,#36f2d512 29px 30px);transform:perspective(220px) rotateX(32deg) rotate(-20deg);display:grid;place-items:center}.preview-court .icon{color:#36f2d5;width:130px;height:130px;stroke-width:1;filter:drop-shadow(0 0 20px #36f2d530)}.preview-type{z-index:2;font:700 clamp(28px,3.7vw,51px)/1.03 var(--font-display);letter-spacing:-1.5px;margin-top:auto;margin-bottom:30px}.preview-type>span{color:var(--lime)}.preview-tag{z-index:2;font:500 7px var(--font-display);letter-spacing:1.5px;color:#a0b2bf}.studio-form h3{font-size:28px;line-height:1.2;letter-spacing:-1px;margin:12px 0 24px}.studio-form label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#b9c3d0;margin-bottom:15px}.studio-form select{width:100%}.studio-form .muted{font-size:8px;color:#6e8393}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.studio-note{font-size:10px;line-height:1.85;color:#7b90a1;margin:16px 0}.studio-buttons{display:flex;gap:10px}.studio-buttons>.btn{flex:1;padding:12px}.sample-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;font-size:9px;color:#9facb8}.sample-links>span{width:100%;color:#6e8393;font-size:8px}.sample-links a{color:#baff40bd;text-decoration:none}.export-status{margin-top:25px;padding:20px;border:1px solid #baff4020;border-radius:10px;background:#baff4005}.export-status p{font-size:10px;line-height:1.7;color:#93a399;margin:14px 0 0}.tutorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tutorial-grid>div{padding:22px 20px;border:1px solid var(--line);border-radius:12px;background:#151e2b}.tutorial-grid>div>span{font:500 11px var(--font-display);color:#738995}.tutorial-grid .icon{display:block;width:45px;height:45px;margin:25px 0;color:var(--cyan)}.tutorial-grid h3{font-size:16px;margin-bottom:12px}.tutorial-grid p{font-size:11px;line-height:1.9;color:#8b9eb0}.tutorial-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:30px}.tutorial-foot p{font-size:10px;color:#7a8b9e}.narrow-panel{max-width:570px}.pause-content{display:flex;align-items:center;flex-direction:column;padding:10px}.pause-content .logo-art{width:140px;height:67px}.pause-score,.result-score{display:flex;align-items:center;justify-content:center;gap:35px;margin:20px 0 30px;font:500 65px var(--font-display)}.pause-score span:first-child,.result-score span:first-child{color:var(--cyan)}.pause-score span:last-child,.result-score span:last-child{color:var(--lime)}.pause-score i,.result-score i{font-style:normal;font-size:30px;color:#465c6f}.pause-content>.btn{width:100%;max-width:320px}.pause-options{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px}.pause-options .btn{font-size:10px;padding:10px 16px;min-height:40px}.result-panel{max-width:700px}.result-content{text-align:center}.result-medal{display:grid;place-items:center;width:67px;height:67px;background:#baff4008;border:1px solid #baff4030;border-radius:22px;margin:0 auto;color:var(--lime)}.result-medal .icon{width:35px;height:35px}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:10px}.result-stats strong{display:block;font:500 26px var(--font-display)}.result-stats span{display:block;font:500 8px var(--font-display);letter-spacing:1px;color:#8c9eac;margin-top:9px}.result-buttons{display:flex;justify-content:center;gap:12px;margin:25px 0 10px}.reward-banner{color:var(--lime);font-size:11px;line-height:1.8;margin-top:15px}.game-hud{position:fixed;inset:0;pointer-events:none!important}.game-hud button{pointer-events:auto}.hud-top{position:absolute;top:28px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:flex-start}.hud-brand{font:700 16px var(--font-display);padding:10px 0;letter-spacing:1px}.hud-brand>span{color:var(--lime)}.hud-brand b{font-weight:400;color:#98adbc;font-size:12px}.scoreboard{display:flex;align-items:center;gap:25px;background:#101827b0;border:1px solid #ffffff12;padding:12px 25px 15px;border-radius:13px;backdrop-filter:blur(15px)}.scoreboard>div{text-align:center;min-width:50px}.scoreboard small{display:block;font:500 8px var(--font-display);letter-spacing:1.6px;max-width:110px;white-space:nowrap}.scoreboard strong{font:500 42px var(--font-display);display:block;margin-top:2px}.scoreboard .you{color:var(--cyan)}.scoreboard .rival{color:var(--lime)}.score-label{text-align:center;display:grid;gap:9px}.score-label b{font:500 10px var(--font-display);letter-spacing:1px}.score-label small{font-size:7px;color:#8294a1;letter-spacing:.5px}.hud-buttons{display:flex;gap:9px}.hud-buttons .icon-btn{background:#101725b0;backdrop-filter:blur(15px)}.rally-counter{position:absolute;left:6%;top:43%;font:600 25px var(--font-display);color:var(--cyan);text-shadow:0 0 20px #36f2d535}.court-message{position:absolute;top:38%;left:0;right:0;text-align:center;font:800 clamp(28px,6vw,72px) var(--font-display);color:#f0f4df;letter-spacing:1px;text-shadow:0 5px 30px #0008}.power-status{position:absolute;top:155px;left:0;right:0;text-align:center;color:#edc777;font:500 10px var(--font-display);letter-spacing:1px}.hud-bottom{position:absolute;bottom:30px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:flex-end}.hud-help{font-size:10px;color:#7e95a7;line-height:2.3;min-width:130px}.hud-help>span:not(.key){font-size:9px;margin-left:5px}.smash-meter{width:230px;max-width:42vw}.smash-meter>div:first-child{display:flex;justify-content:space-between;align-items:center;font:500 9px var(--font-display);letter-spacing:1px;color:#adc6c0}.smash-meter strong{font-size:10px;color:var(--cyan)}.charge-segments{display:flex;gap:5px;margin:10px 0 8px}.charge-segments i{height:7px;flex:1;background:#ffffff12;border-radius:2px}.charge-segments i.filled{background:var(--cyan);box-shadow:0 0 12px #36f2d540}.smash-meter small{display:block;text-align:center;font:400 7px var(--font-display);letter-spacing:1px;color:#627e8e}.smash-button{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #36f2d529;border-radius:12px;color:#779f96;background:#0e27267a;height:56px;width:130px;font:600 12px var(--font-display);touch-action:none}.smash-button.ready{color:#141e14;background:var(--lime);border-color:var(--lime);box-shadow:0 0 30px #baff4020}.demo-controls{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between}.demo-controls .btn{font-size:10px;min-height:38px;padding:9px 15px}#toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:100;max-width:min(90vw,550px);border:1px solid #baff4030;background:#152329f5;color:#dbe6d4;padding:15px 22px;border-radius:10px;font-size:12px;line-height:1.7;box-shadow:0 15px 50px #0008;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%)}@media(min-width:1600px){.topbar,.home,.footer{margin-left:6%;margin-right:6%}.hero-copy{padding-top:8vh}.hero-copy h1{font-size:80px}.hero-copy>p{font-size:14px}.mode-card{padding:29px}.mode-copy h3{font-size:19px}.mode-copy p{font-size:11px}.home-modes{padding-bottom:32px}.topbar{height:114px}.footer{height:68px}}@media(max-height:780px)and (min-width:901px){.topbar{height:77px}.hero-copy{padding-top:25px}.hero-copy h1{font-size:clamp(36px,4.4vw,59px);margin:16px 0}.hero-copy>p{font-size:10px}.hero-cta{margin-top:18px}.input-hint{margin-top:12px}.mode-card{padding:17px}.home-modes{padding:17px 0}.footer{height:45px}.arena-caption{top:25px}.panel{margin:16px auto;padding:20px 25px}.panel-heading{margin-bottom:20px}.panel-heading h2{font-size:28px}.court-label{bottom:30%}}@media(max-width:1100px){.topbar nav{margin-left:15px;gap:23px}.top-actions{gap:13px}.topbar{gap:18px}.profile{padding-right:15px}.mode-card{padding:17px;gap:12px}.mode-symbol{width:39px;height:45px}.mode-copy h3{font-size:14px}.mode-copy p{font-size:8px}.mode-number{font-size:6px}.card-arrow .icon{width:14px}.footer small,.court-spec{display:none}.hero-copy h1{letter-spacing:-1.9px}.studio-layout{gap:24px}}@media(max-width:760px){.topbar{height:73px;margin:0 6%;gap:10px}.wordmark{font-size:19px;gap:7px}.wordmark>.icon{width:24px;height:24px}.wordmark b{font-size:12px;letter-spacing:2px;margin-left:7px}.topbar nav{display:none}.top-actions{gap:13px}.profile{border:0;padding:0}.profile>span:nth-child(2){display:none}.profile .level{height:29px;width:29px;font-size:12px;border-radius:7px}.top-actions>.sound-btn{display:none}.home{margin:0 6%;overflow:auto;scrollbar-width:none}.hero-copy{width:100%;padding-top:28px;pointer-events:none}.hero-copy h1{font-size:clamp(34px,8.6vw,57px);line-height:1.14;letter-spacing:-1.6px;margin:16px 0 14px}.hero-copy>p{font-size:10px;line-height:1.9}.eyebrow{font-size:7px;letter-spacing:1.6px}.version{font-size:7px}.hero-cta{margin-top:20px;gap:10px}.hero-cta .primary{min-width:150px;min-height:46px;font-size:11px}.hero-cta .text-btn{font-size:10px}.hero-cta .icon{width:17px}.input-hint{display:none}.arena-caption{top:332px;left:0;right:0;font-size:7px;pointer-events:none}.arena-caption .live-badge{font-size:7px}.court-label{display:none}.home-modes{padding:22px 0 16px;margin-top:210px}.quick-modes{grid-template-columns:1fr;gap:8px}.mode-card.compact{padding:13px 16px;gap:15px;min-height:75px}.mode-card.compact .mode-number{font-size:6px}.mode-card.compact .mode-copy h3{font-size:14px;margin:3px 0}.mode-card.compact .mode-copy p{font-size:9px}.mode-symbol{height:39px;width:39px}.mode-symbol .icon{width:25px;height:25px}.section-line,.section-line button{font-size:8px}.footer{height:45px;margin:0 6%;border-top:1px solid var(--line)}.footer>span{font-size:0;gap:0}.footer>span .status-dot{display:none}.footer>div{width:100%;justify-content:space-between;gap:10px}.footer button{font-size:8px}.footer button:last-child{font-size:7px;letter-spacing:.7px}.panel{width:92%;margin:15px auto;padding:22px 18px;border-radius:12px}.panel-heading{margin-bottom:22px;gap:12px}.panel-heading h2{font-size:25px;letter-spacing:-1px;line-height:1.35}.panel-heading p{font-size:10px}.panel-heading .eyebrow{font-size:7px}.panel-heading .icon-btn{width:32px;height:32px}.mode-grid{grid-template-columns:1fr;gap:10px}.mode-grid .mode-card{min-height:100px}.mode-grid .mode-copy h3{font-size:15px}.mode-grid .mode-copy p{font-size:10px}.difficulty{flex-wrap:wrap;font-size:10px;gap:5px}.difficulty>span{width:100%;margin-bottom:8px}.difficulty button{font-size:10px;padding:8px 12px}.tour-grid{grid-template-columns:repeat(2,1fr)}.tour-summary{gap:15px}.tour-summary p{font-size:9px}.opponent h3{font-size:12px}.opponent p{font-size:9px}.settings-grid{grid-template-columns:1fr;gap:30px}.settings-foot{flex-direction:column;gap:20px;align-items:flex-start}.setting-row{font-size:10px}.theme-grid,.cosmetic-grid{grid-template-columns:repeat(2,1fr);gap:10px}.achievement-grid{grid-template-columns:1fr 1fr;gap:8px}.achievement{padding:12px 9px;gap:8px}.achievement>.icon{width:16px;height:16px}.achievement h3{font-size:9px}.achievement p{font-size:7px}.profile-summary{flex-wrap:wrap;gap:17px}.large-level{width:50px;height:55px;font-size:25px}.profile-summary>div:nth-child(2){width:calc(100% - 70px);flex:auto;margin:0}.profile-summary>div:nth-child(n+3){flex:1;padding:15px 0}.record-tables{grid-template-columns:1fr;gap:30px}.studio-layout{grid-template-columns:1fr;gap:25px}.studio-preview{height:200px;aspect-ratio:auto;padding:20px}.studio-preview.portrait{height:290px;aspect-ratio:9/14}.preview-type{font-size:35px;margin-bottom:20px;margin-top:14px}.studio-preview .logo-art{width:75px;height:36px}.studio-form h3{font-size:25px}.studio-note{font-size:9px}.tutorial-grid{grid-template-columns:1fr;gap:12px}.tutorial-grid>div{padding:20px}.tutorial-grid .icon{width:29px;height:29px;margin:14px 0}.tutorial-grid h3{font-size:15px}.tutorial-grid p{font-size:11px}.tutorial-foot{flex-direction:column;align-items:stretch;gap:18px}.tutorial-foot p{font-size:9px}.result-stats{grid-template-columns:1fr 1fr;row-gap:25px}.result-buttons{flex-direction:column;gap:10px}.result-score{font-size:56px}.hud-top{top:18px;left:5%;right:5%;flex-wrap:wrap;gap:15px}.hud-brand{font-size:13px;padding:6px 0}.hud-brand b{font-size:10px}.hud-buttons{margin-left:auto;gap:6px}.hud-buttons .icon-btn{width:33px;height:33px}.hud-buttons .icon{width:17px;height:17px}.scoreboard{order:3;width:100%;justify-content:center;gap:25px;padding:10px 16px;margin-top:0}.scoreboard strong{font-size:35px}.score-label b{font-size:9px}.scoreboard small{font-size:7px}.score-label small{font-size:6px}.hud-help{display:none}.hud-bottom{left:6%;right:6%;bottom:max(25px,env(safe-area-inset-bottom));align-items:center;gap:20px}.smash-meter{width:auto;flex:1;max-width:65%}.smash-meter>div:first-child{font-size:8px}.smash-meter strong{font-size:8px}.smash-meter small{font-size:6px;letter-spacing:.5px}.smash-button{width:75px;height:69px;border-radius:16px;flex-direction:column;gap:5px;font-size:9px}.smash-button .icon{height:25px;width:25px}.rally-counter{left:6%;top:30%;font-size:18px}.power-status{top:160px;font-size:8px}.court-message{top:43%;font-size:34px}.demo-controls{bottom:12px;left:12px;right:12px}.demo-controls .btn{font-size:9px;padding:7px 10px}.pause-options .btn{font-size:10px}.pause-content{padding:0}}@media(max-width:760px)and (max-height:700px){.hero-copy{padding-top:21px}.hero-copy h1{font-size:32px}.hero-copy>p{font-size:9px}.hero-cta{margin-top:15px}.hero-cta .primary{min-height:43px}.home-modes{margin-top:180px}.arena-caption{top:290px}}@media(max-height:540px)and (min-width:761px){.topbar{height:57px}.hero-copy{padding-top:18px}.hero-copy h1{font-size:35px;line-height:1.04;margin:12px 0}.hero-copy>p{font-size:9px}.hero-cta{margin-top:13px}.hero-cta .primary{min-height:39px;padding:8px 18px;font-size:10px}.input-hint{display:none}.home-modes{padding:10px 0}.section-line{margin-bottom:8px}.mode-card{padding:12px;min-height:68px}.mode-symbol{width:32px;height:36px}.mode-symbol .icon{width:23px}.mode-copy h3{font-size:12px;margin:3px 0}.mode-copy p{font-size:7px}.footer{height:33px}.court-label{bottom:27%}.hud-top{top:12px}.scoreboard{padding:7px 20px}.scoreboard strong{font-size:28px}.hud-bottom{bottom:14px}.smash-button{height:43px}.power-status{top:100px}.panel{margin:10px auto}.panel-heading h2{font-size:23px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}