@font-face{font-family:Nunito;src:url(/fonts/nunito.woff2) format("woff2");font-weight:400 1000;font-display:swap}:root{font-family:Nunito,Arial Rounded MT Bold,system-ui,sans-serif;color:#163e47;font-synthesis:none;--cream:#fff7db;--ink:#163e47;--coral:#f16d55;--aqua:#227b86;--yellow:#ffe59a;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{background:#9cdbd5;user-select:none;-webkit-user-select:none;touch-action:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0}button:focus-visible{outline:4px solid #fff;outline-offset:5px}button:disabled{cursor:default}button:active{transform:translateY(3px) scale(.98)}[hidden]{display:none!important}#arena{position:absolute;inset:0;width:100%;height:100%;display:block;outline:0}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#144c5c12,transparent 28%,transparent 65%,#10454c1c)}.screen{position:absolute;inset:0;padding:max(24px,var(--safe-top)) max(34px,env(safe-area-inset-right)) max(18px,var(--safe-bottom)) max(34px,env(safe-area-inset-left));display:flex;flex-direction:column;z-index:10}.home-screen{pointer-events:none}.home-screen button{pointer-events:auto}.home-top{display:flex;align-items:center;justify-content:space-between}.brand-tag{font-size:11px;font-weight:1000;letter-spacing:2.5px;color:#176571;background:#fff6dcbc;border:1px solid #fff5c9;padding:9px 15px;border-radius:30px;box-shadow:0 3px #164e5910}.icon-button{height:46px;min-width:46px;border-radius:16px;border:2px solid #fff7d9cc;background:#fff9e7d9;box-shadow:0 4px #22647330;font-size:24px;font-weight:1000;display:grid;place-items:center;line-height:1;transition:transform .12s}.title-block{text-align:center;margin-top:10px;align-self:center;filter:drop-shadow(0 6px 0 #20565b15)}.title-kicker{font-weight:1000;letter-spacing:3px;font-size:10px;display:flex;align-items:center;gap:12px;justify-content:center;color:#195763;margin-bottom:10px}.title-kicker i{width:25px;height:2px;background:currentColor;opacity:.5}h1{margin:0;display:flex;justify-content:center;gap:15px;font-size:clamp(70px,10.5vw,148px);letter-spacing:-8px;line-height:.91;font-weight:1000;transform:rotate(-3deg);paint-order:stroke fill;-webkit-text-stroke:9px var(--cream);filter:drop-shadow(0 7px 0 #184e5a);color:#f27155}h1>span:nth-child(2){color:#ffdf85;position:relative}.title-ball{position:absolute;right:4%;font-size:33px;top:-16px;color:#fff9e9;-webkit-text-stroke:3px #ec7557;transform:rotate(20deg);display:none}.title-block p{font-weight:900;letter-spacing:.3px;font-size:17px;color:#215963;margin:26px 0 0}.home-bottom{margin-top:auto;align-self:center;display:flex;flex-direction:column;align-items:center;width:100%;max-width:700px}.primary-button{background:var(--coral);color:var(--cream);font-size:17px;font-weight:1000;letter-spacing:1.3px;padding:17px 26px;min-height:59px;border-radius:18px;border:3px solid #ffb58e;box-shadow:0 6px #af4e43,0 10px 20px #864d3d20;display:flex;align-items:center;justify-content:center;gap:35px;transition:transform .12s,filter .2s;min-width:280px}.primary-button:hover{filter:brightness(1.07)}.primary-button span{font-size:23px;line-height:1}.home-bottom>.primary-button{min-width:310px;transform:rotate(-1deg)}.home-bottom>.primary-button:active{transform:rotate(-1deg) translateY(4px)}.text-button{background:none;font-size:11px;letter-spacing:1.8px;font-weight:1000;padding:19px 15px;color:#1f5661;display:flex;align-items:center;justify-content:center;gap:10px}.text-button span{border:1.8px solid currentColor;width:18px;height:18px;border-radius:50%;font-size:11px;display:grid;place-items:center}.home-footer{display:flex;flex-direction:column;text-align:center;gap:6px;color:#2c6267;font-size:9px;font-weight:900;letter-spacing:1.5px}.home-footer span:last-child{opacity:.7;font-size:8px}.shaded-screen{background:#174c6499;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);align-items:center;justify-content:center}.screen-heading{display:flex;align-items:center;justify-content:space-between;width:min(960px,100%);gap:20px;margin-bottom:30px}.screen-heading>div:nth-child(2){flex:1}.eyebrow{display:block;font-size:10px;letter-spacing:2px;font-weight:1000;color:#6d9496;margin-bottom:8px}.screen-heading .eyebrow{color:#c5ebe3}.screen-heading h2{color:var(--cream)}h2{font-size:clamp(28px,4vw,44px);line-height:1.06;letter-spacing:-1.2px;font-weight:1000;margin:0}.small-badge{font-size:9px;color:#d8f2e8;letter-spacing:1.5px;font-weight:900;border:1px solid #9dc7c2;padding:8px 12px;border-radius:20px}.loadout-content{width:min(960px,100%);display:flex;flex-direction:column;align-items:center}.power-options{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;width:100%}.power-card{padding:0;background:var(--cream);border-radius:22px;border:3px solid transparent;box-shadow:0 7px #123b4c7a;text-align:left;overflow:hidden;transition:transform .16s,box-shadow .16s,border-color .16s}.power-card:hover{transform:translateY(-5px)}.power-card.selected{border-color:#ffdc86;box-shadow:0 0 0 3px #f9c85e60,0 8px #143f4e;transform:translateY(-5px)}.power-art{height:130px;position:relative;display:grid;place-items:center;overflow:hidden;background:#bce5de}.power-art:after{content:"";position:absolute;width:130px;height:130px;left:calc(50% - 65px);top:18px;border:1px solid #fff8db80;border-radius:50%;box-shadow:0 0 0 18px #fff8db25,0 0 0 36px #fff8db10}.power-art span{z-index:1;font-family:system-ui,sans-serif;font-weight:1000;font-size:89px;line-height:1;text-shadow:0 5px 0 #14475022;transform:rotate(-12deg);color:#247b83}.auto-art{background:#ead0eb}.auto-art span{color:#9d67aa}.smash-art{background:#ffd2a1}.smash-art span{color:#e87649;font-size:115px;transform:rotate(10deg)}.power-copy{padding:20px 21px 16px}.power-type{font-size:8px;letter-spacing:1.4px;font-weight:1000;color:#7b9790}h3{font-size:25px;margin:6px 0 10px;font-weight:1000;letter-spacing:-.7px}.power-copy p{font-size:12px;line-height:1.7;margin:0 0 18px;font-weight:700;color:#57777b}.power-selection{display:block;border-top:1px solid #cbd9c3;padding-top:12px;font-size:9px;letter-spacing:1.4px;font-weight:1000;color:#799591}.selected .power-selection{color:#df6b48}.opponent-strip{display:flex;align-items:center;width:100%;max-width:600px;gap:15px;margin:27px 0 19px;color:var(--cream)}.opponent-strip .eyebrow{color:#adcfce;font-size:8px;margin:0 0 4px}.opponent-strip strong{font-weight:1000;font-size:19px}.opponent-strip small{font-size:8px;margin-left:12px;letter-spacing:1px;font-weight:800;color:#c4dcd7}.crab-badge{width:49px;height:49px;display:grid;place-items:center;font-size:26px;border-radius:15px;background:#fff2ca20;border:1px solid #fff2ca50}.tour-dots{display:flex;gap:7px;margin-left:auto}.tour-dots i{width:9px;height:9px;background:#9fc7c346;border-radius:50%}.tour-dots i.active{background:#ffdf8d;box-shadow:0 0 0 3px #ffdf8d20}.loadout-tip{font-size:10px;color:#c0dcda;font-weight:800;margin:18px 0 0}.modal{background:var(--cream);border-radius:30px;padding:35px 39px;max-width:560px;width:100%;border:3px solid #fff9e9;box-shadow:0 10px #14475977,0 20px 90px #123a3e33;text-align:center}.modal h2{margin-bottom:25px}.modal>.primary-button,.modal>.secondary-button{width:100%}.modal>.text-button{margin:auto}.secondary-button{margin-top:17px;padding:14px;background:#dce8d4;color:#34727a;min-height:50px;border-radius:13px;font-weight:1000;letter-spacing:1px;font-size:12px;border:2px solid #cadac4;box-shadow:0 3px #aec9bc}.help-modal{max-width:580px;padding-top:30px}.help-steps{text-align:left;margin-bottom:22px}.help-steps>div{display:flex;gap:18px;align-items:flex-start;padding:10px 0}.help-steps b{font-size:22px;color:#e7865c;line-height:1.3}.help-steps p{margin:0;color:#59767a;font-size:12px;line-height:1.7;font-weight:650}.help-steps strong{display:block;color:#204e58;font-weight:1000;font-size:14px;line-height:1.5}.help-controls{background:#e7ecda;padding:14px;border-radius:13px;text-align:left;font-size:10px;line-height:1.6;color:#5c7b7c;display:grid;gap:8px;margin-bottom:25px}.help-controls b{color:#247581;display:block;font-size:9px;letter-spacing:1px}.settings-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding-top:23px;border-top:1px solid #cbdcc7;margin-top:15px}.setting-button{background:#dfebd8;padding:10px;border-radius:8px;font-size:8px;font-weight:1000;letter-spacing:.8px}.save-note{display:block;font-size:10px;margin-top:20px;color:#78938d}.result-medal{width:86px;height:86px;margin:-72px auto 25px;background:#ffde8b;border:6px solid #fff2c2;border-radius:50%;color:#d69041;font-size:45px;display:grid;place-items:center;box-shadow:0 7px #c58d49;transform:rotate(-12deg)}.result-modal h2{font-size:45px;margin:10px 0}.result-modal p{font-size:12px;color:#638182;margin:15px 0}.result-score{display:flex;align-items:center;justify-content:center;gap:28px;font-size:65px;font-weight:1000;line-height:1.2;margin:17px 0;color:#248894}.result-score span:last-child{color:#e58264}.result-score small{font-size:24px;color:#afc6b7}#result-stats{font-size:10px;font-weight:900;letter-spacing:1px;color:#7b9791;padding-bottom:23px}#hud{position:absolute;inset:0;pointer-events:none;padding:0 24px;z-index:5}.scoreboard{position:absolute;top:max(22px,var(--safe-top));left:50%;transform:translate(-50%);display:flex;align-items:center;background:#fff8e5ed;border:2px solid #fff9eb;border-radius:20px;height:72px;box-shadow:0 5px #25627025;overflow:hidden;min-width:410px}.score-side{display:flex;align-items:center;gap:20px;padding:0 22px;font-weight:1000;min-width:120px}.score-side span{font-size:10px;letter-spacing:1px}.score-side b{font-size:38px;color:#238c99}.score-side.rival b{color:#ef7a5c}.score-center{border-left:1px solid #d3e0ce;border-right:1px solid #d3e0ce;text-align:center;padding:0 16px;min-width:150px}.score-center span{display:block;font-size:9px;letter-spacing:1px;font-weight:1000;color:#326875}.score-center small{font-size:7px;font-weight:900;letter-spacing:.7px;color:#879c91;display:block;margin-top:5px}.pause-button{position:absolute;right:max(26px,env(safe-area-inset-right));top:max(31px,var(--safe-top));pointer-events:auto}.match-meta{position:absolute;top:111px;left:50%;transform:translate(-50%);display:flex;gap:17px;white-space:nowrap;font-weight:1000;font-size:8px;letter-spacing:1.4px;color:#337480}.match-meta span+span{color:#c76c49}#announcement{position:absolute;top:25%;left:50%;transform:translate(-50%,-10px) rotate(-3deg) scale(.9);color:#fff5cf;font-size:clamp(25px,4vw,55px);font-weight:1000;text-align:center;line-height:1.1;white-space:nowrap;paint-order:stroke fill;-webkit-text-stroke:5px #1b5864;filter:drop-shadow(0 4px 0 #1b586450);opacity:0;transition:opacity .15s,transform .2s;letter-spacing:-1px}#announcement.show{opacity:1;transform:translate(-50%) rotate(-3deg) scale(1)}.power-dock{position:absolute;bottom:67px;left:50%;transform:translate(-50%);width:244px;background:#fff8e8d9;padding:11px 14px;border-radius:14px;border:1px solid #fff8e5;box-shadow:0 3px #24505c20}.power-title{display:flex;justify-content:space-between;font-weight:1000;font-size:8px;letter-spacing:1px;margin-bottom:6px}#power-state{color:#d66c4b}.power-track{height:7px;border-radius:5px;background:#b9d6ce;overflow:hidden}#power-fill{height:100%;width:100%;background:linear-gradient(90deg,#ffbd71,#ef795e);border-radius:5px;transition:width .1s}#keyboard-hint{position:absolute;bottom:29px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:8px;font-weight:1000;letter-spacing:1px;color:#3e6e72;display:flex;align-items:center;gap:6px}kbd{font:inherit;background:#fff8df9c;padding:4px 6px;border:1px solid #fff8df;border-radius:5px}#keyboard-hint>span{margin:0 6px}.touch-action{pointer-events:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;border:3px solid #fff8e5e8;box-shadow:0 5px #194c6366;color:var(--cream);touch-action:none}.touch-action span{font-size:33px;font-weight:1000;line-height:1}.touch-action small{font-size:8px;font-weight:1000;letter-spacing:1px;margin-top:3px}.hit-action{background:#f47d5f;width:80px;height:80px}.jump-action{background:#378b98;width:70px;height:70px}.power-action{background:#d5a14f;width:57px;height:57px;position:absolute;right:0;top:-67px}.power-action span{font-size:28px}.power-action small{font-size:6px}.power-action.empty{filter:saturate(.2);opacity:.6}.power-action.ready{animation:power-pulse 2s infinite}.action-pad{display:flex;align-items:flex-end;gap:13px;position:absolute;bottom:max(23px,var(--safe-bottom));right:max(25px,env(safe-area-inset-right))}#touch-controls{display:none}#joystick{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(22px,var(--safe-bottom));width:151px;height:95px;pointer-events:auto;touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:3px}#joystick small{font-size:8px;font-weight:1000;letter-spacing:2px;color:#265f6c;margin-top:13px}.stick-track{width:151px;height:64px;background:#fff8e877;border:2px solid #fff8e8b0;border-radius:40px;box-shadow:inset 0 2px 8px #19586920;display:flex;justify-content:space-between;align-items:center;padding:0 15px;color:#306c77;font-size:25px;font-weight:900}#stick{position:absolute;width:57px;height:57px;border-radius:50%;left:47px;top:12px;background:#fff6da;border:4px solid #fffbed;box-shadow:0 4px #22697d50;will-change:transform}#toast{position:absolute;bottom:20%;left:50%;transform:translate(-50%);background:#174e63ed;color:var(--cream);border:1px solid #a8d4cc;border-radius:30px;padding:12px 22px;font-size:11px;font-weight:900;z-index:40;opacity:0;transition:opacity .2s;pointer-events:none;text-align:center;max-width:90%}#toast.show{opacity:1}#loading{position:absolute;inset:0;background:#a6dfd6;display:flex;gap:20px;align-items:center;justify-content:center;flex-direction:column;z-index:50;color:#206b78;font-size:13px}.loading-ball{width:45px;height:45px;border:8px solid #fff2ca;border-left-color:#f47c5e;border-right-color:#f47c5e;border-radius:50%;animation:spin 1s linear infinite}#error-screen{position:absolute;inset:0;z-index:100;background:#fff3d6;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px}#error-screen p{max-width:500px;font-size:14px;line-height:1.6}.touch-mode #touch-controls{display:block}.touch-mode #keyboard-hint{display:none}.touch-mode .power-dock{bottom:31px;width:190px}.pressed{filter:brightness(1.25);transform:translateY(4px) scale(.96)!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes power-pulse{50%{box-shadow:0 5px #194c6366,0 0 0 7px #ffe29130}}@media(min-width:1400px){.title-block{margin-top:24px}.home-bottom{padding-bottom:15px}.home-bottom>.primary-button{min-width:340px;padding:19px 35px}.home-footer{margin-top:9px}}@media(max-width:700px){.screen{padding:20px 20px max(18px,var(--safe-bottom))}.home-top{padding-top:var(--safe-top)}.brand-tag{font-size:8px;padding:8px 11px;letter-spacing:1.5px}.icon-button{height:40px;min-width:40px;border-radius:13px;font-size:21px}.title-block{margin-top:35px}h1{font-size:clamp(60px,14vw,95px);letter-spacing:-4px;gap:8px;-webkit-text-stroke:6px;filter:drop-shadow(0 5px 0 #184e5a)}.title-kicker{font-size:7px;letter-spacing:1.7px;gap:6px}.title-kicker i{width:12px}.title-block p{font-size:13px;margin-top:22px}.home-bottom{padding-bottom:10px}.home-bottom>.primary-button{min-width:270px}.home-footer{font-size:7px;letter-spacing:.8px}.home-footer span:last-child{font-size:7px}.screen-heading{gap:12px;margin-bottom:18px}.screen-heading h2{font-size:31px}.eyebrow{font-size:8px;letter-spacing:1.5px}.small-badge{display:none}.power-options{grid-template-columns:1fr;gap:11px;max-width:460px}.power-card{display:flex;border-radius:17px;min-height:111px}.power-card.selected{transform:translate(3px);box-shadow:0 0 0 2px #f9c85e60,0 5px #143f4e}.power-art{width:105px;min-width:105px;height:auto}.power-art span{font-size:70px}.smash-art span{font-size:87px}.power-art:after{width:95px;height:95px;top:12px;left:5px}.power-copy{padding:11px 14px;flex:1}.power-type{font-size:6px;letter-spacing:.9px}h3{font-size:21px;margin:3px 0 5px}.power-copy p{font-size:9px;line-height:1.5;margin:0 0 8px}.power-selection{padding-top:6px;font-size:7px}.opponent-strip{margin:18px 0 16px}.opponent-strip small{display:block;margin:3px 0 0;font-size:7px}.opponent-strip strong{font-size:17px}.crab-badge{width:42px;height:42px;font-size:24px}.loadout-tip{font-size:8px;margin-top:16px}.primary-button{min-height:53px;font-size:13px;min-width:240px}.screen-heading .icon-button{height:35px;min-width:35px}.modal{padding:26px 23px;border-radius:24px;max-width:440px}.modal h2{font-size:31px;margin-bottom:17px}.help-steps{margin-bottom:14px}.help-steps>div{gap:12px;padding:8px 0}.help-steps p{font-size:11px}.help-steps strong{font-size:12px}.help-steps b{font-size:18px}.help-controls{font-size:9px;padding:11px;margin-bottom:18px}.scoreboard{top:max(18px,var(--safe-top));min-width:0;width:calc(100% - 78px);left:15px;transform:none;height:60px;border-radius:16px}.score-side{padding:0 12px;gap:11px;min-width:0;flex:1;justify-content:center}.score-side span{font-size:8px}.score-side b{font-size:28px}.score-center{min-width:90px;padding:0 8px}.score-center span{font-size:7px}.score-center small{font-size:5px;letter-spacing:.2px}.pause-button{right:14px;top:max(27px,var(--safe-top))}.match-meta{top:94px;font-size:7px;letter-spacing:.7px;gap:10px}#announcement{top:28%;font-size:32px;-webkit-text-stroke:4px}.touch-mode .power-dock{bottom:163px;width:174px;left:50%;padding:9px 12px}.power-title{font-size:7px}.power-track{height:6px}.action-pad{bottom:max(27px,var(--safe-bottom));right:20px;gap:10px}.hit-action{height:73px;width:73px}.jump-action{height:64px;width:64px}.power-action{width:53px;height:53px;top:-63px}#joystick{left:20px;width:131px}.stick-track{width:131px}#stick{left:37px}.result-modal h2{font-size:38px}}@media(max-height:650px)and (min-width:701px){.screen{padding-top:15px;padding-bottom:12px}.title-block{margin-top:-30px}.title-kicker{font-size:8px}h1{font-size:91px;letter-spacing:-5px;-webkit-text-stroke:6px}.title-block p{font-size:13px;margin-top:17px}.home-bottom>.primary-button{min-height:49px;padding:11px 25px;min-width:265px;font-size:14px}.text-button{padding:15px;font-size:9px}.home-footer{font-size:7px;gap:3px}.home-footer span:last-child{font-size:6px}.screen-heading{margin-bottom:18px;max-width:790px}.screen-heading h2{font-size:31px}.power-options{gap:14px}.loadout-content{max-width:790px}.power-art{height:84px}.power-art span{font-size:65px}.smash-art span{font-size:85px}.power-copy{padding:12px 16px}.power-copy p{font-size:10px;margin-bottom:9px}.power-type{font-size:7px}h3{font-size:22px;margin:4px 0 6px}.power-selection{padding-top:9px;font-size:7px}.opponent-strip{margin:17px 0 14px;max-width:500px}.crab-badge{width:36px;height:36px;font-size:22px}.opponent-strip strong{font-size:16px}.primary-button{min-height:47px;padding:11px 25px;font-size:13px}.loadout-tip{font-size:8px;margin-top:12px}.modal{padding:22px 30px;max-width:510px}.modal h2{font-size:31px;margin-bottom:15px}.help-steps{margin-bottom:12px}.help-steps>div{padding:6px 0}.help-steps p{font-size:10px}.help-steps strong{font-size:12px}.help-controls{margin-bottom:14px;padding:10px;font-size:9px;gap:4px}.help-controls b{display:inline;margin-right:8px}.result-medal{width:65px;height:65px;margin:-50px auto 19px;font-size:35px}.result-score{font-size:49px;margin:13px 0}.result-modal p{margin:12px 0}.scoreboard{height:57px;top:16px}.score-side b{font-size:30px}.match-meta{top:87px}.pause-button{top:22px}.touch-mode .power-dock{bottom:21px;width:180px}#announcement{top:27%}.settings-row{padding-top:13px;margin-top:5px}.save-note{margin-top:13px}}@media(max-height:480px)and (orientation:landscape){.screen{padding:12px 24px}.title-block{margin-top:-39px}.title-kicker{font-size:7px;margin-bottom:5px}h1{font-size:68px}.title-block p{font-size:11px;margin-top:15px}.home-bottom>.primary-button{min-height:43px;padding:8px 22px;min-width:240px}.home-bottom>.text-button{padding:12px}.home-footer{font-size:6px}.home-footer span:last-child{display:none}.screen-heading{margin-bottom:11px;max-width:660px}.screen-heading h2{font-size:24px}.screen-heading .eyebrow{font-size:7px;margin-bottom:5px}.screen-heading .icon-button{height:33px;min-width:33px}.loadout-content{max-width:660px}.power-options{grid-template-columns:repeat(3,1fr);gap:12px;max-width:none}.power-card{display:block;min-height:0;border-radius:13px}.power-card.selected{transform:translateY(-2px)}.power-art{height:53px;width:100%;min-width:0}.power-art span{font-size:48px}.smash-art span{font-size:65px}.power-copy{padding:8px 11px}.power-type{font-size:5px}.power-copy h3{font-size:18px;margin:3px 0}.power-copy p{font-size:8px;margin-bottom:7px}.power-selection{padding-top:6px;font-size:6px}.opponent-strip{margin:11px 0 9px;max-width:450px;gap:10px}.opponent-strip .eyebrow{font-size:6px}.opponent-strip strong{font-size:13px}.opponent-strip small{font-size:6px;display:inline;margin-left:8px}.crab-badge{width:28px;height:28px;font-size:19px;border-radius:9px}.primary-button{min-height:40px;padding:8px 20px;font-size:12px;min-width:220px;border-radius:13px}.loadout-tip{font-size:7px;margin-top:10px}.modal{padding:19px 27px;max-width:520px}.modal h2{font-size:27px;margin-bottom:11px}.help-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:8px}.help-steps>div{display:block}.help-steps b{font-size:15px}.help-steps p{font-size:9px}.help-steps strong{font-size:10px;margin:5px 0}.help-controls{font-size:8px;padding:8px;margin-bottom:11px;gap:3px}.help-controls b{display:inline;font-size:7px}.settings-row{padding-top:10px;margin-top:1px}.save-note{margin-top:11px}.secondary-button{min-height:38px;padding:10px;font-size:10px}.result-modal{max-width:390px;padding:16px 27px}.result-medal{width:47px;height:47px;margin:-40px auto 12px;font-size:25px;border-width:4px}.result-modal h2{font-size:28px;margin:5px 0}.result-modal p{font-size:10px;margin:8px 0}.result-score{font-size:35px;margin:8px 0}#result-stats{font-size:8px;padding-bottom:13px}.result-modal>.text-button{padding:13px}.scoreboard{height:48px;top:12px;min-width:340px;width:auto;left:50%;transform:translate(-50%)}.score-side{padding:0 15px;gap:15px}.score-side b{font-size:27px}.score-center{min-width:130px}.match-meta{top:71px;font-size:6px}.pause-button{top:16px}.power-title{font-size:6px}.touch-mode .power-dock{bottom:15px;padding:8px 11px;width:170px}.action-pad{bottom:19px;right:22px}.hit-action{height:65px;width:65px}.jump-action{height:57px;width:57px}.power-action{width:45px;height:45px;top:-53px}#joystick{left:22px;bottom:18px;width:130px;height:77px}.stick-track{width:130px;height:55px}#stick{width:49px;height:49px;left:40px;top:2px}#joystick small{margin-top:10px}#announcement{font-size:30px;top:25%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition:none!important}}h1{-webkit-text-stroke-color:var(--cream)}#announcement{-webkit-text-stroke-color:#1b5864}@media(max-width:700px)and (max-height:740px)and (orientation:portrait){#loadout{padding:14px 18px max(14px,var(--safe-bottom))}#loadout .screen-heading{margin-bottom:14px;gap:11px}#loadout .screen-heading h2{font-size:28px}#loadout .power-options{gap:10px}#loadout .power-card{height:112px;min-height:112px}#loadout .power-art{width:90px;min-width:90px}#loadout .power-copy{padding:7px 12px}#loadout h3{font-size:20px;margin:2px 0 3px}#loadout .power-copy p{font-size:9px;line-height:1.35;margin:0 0 6px}#loadout .power-selection{padding-top:5px;font-size:6px}#loadout .opponent-strip{margin:14px 0 12px}#loadout .primary-button{min-height:50px;padding:12px 20px}#loadout .loadout-tip{margin-top:13px;font-size:7px}}@media(max-width:700px)and (max-height:620px)and (orientation:portrait){#loadout .screen-heading h2{font-size:25px}#loadout .screen-heading{margin-bottom:11px}#loadout .power-card{height:101px;min-height:101px}#loadout .power-copy{padding:6px 10px}#loadout .power-art{width:74px;min-width:74px}#loadout .power-type{font-size:5px}#loadout h3{font-size:18px}#loadout .power-copy p{font-size:8px;margin-bottom:5px}#loadout .opponent-strip{margin:11px 0}#loadout .crab-badge{width:34px;height:34px;font-size:20px}#loadout .loadout-tip{display:none}#loadout .primary-button{min-height:45px;padding:10px 18px}.help-modal{padding:20px 19px}.help-modal h2{font-size:28px;margin-bottom:11px}.help-steps>div{padding:5px 0}.help-steps p{font-size:10px}.help-controls{font-size:8px;margin-bottom:12px}}