@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{color:#f3eddf;font-synthesis:none;--ink:#191923;--cream:#f3eddf;--orange:#ffbb73;--muted:#aba7b6;--border:#ffffff18;--mono:"IBM Plex Mono",monospace;--display:"Barlow Condensed","Arial Narrow",Impact,sans-serif;background:#191923;font-family:Be Vietnam Pro,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 75% 0,#4e35452b,#0000 55%),#191923;margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #c1f6b9}a{color:inherit;text-decoration:none}button{color:inherit}button:enabled:hover{filter:brightness(1.09)}input,select{width:100%;color:var(--cream);background:#211e2c;border:1px solid #605361;border-radius:6px;padding:13px;font-size:12px}select{cursor:pointer}.shell{max-width:1510px;margin:auto;padding:0 44px}.nav{border-bottom:1px solid var(--border);align-items:center;gap:30px;height:91px;display:flex}.brand{font:800 27px/.85 var(--display);letter-spacing:1.1px;align-items:center;gap:10px;display:flex}.brand-icon{color:var(--orange);font-size:41px}.brand-sub{font:600 10px var(--mono);letter-spacing:6.1px;margin-top:6px;display:block}.nav-tag{font:9px var(--mono);color:#a5a0ac;letter-spacing:1.2px;margin-left:30px}.nav-actions{align-items:center;gap:26px;margin-left:auto;display:flex}.quiet{color:#c0bcc6;background:0 0;border:0;font-size:11px}.quiet span{border:1px solid #79727e;border-radius:50%;place-items:center;width:17px;height:17px;margin-left:6px;display:inline-grid}.seed-pill{color:#ffd59a;font:11px var(--mono);background:#392e27;border:1px solid #b49262;border-radius:6px;align-items:center;gap:9px;padding:13px 17px;display:flex}.seed-pill>span:first-child{font-size:19px}.seed-pill b{font-size:15px;font-weight:600}.seed-pill>span:last-child{margin-left:15px}.heading{justify-content:space-between;align-items:center;padding:38px 0 30px;display:flex}.eyebrow{font:9px/1.6 var(--mono);letter-spacing:1.5px;color:#c5b8bd;margin:0}.heading .eyebrow{align-items:center;gap:9px;display:flex}.eyebrow i,.tiny-live,.stage-dot{background:#b7e9b6;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 12px #b7e9b633}.heading h1{font:800 clamp(44px,5.2vw,78px)/1.03 var(--display);letter-spacing:-1px;margin:10px 0 11px}.heading h1>span:first-child{color:var(--orange)}.title-star{color:#ad9cb0;vertical-align:7px;margin-left:20px;font-family:system-ui;font-size:48px;display:inline-block}.intro{color:#aca7b4;margin:0;font-size:12px;line-height:1.9}.entry-note{text-align:right;font:10px var(--mono);letter-spacing:.8px;color:#d7cfcb}.entry-note .tiny-live{margin-right:6px}.entry-note small{letter-spacing:0;color:#898491;margin-top:10px;font:10px Be Vietnam Pro,sans-serif;display:block}.mode-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:24px;display:grid}.mode-card{text-align:left;background:#25232f;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:14px;min-height:90px;padding:20px;transition:border-color .15s,background .15s;display:flex}.mode-card.selected{background:#3c3029;border:1px solid #cc965f}.mode-number{font:10px var(--mono);color:#777280;align-self:flex-start;padding-top:2px}.mode-card.selected .mode-number{color:#c29c71}.mode-card b{font:700 20px var(--display);letter-spacing:.5px;display:block}.mode-card small{color:#9e99a8;margin-top:7px;font-size:9px;line-height:1.6;display:block}.mode-card.selected b{color:#ffd49f}.mode-symbol{color:#ae9eae;margin-left:auto;font-size:26px}.mode-card.selected .mode-symbol{color:var(--orange)}.play-layout{grid-template-columns:minmax(0,1fr) 307px;align-items:start;gap:22px;display:grid}.arena-column{min-width:0}.arena-top{font:9px var(--mono);letter-spacing:1px;color:#e3d5d6;background:#25232e;border:1px solid #ffffff20;border-bottom:0;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:13px 18px;display:flex}.stage-dot{background:#ffd09b;width:5px;height:5px;margin-right:7px}.arena-top em{color:#968692;margin-left:15px;font-style:normal}.arena-top>div{color:#94909d;letter-spacing:.5px;align-items:center;gap:17px;font-size:8px;display:flex}.icon-button{color:#c0b3bd;font:8px var(--mono);background:0 0;border:1px solid #625667;border-radius:3px;padding:5px 7px}.arena-screen{aspect-ratio:1200/650;background:#3f314b;border:1px solid #635062;border-top:0;position:relative;overflow:hidden}.arena-screen canvas{width:100%;height:100%;display:block}.fight-hud{pointer-events:none;grid-template-columns:1fr 68px 1fr;gap:15px;display:grid;position:absolute;top:5.5%;left:4%;right:4%}.fighter-name{text-shadow:1px 2px 2px #28192e;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.fighter-name>span{font:800 clamp(15px,1.7vw,24px) var(--display);letter-spacing:1.4px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fighter-name small{font:7px var(--mono);color:#e2cdd4;white-space:nowrap}.hp-track{background:#312338;border:2px solid #c8a1aa;height:13px;overflow:hidden;transform:skew(-10deg);box-shadow:0 3px #30203988}.hp-track span{background:linear-gradient(90deg,#efb078,#ffe0a4);width:100%;height:100%;transition:width .12s;display:block}.player-hud.right .hp-track{transform:skew(10deg)}.player-hud.right .hp-track span{background:linear-gradient(90deg,#ddd2f4,#ab9dcd);margin-left:auto}.player-hud.right .fighter-name{flex-direction:row-reverse}.hud-bottom{justify-content:space-between;align-items:center;gap:10px;margin-top:7px;display:flex}.right .hud-bottom{flex-direction:row-reverse}.round-dots{color:#ffe2a3;letter-spacing:5px;font-size:12px}.energy-track{background:#382c44;width:55%;height:4px}.energy-track i{background:#b0f3c1;width:35%;height:100%;display:block}.timer{text-align:center;font-family:var(--display);color:#ffe5c0;text-shadow:0 3px #302238;line-height:1}.timer b{font-size:48px;font-weight:800;line-height:.9;display:block}.timer small{font:7px var(--mono);letter-spacing:1.1px;margin-top:7px;display:block}.arena-idle{text-align:center;pointer-events:none;background:radial-gradient(#33233e80,#0000 65%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:23% 0 26%}.pill{font:7px var(--mono);letter-spacing:1.5px;color:#f9dac6;background:#332339b8;border:1px solid #f4d1c451;border-radius:20px;padding:7px 12px}.arena-idle p{font:600 clamp(18px,2.4vw,35px)/1.14 var(--display);text-shadow:0 2px 15px #36253c;color:#ffead6;margin:15px 0}.arena-idle strong{color:#fff1d1;font-weight:800}.idle-hint{font:8px var(--mono);color:#f5d8cf;text-shadow:0 2px 10px #000}.pause{color:#f5dccd;background:#30273dc9;border:1px solid #ae8395;border-radius:4px;width:30px;height:29px;position:absolute;bottom:42px;right:15px}.match-overlay{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3;background:#231d32ce;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex;position:absolute;inset:0}.match-overlay h2{font:800 clamp(30px,4vw,60px)/1 var(--display);letter-spacing:1px;color:#ffda9b;margin:15px 0}.match-overlay p{color:#d3c6d0;max-width:420px;margin:0 0 17px;font-size:11px;line-height:1.8}.match-overlay #resultActions{gap:10px;display:flex}.match-overlay .primary-button,.match-overlay .secondary-button{width:auto;margin:0;padding:14px 20px;font-size:9px}.control-strip{background:#24222d;border:1px solid #ffffff1c;border-top:0;border-radius:0 0 8px 8px;justify-content:space-between;align-items:center;gap:10px;padding:16px;display:flex}.controls-caption{font:7px/1.8 var(--mono);color:#b1a7b4;letter-spacing:.5px;white-space:nowrap}.controls-caption b{color:#eddbcf;font-weight:400}.control-strip>div{text-align:center;white-space:nowrap}.control-strip small{color:#b9acbc;margin-top:6px;font-size:8px;display:block}.control-strip .special-key small{font-size:7px}kbd{min-width:24px;height:24px;font:10px var(--mono);color:#e5d8d9;background:#37303f;border:1px solid #6b606f;border-bottom-width:3px;border-radius:4px;justify-content:center;align-items:center;margin:0 1px;display:inline-flex}.special-key kbd{color:#ffd19d;background:#4d3c32;border-color:#a28465}.arena-bottom{color:#908693;font:8px/1.8 var(--mono);justify-content:space-between;gap:10px;padding:14px 1px;display:flex}.arena-bottom>span:first-child{color:#c5b4bf}.arena-bottom i{background:#b8eac1;border-radius:50%;width:4px;height:4px;margin-right:5px;display:inline-block}.arena-bottom>span:last-child{text-align:right;max-width:40%}.sidebar{flex-direction:column;gap:15px;display:flex}.fighter-card,.launch-card{border:1px solid var(--border);background:#25232f;border-radius:8px;padding:20px}.card-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-heading .eyebrow{letter-spacing:1.2px;font-size:8px}.mini-badge{font:6px var(--mono);color:#af9eb0;white-space:nowrap;border:1px solid #6a5667;border-radius:3px;padding:4px}.profile-art{place-items:center;height:172px;display:grid;position:relative}.profile-art canvas{z-index:1;width:100%;max-width:260px;height:auto;position:relative}.art-ring{background:radial-gradient(#a8806730,#0000 70%);border:1px solid #baa0ab36;border-radius:50%;width:137px;height:137px;position:absolute;transform:translateY(2px)}.art-ring:after{content:"";border:1px dashed #baa0ab33;border-radius:50%;position:absolute;inset:13px}.profile-index{font:800 64px var(--display);color:#ffffff09;position:absolute;bottom:20px;left:1px}.profile-title{justify-content:space-between;align-items:center;gap:10px;padding-bottom:16px;display:flex}.profile-title h2{font:800 28px var(--display);letter-spacing:1px;overflow-wrap:anywhere;margin:0}.profile-title>span{font:8px var(--mono);color:#b5a7b6;white-space:nowrap}.preset-row{gap:5px;margin-bottom:13px;display:flex}.preset-row button{color:#afa0b2;min-width:0;font:7px var(--mono);background:#2c2736;border:1px solid #625463;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 4px;display:flex}.preset-row button.active{color:#ffe1b7;background:#43362e;border-color:#bb9568}.preset-row button>span{background:var(--fur);border-radius:50%;width:8px;height:8px}.customize-button{font:9px var(--mono);color:#eac8b5;background:#332b34;border:1px solid #a78c82;border-radius:5px;justify-content:space-between;width:100%;padding:12px;display:flex}.card-note{color:#a99bab;margin:12px 0 0;font-size:9px;line-height:1.85}.launch-card{background:linear-gradient(150deg,#2c2936,#25232f)}.launch-card h3{font:700 25px var(--display);letter-spacing:.1px;margin:11px 0 19px}.field-label{color:#c4b5c5;margin-bottom:8px;font-size:10px;display:block}.primary-button{color:#2e2430;width:100%;font:600 11px var(--mono);letter-spacing:.2px;background:#ffc287;border:1px solid #ffc78e;border-radius:5px;justify-content:center;align-items:center;gap:15px;margin-top:15px;padding:16px 14px;display:flex;box-shadow:0 4px #c68e561f}.primary-button span{margin-left:auto;font-size:17px}.secondary-button{color:#d1bdcf;background:#302a39;border:1px solid #756276;border-radius:5px;width:100%;margin-top:10px;padding:12px 8px;font-size:9px}.fair-note{align-items:center;gap:12px;padding:1px 10px;display:flex}.fair-note>span{color:#b3d4b4;font-size:30px}.fair-note p{color:#a79baa;font-size:9px;line-height:1.9}.fair-note b{color:#d6c6d2;font-weight:400}.reward-mini{font:8px var(--mono);gap:7px;margin-bottom:18px;display:grid}.reward-mini span{color:#c9bdcc;justify-content:space-between;display:flex}.reward-mini b{color:#ffce8d;font-weight:500}.or{font:7px var(--mono);color:#a699ac;white-space:nowrap;align-items:center;gap:8px;margin:19px 0 13px;display:flex}.or:before,.or:after{content:"";background:#ffffff16;flex:1;height:1px}.join-form{gap:7px;display:flex}.join-form input{text-transform:uppercase;letter-spacing:3px;font:12px var(--mono)}.join-form button{color:#ffd3a3;background:#4b3931;border:1px solid #9a7d69;border-radius:5px;flex-shrink:0;width:44px;font-size:21px}.room-code{text-align:center;background:#3a2e30;border:1px dashed #b69775;border-radius:5px;margin-top:17px;padding:13px}.room-code small{font:6px var(--mono);letter-spacing:.5px;color:#c1aa9c;display:block}.room-code button{color:#ffe0b0;font:600 32px var(--mono);letter-spacing:5px;background:0 0;border:0;margin-top:8px}.room-code button span{letter-spacing:0;font-size:14px}.room-players{margin:14px 0}.room-players>div{border-bottom:1px solid #ffffff0e;align-items:center;gap:8px;padding:11px 0;font-size:9px;display:flex}.room-players>div>span{font:7px var(--mono);color:#a38eaa;flex-shrink:0;width:26px}.room-players b{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:500;overflow:hidden}.room-players i{color:#b9d4ae;white-space:nowrap;margin-left:auto;font-size:7px;font-style:normal}.room-phase{font:10px/1.8 var(--mono);color:#eed3a8}.text-button{text-align:left;color:#c6adbe;text-underline-offset:4px;background:0 0;border:0;margin-top:4px;padding:10px 0;font-size:9px;text-decoration:underline}.bracket{background:#24212e;border:1px solid #ffffff1c;border-radius:8px;margin-top:15px;padding:22px}.bracket h3{font:700 23px var(--display);color:#f2d0a1;margin:6px 0 17px}.bracket-matches{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.bracket article{background:#302737;border:1px solid #665066;border-radius:5px;padding:13px}.bracket article small{font:7px var(--mono);color:#a995ad}.bracket article p{font:10px var(--mono);color:#c6b5c7}.bracket .winner{color:#c6efbd}.quick-guide{border-top:1px solid var(--border);grid-template-columns:1.2fr repeat(3,1fr);gap:40px;margin-top:39px;padding:35px 0 43px;display:grid}.quick-guide h2{font:700 27px/1.14 var(--display);letter-spacing:.4px;margin:12px 0 0}.quick-guide article>span{color:#cba77e;font:9px var(--mono);border:1px solid #755d62;border-radius:4px;padding:4px 6px}.quick-guide h3{margin:14px 0 8px;font-size:12px;font-weight:600}.quick-guide p{color:#a396aa;margin:0;font-size:10px;line-height:1.9}footer{border-top:1px solid var(--border);color:#918293;justify-content:space-between;align-items:center;gap:20px;padding:26px 0 35px;display:flex}footer .brand.small{letter-spacing:1px;color:#d7c2b0;font-size:18px}footer>span{font:7px var(--mono);letter-spacing:1px}footer>a:last-child{font-size:8px}.touch-controls{display:none}.toast{opacity:0;pointer-events:none;z-index:20;color:#302638;background:#e8e0c9;border:1px solid #f7d4a0;border-radius:7px;max-width:min(550px,90vw);padding:14px 22px;font-size:12px;line-height:1.7;transition:transform .2s,opacity .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,25px);box-shadow:0 10px 40px #0005}.toast.visible{opacity:1;transform:translate(-50%)}dialog{color:#f1e4db;background:#282330;border:1px solid #877183;border-radius:12px;width:calc(100vw - 36px);max-width:760px;max-height:90vh;padding:32px;box-shadow:0 20px 100px #0008}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#13101dd4}dialog h2{font:700 36px var(--display);letter-spacing:.3px;margin:12px 0 20px}dialog p{color:#c2b0c5;font-size:11px;line-height:1.9}.dialog-close{color:#bfa9c1;background:0 0;border:0;padding:3px 9px;font-size:26px;position:absolute;top:13px;right:15px}.help-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.help-grid p:first-child{line-height:2.6}.custom-layout{grid-template-columns:.8fr 1fr;align-items:center;gap:25px;display:grid}.custom-preview{background:radial-gradient(#90674935,#0000 70%);border:1px solid #655267;border-radius:8px}.custom-preview canvas{width:100%;display:block}.color-fields{gap:20px;margin:15px 0;display:flex}.color-fields label{color:#c5b1c7;flex:1;font-size:9px}.color-fields input{cursor:pointer;height:35px;margin-top:6px;padding:3px}.upload-area{text-align:center;color:#f5cda8;cursor:pointer;background:#3a2e32;border:1px dashed #a58985;border-radius:7px;margin-top:20px;padding:18px;font-size:11px;display:block}.upload-area input{margin:12px 0 8px;font-size:9px}.upload-area small{color:#b39dae;font-size:9px;display:block}.shop-balance{font:600 27px var(--mono)!important;color:#ffd495!important}.shop-balance span{color:#b29eb5;font:10px Be Vietnam Pro,sans-serif}.shop-items{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.shop-items article{background:#302735;border:1px solid #66516a;border-radius:7px;flex-direction:column;padding:16px;display:flex}.shop-items h3{margin:10px 0 0;font-size:12px;line-height:1.7}.shop-items p{margin:8px 0 15px;font-size:9px}.shop-items button{font:8px var(--mono);margin-top:auto}.shop-art{color:#e9ca84;place-items:center;height:80px;font-size:55px;display:grid}.shop-art.mint-aura{color:#b5f4bf;text-shadow:0 0 25px #b5f4bf77}.coming-soon{opacity:.55}.history-heading{margin-top:25px;font-size:13px}.seed-history p{border-bottom:1px solid #ffffff12;justify-content:space-between;margin:0;padding:9px 0;font-size:10px;display:flex}.seed-history b{color:#c6e6ad;font:11px var(--mono)}.seed-history .spent{color:#dfb38f}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}@media (min-width:1700px){.shell{max-width:1570px}.play-layout{grid-template-columns:minmax(0,1fr) 330px}.profile-art{height:185px}}@media (max-width:1150px){.shell{padding:0 25px}.play-layout{grid-template-columns:minmax(0,1fr) 270px;gap:16px}.mode-card{gap:9px;padding:17px 13px}.mode-card b{font-size:18px}.mode-card small{font-size:8px}.mode-symbol{font-size:23px}.control-strip{gap:7px;padding:12px 9px}.controls-caption{display:none}.fighter-card,.launch-card{padding:16px}.nav-tag{display:none}.arena-bottom{font-size:7px}.fight-hud{grid-template-columns:1fr 48px 1fr;gap:10px}.timer b{font-size:38px}.fighter-name small{font-size:6px}.quick-guide{gap:25px}}@media (max-width:850px){.heading h1{font-size:62px}.entry-note{display:none}.play-layout{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr;align-items:start;gap:17px;display:grid}.fair-note{display:none}.profile-art{height:155px}.profile-art canvas{width:220px}.quick-guide{grid-template-columns:repeat(3,1fr);gap:25px}.quick-guide>div{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.quick-guide h2{margin:0;font-size:25px}.mode-card b{font-size:18px}.mode-card small{font-size:8px}.mode-number{display:none}.mode-symbol{font-size:21px}.touch-controls{justify-content:space-between;gap:15px;margin-top:14px;display:flex}.touch-move,.touch-attacks{gap:7px;display:flex}.touch-controls button{color:#e6d0df;touch-action:none;-webkit-user-select:none;user-select:none;min-width:44px;height:45px;font:9px var(--mono);background:#322b3c;border:1px solid #6d5870;border-bottom:4px solid #503f54;border-radius:7px}.touch-controls .special-touch{color:#ffd6a3;background:#53402f;border-color:#b8925f}.touch-controls button.pressed{background:#9b7680;border-bottom-width:1px;transform:translateY(2px)}.arena-bottom{font-size:8px}.fighter-name>span{font-size:21px}.fight-hud{grid-template-columns:1fr 65px 1fr;gap:15px}.timer b{font-size:45px}.control-strip{gap:15px;padding:15px}.control-strip small{font-size:9px}.control-strip .special-key small{font-size:8px}}@media (max-width:590px){.shell{padding:0 15px}.nav{gap:10px;height:73px}.brand{font-size:23px}.brand-icon{font-size:35px}.brand-sub{letter-spacing:5.3px;font-size:8px}.nav-actions{gap:8px}.quiet{padding:8px;font-size:0}.quiet span{font-size:10px}.seed-pill{gap:5px;padding:10px;font-size:9px}.seed-pill b{font-size:12px}.seed-pill>span:last-child{display:none}.heading{padding:26px 0 23px}.heading .eyebrow{letter-spacing:.8px;font-size:7px}.heading h1{letter-spacing:-.4px;margin:13px 0 11px;font-size:51px}.title-star{vertical-align:5px;margin-left:9px;font-size:31px}.intro{max-width:320px;font-size:10px;line-height:1.9}.mode-tabs{gap:6px;margin-bottom:17px}.mode-card{align-items:flex-start;min-height:98px;padding:12px 8px;position:relative;overflow:hidden}.mode-card b{letter-spacing:.2px;max-width:88px;font-size:16px;line-height:1.05}.mode-card small{max-width:95px;margin-top:8px;font-size:7px;line-height:1.5}.mode-symbol{opacity:.12;font-size:25px;position:absolute;top:4px;right:5px}.arena-top{letter-spacing:.3px;padding:10px;font-size:7px}.arena-top em{display:none}.arena-top>div{gap:8px;font-size:6px}.icon-button{padding:4px;font-size:7px}.fight-hud{grid-template-columns:1fr 30px 1fr;gap:10px;top:6%}.fighter-name{gap:4px;margin-bottom:4px}.fighter-name>span{letter-spacing:.7px;font-size:13px}.fighter-name small{font-size:5px}.hp-track{border-width:1px;height:9px}.timer b{font-size:28px}.timer small{letter-spacing:.4px;margin-top:4px;font-size:5px}.hud-bottom{margin-top:4px}.round-dots{letter-spacing:2px;font-size:8px}.energy-track{height:3px}.arena-idle{inset:29% 0 30%}.arena-idle p{margin:7px 0;font-size:19px}.pill{letter-spacing:.6px;padding:4px 7px;font-size:5px}.idle-hint{font-size:5px}.arena-screen{aspect-ratio:1200/720}.arena-screen canvas{object-fit:cover}.control-strip{gap:5px;padding:10px 7px}kbd{min-width:21px;height:21px;font-size:9px}.control-strip small{margin-top:4px;font-size:6px}.control-strip .special-key small{white-space:normal;max-width:60px;font-size:5px;line-height:1.5}.touch-controls{gap:9px}.touch-move,.touch-attacks{gap:5px}.touch-controls button{min-width:34px;height:43px;font-size:8px}.touch-move button{min-width:36px}.touch-attacks button{min-width:35px}.arena-bottom{font-size:6px;line-height:1.8}.arena-bottom>span:first-child{max-width:58%}.sidebar{grid-template-columns:1fr}.fighter-card{grid-template-columns:115px minmax(0,1fr);gap:0 15px;padding:16px;display:grid}.fighter-card .card-heading{grid-column:1/-1;margin-bottom:8px}.fighter-card .profile-art{grid-row:2/6;height:156px;margin-left:-7px}.profile-art canvas{max-width:150px}.art-ring{width:100px;height:100px}.profile-index{font-size:45px;bottom:8px;left:10px}.profile-title{flex-direction:column;align-items:start;gap:6px;padding:10px 0 9px}.profile-title h2{font-size:25px}.profile-title>span{font-size:7px}.preset-row{gap:4px;margin-bottom:10px}.preset-row button{gap:3px;padding:7px 3px;font-size:6px}.preset-row button>span{width:5px;height:5px}.customize-button{padding:9px;font-size:7px;line-height:1.5}.fighter-card>.card-note{margin-top:9px;font-size:7px;line-height:1.7}.launch-card{padding:19px}.launch-card h3{margin-bottom:17px;font-size:27px}.card-note{font-size:10px}.launch-card .eyebrow{font-size:8px}.primary-button{font-size:11px}.quick-guide{grid-template-columns:1fr;gap:25px;margin-top:28px;padding-top:27px}.quick-guide>div{display:block}.quick-guide h2{margin-top:10px;font-size:29px}.quick-guide article{grid-template-columns:30px 1fr;gap:0 12px;display:grid}.quick-guide article>span{grid-row:1/3;align-self:start;width:28px}.quick-guide h3{margin:0 0 6px;font-size:12px}.quick-guide p{grid-column:2;font-size:10px}footer{flex-wrap:wrap;gap:15px;padding:24px 0}.brand.small{font-size:18px}footer>span{order:3;width:100%;font-size:6px}footer>a:last-child{font-size:7px}.match-overlay{padding:16px}.match-overlay h2{margin:8px 0;font-size:29px}.match-overlay p{max-width:270px;margin-bottom:10px;font-size:8px;line-height:1.6}.match-overlay .primary-button,.match-overlay .secondary-button{padding:9px;font-size:7px}.pause{width:25px;height:24px;font-size:10px;bottom:22px;right:8px}.bracket{padding:16px}.bracket-matches{gap:6px}.bracket article{padding:8px}.bracket article small{font-size:5px}.bracket article p{overflow-wrap:anywhere;font-size:7px}dialog{max-height:88vh;padding:25px 20px}dialog h2{max-width:260px;font-size:29px}dialog .eyebrow{font-size:7px}.help-grid{grid-template-columns:1fr;gap:0}.custom-layout{grid-template-columns:100px 1fr;gap:15px}.custom-preview canvas{object-fit:contain;height:190px}.color-fields{gap:10px;margin:12px 0}.color-fields label{font-size:8px}.custom-layout input,.custom-layout select{padding:10px;font-size:10px}.custom-layout .card-note{font-size:8px}.upload-area{padding:13px;font-size:10px;line-height:1.8}.upload-area small{font-size:8px}.shop-items{grid-template-columns:1fr 1fr;gap:8px}.shop-items article{padding:12px}.shop-items article:last-child{grid-column:1/-1}.shop-art{height:65px;font-size:44px}.shop-items h3{font-size:11px}.shop-items p{font-size:8px}.coming-soon .shop-art{height:45px;font-size:30px}.seed-history p{font-size:9px}.toast{padding:12px 16px;font-size:10px}.control-strip .controls-caption{display:none}}.arena-idle button{pointer-events:auto;color:#302337;font:600 9px var(--mono);background:#ffc287;border:1px solid #ffda9b;border-radius:4px;margin-top:13px;padding:10px 16px;box-shadow:0 3px 12px #20132a55}@media (max-width:590px){.arena-idle .idle-hint{display:none}.arena-idle button{margin-top:7px;padding:7px 11px;font-size:7px}.arena-idle p{margin:6px 0 3px}}.arcade-shell{font-family:Arial,sans-serif}.arcade-shell .heading h1{letter-spacing:1px;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(38px,4vw,65px)}.arcade-shell .nav .brand{font-family:monospace;font-size:23px;line-height:1.1}.arcade-shell .nav .brand span{color:#ffdb6b}.arcade-badge{color:#ffe273;border:1px solid #95815d;padding:8px;font:10px monospace}.arcade-shell .fight-hud{grid-template-columns:1fr 70px 1fr}.arcade-shell .fighter-name>span{color:#fff0ad;letter-spacing:2px;font-family:monospace;font-size:22px}.arcade-shell .hp-track{background:#992b3e;border:2px solid #fff7bf;height:18px;box-shadow:0 3px #17142b;transform:none!important}.arcade-shell .hp-track span,.arcade-shell .player-hud.right .hp-track span{background:#f4e63d}.arcade-shell .timer{color:#ffe887;font-family:monospace}.arcade-shell .timer b{color:#fff0a0;font-family:monospace;font-size:38px}.arcade-shell .timer>small:first-child{color:#ff6a66;margin:0 0 5px;font-size:17px;font-weight:700}.arcade-shell .arena-screen{image-rendering:pixelated;border:3px solid #756a86}.arcade-shell .arena-screen:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0e092211 0 1px,#0000 1px 4px);position:absolute;inset:0}.arcade-shell .control-strip{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.arcade-shell .control-strip kbd{padding:0 5px;font-size:10px}.combo-hud{color:#fff59d;text-shadow:3px 3px #742b51;pointer-events:none;font:700 21px monospace;position:absolute;top:25%;left:5%}.training-readout{color:#c0b0ce;background:#262130;border:1px solid #594d67;grid-template-columns:repeat(4,1fr);gap:10px;padding:17px;font:9px monospace;display:grid}.training-readout b{color:#ffdb87;margin-top:7px;display:block}.arcade-shell .profile-art{height:195px}.arcade-shell .fighter-card .profile-art canvas{max-width:280px;height:210px}.arcade-shell .touch-controls,.arcade-shell .touch-attacks{flex-wrap:wrap}.arcade-shell .touch-controls button{min-width:40px}.arcade-shell .arena-bottom>span:first-child{max-width:70%}.arcade-shell .quick-guide h2{font-family:Impact,sans-serif}.arcade-shell .entry-note{max-width:250px}.arcade-shell .quick-guide p{font-size:11px;line-height:1.8}.arcade-shell .card-note{font-size:11px}.arcade-shell .nav-tag{font-size:9px}.arcade-shell .launch-card h3{letter-spacing:.4px;font-family:Impact,sans-serif;font-size:25px;font-weight:400}@media (max-width:590px){.arcade-shell .heading h1{font-size:36px}.arcade-shell .nav .brand{font-size:16px}.arcade-badge{padding:5px;font-size:7px}.arcade-shell .nav-actions{gap:5px}.arcade-shell .quiet{padding:5px;font-size:7px}.arcade-shell .fight-hud{grid-template-columns:1fr 32px 1fr;gap:7px}.arcade-shell .fighter-name>span{font-size:12px}.arcade-shell .hp-track{border-width:1px;height:10px}.arcade-shell .timer b{font-size:23px}.arcade-shell .timer>small:first-child{margin-bottom:1px;font-size:10px}.arcade-shell .control-strip{grid-template-columns:repeat(4,1fr);gap:8px}.arcade-shell .control-strip kbd{min-width:18px;font-size:7px}.arcade-shell .control-strip small{white-space:normal;font-size:6px}.combo-hud{font-size:11px;top:29%}.training-readout{grid-template-columns:repeat(2,1fr);padding:12px;font-size:8px}.arcade-shell .fighter-card .profile-art canvas{max-width:145px;height:auto}.arcade-shell .profile-art{height:168px}.arcade-shell .arena-bottom{font-size:7px}.arcade-shell .arena-bottom>span:last-child{max-width:30%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
