:root{--acid:#dfff68;--ink:#292735;--lcd:#c9d6bd;--muted:#a6a0b7}*{box-sizing:border-box}body{margin:0;background:#f0edf4;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background-image:radial-gradient(#c2bdce80 .7px,transparent .7px);background-size:16px 16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #9860e8;outline-offset:3px}header{max-width:1240px;padding:25px 5%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{font-size:20px;font-weight:900;letter-spacing:-1px}.brand span{color:#8861bc}.brand b{color:#8861bc}nav{display:flex;align-items:center;gap:25px;font:10px monospace}nav button{border:1px solid #b3acbf;border-radius:6px;background:#fff6;padding:10px 15px;font:bold 9px monospace}.intro{text-align:center;margin:16px auto 25px}.intro>p{font:9px monospace;letter-spacing:3px;color:#8b7c9e;margin:0 0 10px}.intro h1{font-size:clamp(30px,4vw,50px);letter-spacing:-2.5px;font-weight:900;line-height:1;margin:0 0 10px}.intro h1 em{color:#9164c3;font-style:normal}.intro>span{font-size:11px;color:#8b8199}.handheld{width:min(850px,94vw);margin:auto;filter:drop-shadow(0 32px 28px #4939512a)}.lid{background:linear-gradient(145deg,#494651,#2c2934 60%,#39343f);border-radius:30px 30px 18px 18px;border:2px solid #595461;padding:25px 77px 19px;position:relative;box-shadow:inset 0 2px 1px #ffffff35,inset 0 -5px 0 #1e1b25,0 3px 0 #17151d}.camera{position:absolute;top:9px;left:50%;width:6px;height:6px;border-radius:50%;background:#121018;border:1px solid #676172}.speaker{position:absolute;top:44%;color:#15121d;font:bold 19px monospace;line-height:12px;letter-spacing:3px;text-shadow:0 1px #736a7c}.speaker-left{left:22px}.speaker-right{right:19px}.top-bezel{background:#121017;border:2px solid #16131b;border-radius:10px;padding:7px;box-shadow:0 1px 0 #726b7d,inset 0 0 10px #000}.screen-label{display:flex;justify-content:space-between;align-items:center;height:23px;padding:0 5px 5px;font:7px monospace;letter-spacing:1px;color:#b2abbf}.screen-label i{display:inline-block;width:4px;height:4px;background:var(--acid);border-radius:50%;box-shadow:0 0 8px #df68}.screen-label b{font-weight:400}.screen-label>div{display:flex;gap:11px}.screen-label button{color:#c8c1d5;background:none;border:0;font-size:12px;padding:0 2px}.battle-screen{aspect-ratio:3/2;background:#315737;position:relative;overflow:hidden;isolation:isolate;border-radius:3px}#game{width:100%;height:100%;display:block;touch-action:none}.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0px,transparent 3px,#00000007 3px,#00000007 4px);box-shadow:inset 0 0 24px #152d2555}.battle-hud{position:absolute;top:11px;left:12px;right:12px;display:flex;justify-content:space-between;pointer-events:none;color:#fffde5;text-shadow:1px 2px #273a1e}.battle-hud>div{min-width:60px}.battle-hud>div:last-child{text-align:right}.battle-hud span{font:7px monospace;letter-spacing:1px;display:block}.battle-hud strong{font:bold 21px monospace;display:flex;align-items:baseline;gap:3px;margin-top:3px}.battle-hud strong span{font:9px monospace;color:#d7e8b7;letter-spacing:0}.battle-hud>div:last-child strong{justify-content:flex-end}.zone-hud{text-align:center}.zone-hud strong{justify-content:center;font-size:17px}.feed{position:absolute;top:68px;left:12px;pointer-events:none;font:7px monospace;line-height:1.7;color:#ffffe8;text-shadow:1px 1px #203220}.feed div{background:#2036199c;margin-bottom:3px;padding:2px 5px;width:fit-content}.screen-bottom{position:absolute;bottom:9px;left:12px;right:12px;display:flex;justify-content:space-between;gap:8px;font:6px monospace;letter-spacing:.7px;color:#f5ffd2;text-shadow:1px 1px #203220;pointer-events:none}.live-dot{color:#e2ff92;white-space:nowrap}.lid-brand{margin-top:11px;text-align:center;font:bold 8px monospace;letter-spacing:2px;color:#9e96ae;text-shadow:0 -1px #15131b}.lid-brand>span{font-size:5px;margin-left:10px;color:#767080;letter-spacing:1.3px}.hinge{height:26px;display:flex;align-items:center;justify-content:space-between;margin:0 30px;background:linear-gradient(#302b38,#665e72 45%,#2c2634 95%);border:1px solid #231d2c;border-radius:9px;box-shadow:0 2px 2px #0006;position:relative;z-index:2}.hinge>i{height:100%;width:80px;border-left:1px solid #897d99;border-right:1px solid #201a28;margin:0 35px;background:linear-gradient(#514a5e,#867b96 40%,#4a4258)}.hinge>span{color:#a396b9;font-size:12px}.base{position:relative;display:grid;grid-template-columns:85px minmax(0,1fr) 85px;gap:25px;align-items:center;background:linear-gradient(145deg,#6c607b,#53475f 58%,#675972);border:2px solid #857691;border-top-color:#71647f;border-radius:18px 18px 30px 30px;padding:21px 25px 34px;box-shadow:inset 0 2px 1px #ffffff28,inset 0 -6px 0 #3a3045,0 5px 0 #27202e}.touch-bezel{padding:9px;background:#25212e;border-radius:9px;box-shadow:0 1px #a292b4,inset 0 2px 3px #0009}.touch-screen{background:var(--lcd);color:#344431;padding:11px 12px 8px;border-radius:2px;box-shadow:inset 0 0 15px #3b56352b;background-image:repeating-linear-gradient(transparent 0px,transparent 2px,#34443106 2px,#34443106 3px)}.touch-top{display:flex;justify-content:space-between;border-bottom:1px solid #34443130;padding-bottom:6px;font:6px monospace;letter-spacing:1px}.touch-main{display:flex;justify-content:space-between;align-items:center;height:82px}.profile{display:flex;gap:5px;align-items:center;min-width:0}.profile canvas{width:67px;height:67px}.profile small{font:5px monospace;letter-spacing:1px;opacity:.65}.profile h2{font:bold 15px monospace;margin:4px 0;letter-spacing:-.8px}.profile p{font:5px monospace;margin:0 0 5px;letter-spacing:.5px}.health-track{width:100%;height:5px;background:#34443125;border:1px solid #34443155}.health-track i{display:block;height:100%;width:100%;background:#4f7041}.profile #health-text{font:5px monospace;display:block;margin-top:3px}#radar{width:106px;height:70px;background:#a9ba9b;border:1px solid #34443130;border-radius:2px}.roster{display:flex;gap:3px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#607351 transparent;padding:1px 0 5px}.roster button{border:1px solid #34443135;background:#b9c9aa;padding:0;flex:0 0 34px;height:35px;border-radius:3px;position:relative}.roster button.selected{background:#e9f8ca;border:2px solid #4c6640}.roster canvas{width:100%;height:100%;display:block}.touch-actions{display:flex;gap:6px;margin-top:4px}.touch-actions button{font:bold 8px monospace;letter-spacing:.5px;border:1px solid #425937;border-radius:3px;padding:10px 6px;background:#415b36;color:#efffcb;flex:1;box-shadow:0 2px 0 #263a1d}.touch-actions #watch{flex:0 0 56px;background:transparent;color:#425937;box-shadow:none}.touch-actions button:disabled{opacity:.65;cursor:default}.screen-hint{font:5px monospace;letter-spacing:.6px;text-align:center;margin:8px 0 0;opacity:.7}.dpad{display:grid;grid-template-columns:repeat(3,28px);grid-template-rows:repeat(3,28px);filter:drop-shadow(0 3px 1px #201b28)}.dpad button,.dpad i{background:#28232f;color:#81758f;border:0;box-shadow:inset 0 1px #7b6f8855;font-size:9px;padding:0;touch-action:none;user-select:none}.dpad button:active{background:#42374e;color:#cfbcdf}.dpad [data-move=up]{grid-column:2;border-radius:4px 4px 0 0}.dpad [data-move=left]{grid-row:2;border-radius:4px 0 0 4px}.dpad i{grid-row:2;grid-column:2;box-shadow:none}.dpad [data-move=right]{grid-row:2;grid-column:3;border-radius:0 4px 4px 0}.dpad [data-move=down]{grid-row:3;grid-column:2;border-radius:0 0 4px 4px}.action-buttons{position:relative;width:85px;height:100px}.action-buttons button{position:absolute;width:31px;height:31px;border-radius:50%;border:1px solid #302537;color:#dccbeb;background:linear-gradient(#44364e,#33263f);box-shadow:0 3px 0 #241a2c,inset 0 1px #a792bb44;font:bold 12px monospace;touch-action:none}.action-buttons button:active{transform:translateY(2px);box-shadow:0 1px 0 #241a2c}.action-buttons button:disabled{opacity:.45}.button-x{top:0;left:27px}.button-a{top:29px;right:0}.button-b{top:58px;left:27px}.button-y{top:29px;left:0}.action-buttons .button-a{color:#d4f19b}.action-buttons .button-b{color:#e99dab}.base-footer{position:absolute;bottom:13px;left:25px;right:25px;display:flex;justify-content:space-between;color:#b4a2c6;font:5px monospace;letter-spacing:1px}.base-footer>div{display:flex;gap:16px}.power-led{display:inline-block;width:4px;height:4px;background:#b7e66e;box-shadow:0 0 7px #c2fb8d;margin-right:4px;border-radius:1px}.under-console{max-width:820px;margin:23px auto 0;padding:0 15px;display:flex;justify-content:space-between;font:7px monospace;letter-spacing:.4px;color:#92869e;gap:15px}.under-console b{margin:0 7px}kbd{border:1px solid #c6bdcf;border-radius:3px;padding:3px;font:7px monospace}.phone-help{display:none}.how{max-width:850px;margin:65px auto 0;padding:0 15px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.how b{font:11px monospace;color:#a88bc6}.how h3{font-size:12px;margin:12px 0}.how p{font-size:11px;line-height:1.8;color:#8b8098;margin:0}footer{max-width:950px;margin:45px auto 0;padding:30px 20px;text-align:center;border-top:1px solid #bbaeC130}footer>div{display:flex;justify-content:center;align-items:center;gap:25px;font:bold 9px monospace;color:#7c6396}footer button{border:0;background:none;color:inherit;font:inherit;padding:5px}footer code{font:8px monospace;display:block;margin:17px 0;color:#9789a1;overflow-wrap:anywhere}footer p{font:6px monospace;letter-spacing:1px;color:#a89bb1}#toast{position:fixed;bottom:25px;left:50%;translate:-50%;padding:14px 20px;background:#332b3e;color:#e3f9b1;border-radius:8px;font:11px monospace;z-index:100;opacity:0;pointer-events:none;transition:opacity .15s}#toast.show{opacity:1}.results{position:absolute;inset:0;z-index:5;background:#211931e8;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f1e9ff;text-align:center}.results[hidden]{display:none}.results p{font:8px monospace;letter-spacing:2px;color:#c7b0e0}.results h2{font-size:clamp(25px,4vw,48px);letter-spacing:-2px;margin:8px 0;color:var(--acid)}.results>span{font:9px monospace;margin:8px 0 20px}.results button{font:bold 9px monospace;background:var(--acid);color:#282336;border:0;border-radius:4px;padding:12px 22px;margin:5px}.results #spectate{background:transparent;color:#b7a6c9;font-size:7px;padding:7px}.announcement{position:absolute;top:40%;left:0;width:100%;text-align:center;font:bold italic 28px monospace;color:#e8ff9b;text-shadow:3px 3px #30302c;opacity:0;pointer-events:none}.announcement.show{animation:pop 1.2s ease forwards}@keyframes pop{0%{opacity:0;scale:.8}15%,75%{opacity:1;scale:1}100%{opacity:0;scale:1.06}}#loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#252230;color:#d8f18e;font:10px monospace;letter-spacing:2px;z-index:8}#loading span{display:block;margin-top:20px;color:#9c83c0}dialog{border:1px solid #a08cba;border-radius:16px;max-width:min(420px,90vw);background:#f0edf4;color:#302638;padding:30px;box-shadow:0 30px 100px #0004}dialog::backdrop{background:#211c2c99;backdrop-filter:blur(5px)}dialog h2{font-size:23px;letter-spacing:-1px}dialog p{font-size:13px;line-height:1.8;color:#7c6b8c}dialog button{background:#50415f;color:#efffd0;border:0;border-radius:5px;padding:12px 20px;font:bold 11px monospace}.expanded{position:fixed;inset:0;z-index:50;width:100%;max-width:none;height:100dvh;background:#2d2537;display:flex;flex-direction:column;justify-content:center;padding:10px;filter:none}.expanded .lid{padding:10px 35px;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.expanded .top-bezel{height:100%;max-width:1100px;width:100%;display:flex;flex-direction:column}.expanded .battle-screen{flex:1;aspect-ratio:auto;min-height:0}.expanded .lid-brand,.expanded .speaker,.expanded .camera,.expanded .hinge{display:none}.expanded .base{max-width:850px;width:100%;margin:auto;padding:10px 25px 25px;flex:0 0 auto}.expanded .touch-screen{padding:5px 12px}.expanded .touch-main{height:50px}.expanded .profile canvas{width:45px;height:45px}.expanded .touch-top,.expanded .roster,.expanded #radar,.expanded .screen-hint{display:none}.expanded .touch-actions{margin-top:0}.no-scroll{overflow:hidden}
@media(max-width:650px){header{padding:20px 5%}.brand{font-size:17px}nav{gap:15px}nav a span{display:none}nav a{font-size:16px}nav button{font-size:8px;padding:8px}.intro{margin:14px auto 22px}.intro h1{font-size:36px;letter-spacing:-2px}.intro>p{font-size:7px;letter-spacing:2px}.intro>span{font-size:9px}.handheld{width:96vw}.lid{padding:20px 11px 12px;border-radius:20px 20px 12px 12px}.speaker{display:none}.camera{top:7px}.top-bezel{padding:5px;border-radius:7px}.screen-label{font-size:6px;letter-spacing:.6px;height:21px}.battle-hud{top:8px;left:8px;right:8px}.battle-hud span{font-size:5px}.battle-hud strong{font-size:17px}.zone-hud strong{font-size:13px}.battle-hud strong span{font-size:7px}.feed{top:52px;left:8px;font-size:5px}.screen-bottom{font-size:4px;left:8px;right:8px;letter-spacing:.2px}.lid-brand{font-size:6px;margin-top:10px}.lid-brand>span{font-size:4px}.hinge{height:19px;margin:0 15px}.hinge>i{width:45px;margin:0 20px}.base{grid-template-columns:1fr 1fr;gap:14px 20px;padding:12px 18px 28px;border-radius:12px 12px 22px 22px}.touch-bezel{grid-row:1;grid-column:1/3;width:100%;padding:7px}.touch-screen{padding:10px 12px}.touch-main{height:76px}.touch-top{font-size:6px}.profile h2{font-size:15px}.profile small{font-size:6px}.profile p{font-size:6px}.profile #health-text{font-size:6px}.roster button{flex-basis:36px;height:36px}.touch-actions button{font-size:9px;padding:11px 5px}.screen-hint{font-size:5px}.dpad{grid-row:2;grid-column:1;justify-self:start;margin-left:13px;grid-template-columns:repeat(3,25px);grid-template-rows:repeat(3,25px)}.action-buttons{grid-row:2;grid-column:2;justify-self:end;height:75px;width:85px;margin-right:13px}.action-buttons button{width:28px;height:28px;font-size:11px}.button-x{top:-4px;left:29px}.button-a{top:21px}.button-b{top:46px;left:29px}.button-y{top:21px}.base-footer{bottom:11px;left:21px;right:21px;font-size:4px}.base-footer>div{gap:10px}.under-console{margin-top:21px;flex-direction:column;text-align:center;font-size:6px;gap:9px}.under-console>span:first-child{display:none}.phone-help{display:block}.how{grid-template-columns:1fr;gap:22px;margin:42px 5% 0;padding:0}.how>div{position:relative;padding-left:30px}.how b{position:absolute;left:0;top:1px;font-size:10px}.how h3{margin:0 0 6px;font-size:11px}.how p{font-size:10px}footer{margin-top:30px}footer>div{gap:15px;font-size:7px}footer code{font-size:6px}footer p{font-size:5px;line-height:1.8}.results p{font-size:6px}.results h2{font-size:28px}.results>span{font-size:7px;margin:3px 0 8px}.results button{font-size:7px;padding:9px 15px}.results #spectate{font-size:6px}.announcement{font-size:21px}.expanded{padding:0}.expanded .lid{padding:5px}.expanded .base{display:grid;grid-template-columns:70px 1fr 70px;gap:8px;padding:8px 10px 25px}.expanded .touch-bezel{grid-column:2;grid-row:1;padding:4px}.expanded .touch-main{height:45px}.expanded .profile canvas{width:35px;height:35px}.expanded .profile h2{font-size:10px}.expanded .profile small,.expanded .profile p,.expanded .health-track,.expanded #health-text{display:none}.expanded .touch-actions{display:block}.expanded .touch-actions #play{font-size:6px;width:100%;padding:7px 2px}.expanded #watch{display:none}.expanded .dpad{grid-column:1;grid-row:1;margin:0;scale:.8;transform-origin:center}.expanded .action-buttons{grid-column:3;grid-row:1;margin:0;scale:.8;transform-origin:center}.expanded .base-footer>div{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.announcement.show{opacity:1}}

@media(min-width:651px){header{padding-top:18px;padding-bottom:18px}.intro{margin:8px auto 20px}.intro h1{font-size:40px}.handheld{width:min(720px,94vw)}.lid{padding-left:60px;padding-right:60px}.speaker-left{left:13px}.speaker-right{right:10px}.base{gap:18px;padding-left:20px;padding-right:20px;grid-template-columns:75px minmax(0,1fr) 75px}.dpad{scale:.9;transform-origin:left center}.action-buttons{scale:.9;transform-origin:right center}.expanded{width:100%}.expanded .base{grid-template-columns:85px minmax(0,1fr) 85px}.expanded .lid{padding:10px 35px}}