:root{--p1:#ff9d4d;--p2:#5fe1ff;--ink:#f4f1ea;--dim:#a6aec0;--panel:#080b13c7;--gold:#ffd166;--display:"Teko", "Impact", "Arial Narrow", sans-serif;--body:"Inter", system-ui, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:4px}html,body{height:100%;height:100dvh;color:var(--ink);font-family:var(--body);-webkit-user-select:none;user-select:none;background:#05070d;margin:0;overflow:hidden}canvas#game{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}#boot{font:600 32px var(--display);letter-spacing:.2em;color:var(--dim);z-index:50;text-align:center;background:#05070d;place-items:center;padding:24px;display:grid;position:fixed;inset:0}#backend{font:500 14px var(--display);letter-spacing:.15em;color:#ffffff40;z-index:40;position:fixed;bottom:8px;right:10px}.screen{z-index:20;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(64px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:radial-gradient(#05070d59,#05070dd9 70%);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.title-brand{flex-direction:column;align-items:center;gap:18px;display:flex}.screen.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05070d99}.logo{font:700 clamp(72px, 14vw, 180px) / .8 var(--display);letter-spacing:.04em;color:var(--ink);text-shadow:0 0 40px #ff9d4d73;gap:.15em;display:flex}.logo span{color:#0000;-webkit-text-stroke:2px var(--p2);text-shadow:0 0 30px #5fe1ff80}.tagline{font:500 clamp(16px, 2.2vw, 26px) var(--display);letter-spacing:.5em;color:var(--dim);margin-bottom:24px}.screen-title{font:600 clamp(40px, 6vw, 72px) / 1 var(--display);letter-spacing:.12em;text-shadow:0 0 24px #ffd16659}.menu-list{flex-direction:column;align-items:center;gap:4px;display:flex}.menu-item{appearance:none;font:500 34px / 1.1 var(--display);letter-spacing:.18em;color:var(--dim);cursor:pointer;background:0 0;border:0;padding:2px 28px;transition:color .1s,transform .1s}.menu-item:active{color:var(--gold)}.menu-item.selected{color:var(--ink);text-shadow:0 0 18px #ffd166cc;transform:scale(1.12)}.menu-item.selected:before,.menu-item.selected:after{content:"◆";color:var(--gold);vertical-align:.25em;margin:0 14px;font-size:.6em}.hint{font:400 18px var(--display);letter-spacing:.15em;color:var(--dim);text-align:center;padding:0 16px;position:absolute;bottom:22px}.select-grid{flex-wrap:wrap;justify-content:center;gap:10px;width:min(1180px,100vw - 32px);display:flex}.select-grid .card{flex:1 1 0;min-width:92px;max-width:130px}.card{appearance:none;color:var(--ink);text-align:left;--card:#888;background:linear-gradient(170deg, color-mix(in srgb, var(--card) 45%, #0b0e16), #0b0e16 75%);border:2px solid #ffffff14;border-radius:6px;flex-direction:column;justify-content:flex-end;height:160px;padding:8px;font-family:inherit;display:flex;position:relative;overflow:hidden}.select-state{color:var(--gold);font:500 18px / 1.1 var(--display);letter-spacing:.12em}.card .sil{background:var(--card);width:54px;height:92px;box-shadow:0 0 24px color-mix(in srgb, var(--card) 60%, transparent);border-radius:27px 27px 10px 10px;position:absolute;top:14px;left:50%;transform:translate(-50%);-webkit-mask:radial-gradient(circle at 50% 16px,#000 15px,#0000 16px),linear-gradient(#000,#000) 0 38px/100% 100% no-repeat;mask:radial-gradient(circle at 50% 16px,#000 15px,#0000 16px),linear-gradient(#000,#000) 0 38px/100% 100% no-repeat}.card .face{object-fit:cover;object-position:center top;width:100%;height:calc(100% - 34px);transition:transform .15s ease-out;position:absolute;inset:0 0 34px;-webkit-mask:linear-gradient(#000 70%,#0000);mask:linear-gradient(#000 70%,#0000)}.card.has-face .sil{display:none}.card.p1 .face,.card.p2 .face{transform:scale(1.06)}.card .nm{font:600 22px / 1 var(--display);letter-spacing:.08em;position:relative}.card .tt{font:400 14px / 1 var(--display);letter-spacing:.1em;color:var(--dim);position:relative}.card:not(.locked){cursor:pointer}.card.locked{filter:grayscale(.7)brightness(.55)}.card.locked .sil{opacity:.35}.card.p1{border-color:var(--p1);box-shadow:0 0 22px #ff9d4d8c, inset 0 0 0 1px var(--p1)}.card.p2{border-color:var(--p2);box-shadow:0 0 22px #5fe1ff8c, inset 0 0 0 1px var(--p2)}.card.p1.p2{border-color:var(--p1) var(--p2) var(--p2) var(--p1)}.picks{align-items:center;gap:clamp(16px,6vw,80px);margin-top:10px;display:flex}.pick{--card:#888;text-align:center;min-width:200px}.pick .who{font:500 20px var(--display);letter-spacing:.3em}.pick.p1 .who{color:var(--p1)}.pick.p2 .who{color:var(--p2)}.pick-face{object-fit:cover;background:radial-gradient(circle, color-mix(in srgb, var(--card) 55%, #0b0e16), #0b0e16 72%);border:2px solid color-mix(in srgb, var(--card) 70%, #fff 10%);width:140px;height:140px;box-shadow:0 0 26px color-mix(in srgb, var(--card) 55%, transparent);border-radius:50%;margin:6px auto 4px;display:block}.pick.p2 .pick-face{transform:scaleX(-1)}.pick .nm{font:700 clamp(36px, 5vw, 56px) / .9 var(--display);letter-spacing:.05em;color:var(--ink);text-shadow:0 0 22px color-mix(in srgb, var(--card) 80%, transparent)}.pick .tt{font:400 18px var(--display);letter-spacing:.2em;color:var(--dim)}.pick.ready .tt{color:var(--gold)}.vs{font:700 54px var(--display);color:var(--gold);text-shadow:0 0 20px #ffd166b3}table.controls{border-collapse:collapse;width:100%;font:400 15px var(--body);background:var(--panel);border-radius:8px;overflow:hidden}.controls-scroll{overscroll-behavior:contain;touch-action:pan-y;scrollbar-color:#687286 #111723;width:min(880px,100%);min-height:0;max-height:min(65vh,720px);overflow:auto}.touch-guide,.touch-column{display:none}body.touch-mode .touch-guide{color:#d6dae4;max-width:72ch;padding:0 12px 8px;font-size:14px;line-height:1.55;display:block}body.touch-mode .touch-column{display:table-cell}body.touch-mode table.controls .keyboard-column,body.touch-mode table.controls .gamepad-column{display:none}table.controls th,table.controls td{text-align:left;border-bottom:1px solid #ffffff0f;padding:7px 16px}table.controls th{font:500 20px var(--display);letter-spacing:.15em;color:var(--gold)}.notation{color:#c7ccd8;max-width:760px;padding:0 16px;font-size:14px;line-height:1.5}.notation p{margin:6px 0}.notation kbd{font:600 13px / 1 var(--display);white-space:nowrap;color:var(--ink);background:#2a3142;border-radius:3px;padding:2px 5px}.ml-tabs{gap:8px;display:flex}.ml-tab{font:500 24px / 1 var(--display);letter-spacing:.14em;color:var(--dim);background:var(--panel);cursor:pointer;border:1px solid #ffffff14;border-radius:6px;padding:8px 22px 4px}.ml-tab.selected{color:var(--ink);border-color:var(--gold);box-shadow:0 0 16px #ffd1664d}.ml-body{overscroll-behavior:contain;touch-action:pan-y;scrollbar-color:#687286 #111723;background:var(--panel);width:min(880px,100%);min-height:0;max-height:60vh;font:400 14px / 1.35 var(--body);color:#d6dae4;border-radius:8px;padding:6px 18px 14px;overflow-y:auto}.ml-section{margin-top:12px}.ml-head{font:500 20px / 1 var(--display);letter-spacing:.16em;color:var(--gold);border-bottom:1px solid #ffffff14;padding:6px 0 4px}.ml-row{border-bottom:1px solid #ffffff0a;grid-template-columns:170px 1fr auto;align-items:start;gap:4px 14px;padding:7px 0;display:grid}.ml-name{color:var(--ink);font-weight:600}.ml-follow{color:var(--dim);margin-top:2px;font-size:13px;font-weight:400}.ml-tags{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.ml-tag{font:500 12px / 1 var(--body);color:#b7bfcf;background:#ffffff0f;border-radius:3px;padding:3px 6px}.ml-tag.high{color:#ffd2a1}.ml-tag.mid{color:#fff3a6}.ml-tag.low{color:#a6e3ff}.ml-tag.overhead{color:#ffb0c8}.ml-body kbd{font:600 13px / 1 var(--body);letter-spacing:.04em;word-spacing:.1em;white-space:nowrap;color:var(--ink);background:#2a3142;border-radius:3px;padding:4px 7px}.ml-grid{border-collapse:collapse;width:100%;margin-top:6px}.ml-grid th,.ml-grid td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff0a;padding:6px 8px 6px 0}.ml-grid th{font:500 15px var(--display);letter-spacing:.1em;color:var(--dim);white-space:nowrap}.ml-grid td div:first-child{color:var(--ink);margin-bottom:3px;font-weight:600}.ml-grid .ml-tags{justify-content:flex-start}.ml-grid td.dim{color:var(--dim)}.ml-hint{color:var(--dim);text-align:center;font-size:13px}@media (max-width:640px){.ml-row{grid-template-columns:1fr}.ml-tags{justify-content:flex-start}}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}.hud-top{grid-template-columns:1fr auto 1fr;align-items:start;gap:18px;display:grid;position:absolute;top:18px;left:16px;right:16px}.hud-side{flex-direction:column;gap:4px;display:flex}.hud-bar{background:#000000a6;border:2px solid #ffffffbf;height:26px;position:relative;overflow:hidden;transform:skew(-18deg);box-shadow:0 0 18px #0009}.hud-side.p2 .hud-bar{transform:skew(18deg)}.hud-fill,.hud-trail{transform-origin:100%;position:absolute;inset:0}.hud-side.p2 .hud-fill,.hud-side.p2 .hud-trail{transform-origin:0}.hud-trail{background:#d7263d}.hud-fill{background:linear-gradient(#fff27a,#f2c230 45%,#5fd36b 46%,#3aa957)}.hud-fill.low{animation:.5s infinite alternate low}@keyframes low{to{filter:brightness(1.6)saturate(1.4)}}.hud-row{align-items:center;gap:10px;display:flex}.hud-side.p2 .hud-row{flex-direction:row-reverse}.hud-name{font:600 26px / 1 var(--display);letter-spacing:.1em;text-shadow:0 2px 6px #000}.hud-side.p1 .hud-name{color:var(--p1)}.hud-side.p2 .hud-name{color:var(--p2)}.hud-pips{gap:6px;display:flex}.hud-pip{background:#00000080;border:2px solid #fff9;border-radius:50%;width:16px;height:16px}.hud-pip.won{background:radial-gradient(circle at 35% 35%, #fff6c4, var(--gold) 50%, #b8860b);box-shadow:0 0 10px var(--gold)}.hud-timer{font:700 58px / .9 var(--display);text-align:center;text-shadow:0 0 14px #ffd16699,0 2px 6px #000;min-width:70px}.hud-meter{background:#0009;border:1px solid #a0e6ff8c;width:46%;height:12px;margin-top:2px;position:relative;overflow:hidden;transform:skew(-18deg)}.hud-side.p2 .hud-meter{align-self:flex-end;transform:skew(18deg)}.hud-meter-fill{transform-origin:0;background:linear-gradient(#b6f4ff,#3ee8ff 50%,#1f8fd6);position:absolute;inset:0}.hud-side.p2 .hud-meter-fill{transform-origin:100%}.hud-meter-label{font:600 13px / 1 var(--display);letter-spacing:.3em;color:#04121c;opacity:0;place-items:center;display:grid;position:absolute;inset:0}.hud-meter.full{border-color:#fff;animation:.6s infinite alternate meter-full;box-shadow:0 0 14px #3ee8ff,0 0 30px #3ee8ff80}.hud-meter.full .hud-meter-label{opacity:1}@keyframes meter-full{to{filter:brightness(1.45)}}.hud-timer.late{color:#ff5a5a;animation:.25s infinite alternate low}.hud-timer.training{color:var(--dim)}.hud-combo{opacity:0;text-shadow:0 3px 8px #000;position:absolute;top:30%}.hud-combo.p1{left:4vw}.hud-combo.p2{text-align:right;right:4vw}.hud-combo .n{font:700 54px / .9 var(--display);letter-spacing:.04em}.hud-combo.p1 .n{color:var(--p1)}.hud-combo.p2 .n{color:var(--p2)}.hud-combo .d{font:500 24px var(--display);letter-spacing:.15em}.hud-combo.show{animation:1.4s ease-out forwards combo}@keyframes combo{0%{opacity:1;transform:scale(1.35)}12%{transform:scale(1)}75%{opacity:1}to{opacity:0}}.announcer{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.announcer .big{font:700 clamp(72px, 12vw, 150px) / .85 var(--display);letter-spacing:.06em;color:var(--ink);text-shadow:0 0 40px #ffd166cc,0 6px 14px #000}.announcer .sub{font:600 clamp(26px, 4vw, 48px) var(--display);letter-spacing:.25em;color:var(--gold);text-shadow:0 3px 10px #000}.announcer.show{animation:1.6s ease-out forwards announce}.announcer.fight .big{color:#ffe08a}.announcer.super{justify-content:flex-start;padding-top:16vh}.announcer.super .big{color:#e6fbff;text-shadow:0 0 40px #3ee8fff2,0 6px 14px #000;font-size:clamp(54px,8vw,110px)}.announcer.super .sub{color:#8fe9ff;font-size:clamp(16px,2vw,26px)}.announcer.ko .big{color:#ff4b4b;text-shadow:0 0 50px #ff3c3ce6,0 6px 14px #000}.announcer.finish .big{color:#ff4b4b;letter-spacing:.1em;text-shadow:0 0 60px #ff2828f2,0 6px 14px #000}.announcer.deprecated.show{animation-duration:3.2s}.announcer.deprecated .big{color:#ffd58a;letter-spacing:.12em;text-shadow:0 0 70px #ffaa3cf2,0 6px 18px #000;font-size:clamp(80px,14vw,190px)}.announcer.deprecated .sub{letter-spacing:.3em;color:#f4e6cc;font-size:clamp(16px,2.2vw,28px)}@keyframes announce{0%{opacity:0;transform:scale(2.2)}10%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(1.05)}}.training-panel{z-index:11;background:var(--panel);width:min(460px,100vw - 32px);font:400 13px / 1.55 var(--body);color:#c7ccd8;pointer-events:none;border:1px solid #ffffff14;border-radius:8px;padding:12px 14px;position:fixed;bottom:16px;left:16px}.tp-title{font:600 22px / 1 var(--display);letter-spacing:.2em;color:var(--gold);margin-bottom:4px}.tp-title span{color:#ff6b6b;margin-left:8px}.tp-keys{color:var(--dim);margin-bottom:8px}.tp-keys b,.tp-row b{color:var(--ink)}.tp-move{font:600 24px / 1.1 var(--display);letter-spacing:.06em;color:var(--ink)}.tp-move span{color:var(--p1);margin-left:8px;font-size:18px}.tp-row.dim{color:var(--dim)}.tp-row .adv{color:var(--gold)}.input-history{z-index:11;font:500 18px / 1 var(--display);pointer-events:none;flex-direction:column;gap:2px;display:flex;position:fixed;top:110px;left:16px}.ih{background:#080b138c;border-radius:4px;align-items:center;gap:5px;width:max-content;padding:2px 8px;display:flex}.ih .d{text-align:center;width:18px;color:var(--ink)}.ih .b{background:#2a3142;border-radius:3px;padding:1px 4px;font-size:13px}.ih .b.FP,.ih .b.BP{background:#8a3b1c}.ih .b.FK,.ih .b.BK{background:#1c4d8a}.ih .f{color:var(--dim);text-align:right;min-width:22px;font-size:14px}@media (max-width:700px){.hud-name{font-size:18px}.hud-timer{font-size:40px}.input-history{display:none}}body.loading{cursor:progress}.hud-combo .n.parry{color:#ffe08a;text-shadow:0 0 22px #ffd27ae6,0 3px 8px #000}.mobile-shell{z-index:30;pointer-events:none;position:fixed;inset:0}.shell-button{appearance:none;color:#e5eaf3;min-width:44px;min-height:44px;font:600 12px / 1.15 var(--body);cursor:pointer;pointer-events:auto;background:#090e18f0;border:1px solid #455165;border-radius:6px;padding:8px 12px}.shell-button:hover,.shell-button:active,.shell-button[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:#29251d}.shell-back{top:max(10px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));position:absolute}.shell-actions{top:max(10px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));gap:6px;display:flex;position:absolute}.mobile-shell.in-fight .shell-actions{top:max(92px, calc(env(safe-area-inset-top) + 82px))}.shell-training-tray{top:max(142px, calc(env(safe-area-inset-top) + 132px));right:max(12px, env(safe-area-inset-right));pointer-events:auto;background:#080d17;border:1px solid #455165;border-radius:8px;grid-template-columns:repeat(3,minmax(76px,1fr));gap:6px;padding:8px;display:grid;position:absolute}.shell-status{right:max(12px, env(safe-area-inset-right));top:max(62px, calc(env(safe-area-inset-top) + 54px));max-width:280px;color:var(--ink);background:#111824;border-radius:4px;font-size:13px;line-height:1.5;position:absolute}.shell-status:not(:empty){padding:10px 14px}.rotate-prompt{z-index:60;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));text-align:center;background:#080c15;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.rotate-phone{border:3px solid var(--p2);width:110px;height:64px;color:var(--p1);border-radius:12px;place-items:center;font-size:42px;display:grid}.rotate-title{font:600 clamp(40px, 11vw, 64px) / 1 var(--display);letter-spacing:.08em}.rotate-prompt p{color:#d6dce8;margin:0;font-size:16px;line-height:1.6}.rotate-note{color:var(--gold);font-size:13px}body.portrait-blocked .mobile-shell,body.portrait-blocked .touch-controls{visibility:hidden}@media (max-height:560px) and (min-aspect-ratio:1),(max-width:980px) and (orientation:landscape){.screen{padding:max(56px, calc(env(safe-area-inset-top) + 50px)) max(24px, calc(env(safe-area-inset-right) + 16px)) max(28px, calc(env(safe-area-inset-bottom) + 14px)) max(24px, calc(env(safe-area-inset-left) + 16px));gap:10px}.screen-title{letter-spacing:.09em;text-align:center;flex-shrink:0;font-size:clamp(32px,5vw,42px);line-height:.95}#title{padding-left:max(6vw, calc(env(safe-area-inset-left) + 20px));padding-right:max(6vw, calc(env(safe-area-inset-right) + 20px));grid-template-columns:1.15fr 1fr;gap:28px;display:grid}.title-brand{gap:16px}.logo{letter-spacing:.03em;text-shadow:0 3px 22px #ff9d4d3d;flex-direction:column;align-items:flex-start;gap:6px;font-size:clamp(76px,12vw,96px);line-height:.78}.logo span{-webkit-text-stroke-width:1.5px;text-shadow:0 3px 22px #5fe1ff33}.tagline{color:#b8c3d6;text-align:center;letter-spacing:.16em;max-width:27ch;margin:0;font-size:16px;line-height:1.1}.menu-list{flex-shrink:0;align-items:stretch;gap:4px;width:min(350px,100%)}#title .menu-list{justify-self:center;gap:8px;width:100%;max-width:300px}.menu-item{color:#c2ccdc;letter-spacing:.1em;text-align:left;background:#080d17c7;border:1px solid #344154;border-radius:5px;min-height:44px;padding:7px 18px;font-size:25px;line-height:1;transition:color .12s,background-color .12s,border-color .12s;position:relative}.menu-item.selected{color:#fff2cf;text-shadow:none;background:#3d2d16e0;border-color:#a68b4f;transform:none}.menu-item:before,.menu-item.selected:before{content:"›";color:#0000;width:12px;font-size:inherit;vertical-align:baseline;margin:0 10px 0 0;display:inline-block}.menu-item.selected:before{color:var(--gold)}.menu-item.selected:after{display:none}.hint{bottom:max(8px, env(safe-area-inset-bottom));left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));letter-spacing:.05em;padding:0;font-size:14px;line-height:1.15}#difficulty .hint{max-width:70ch;margin-inline:auto}#select{padding-bottom:max(34px, calc(env(safe-area-inset-bottom) + 18px));justify-content:center;gap:7px}#select .screen-title{font-size:34px}.select-state{flex-shrink:0;min-height:16px;font-size:16px}.select-grid{overscroll-behavior-x:contain;touch-action:pan-x;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#687286 #111723;flex-wrap:nowrap;flex-shrink:0;justify-content:flex-start;gap:7px;width:100%;max-width:1100px;padding:3px 2px 7px;display:flex;overflow-x:auto}.select-grid .card{scroll-snap-align:start;flex:0 0 clamp(88px,13.4vw,112px);min-width:88px;height:105px;padding:6px}.card .face{object-position:center 25%;height:100%;inset:0;-webkit-mask:linear-gradient(#000 38%,#0000 88%);mask:linear-gradient(#000 38%,#0000 88%)}.card .sil{width:40px;height:70px;top:4px}.card .nm{letter-spacing:.04em;text-shadow:0 2px 5px #000;font-size:21px}.card .tt{letter-spacing:.03em;color:#c6cfdd;text-shadow:0 1px 4px #000;font-size:11px;line-height:1}.card.p1,.card.p2{box-shadow:inset 0 0 0 1px}.picks{flex-shrink:0;justify-content:center;gap:20px;width:100%;margin:0}.pick{text-align:left;grid-template-rows:15px 27px 16px;grid-template-columns:58px minmax(0,1fr);align-content:center;column-gap:10px;width:220px;min-width:0;display:grid}.pick.p2{text-align:right;grid-template-columns:minmax(0,1fr) 58px}.pick-face{width:58px;height:58px;box-shadow:none;border-width:1px;grid-area:1/1/4;margin:0}.pick.p2 .pick-face{grid-column:2}.pick .who,.pick .nm,.pick .tt{text-overflow:ellipsis;white-space:nowrap;grid-column:2;overflow:hidden}.pick.p2 .who,.pick.p2 .nm,.pick.p2 .tt{grid-column:1}.pick .who{letter-spacing:.1em;grid-row:1;font-size:14px;line-height:1}.pick .nm{text-shadow:none;grid-row:2;font-size:29px;line-height:1}.pick .tt{letter-spacing:.04em;grid-row:3;font-size:13px;line-height:1.1}.vs{font-size:32px}#controls,#moves{justify-content:flex-start}.controls-scroll{background:#080b13de;border-radius:6px;flex:auto;max-height:none}table.controls{font-size:13px}table.controls th,table.controls td{padding:8px 12px}table.controls th{letter-spacing:.08em;font-size:18px}.notation{max-width:74ch;padding:8px 12px 14px;font-size:14px}#controls .menu-list{width:160px}.ml-tabs{flex-shrink:0;gap:6px}.ml-tab{letter-spacing:.08em;min-width:100px;min-height:44px;padding:9px 16px 5px;font-size:23px}.ml-body{flex:auto;width:100%;max-height:none;padding:0 12px 12px;font-size:13px}.ml-row{grid-template-columns:130px 1fr auto;gap:5px 10px;padding-block:9px}.ml-tags{max-width:180px}.ml-hint{flex-shrink:0;font-size:11px;line-height:1.2}.hud-top{top:max(9px, env(safe-area-inset-top));left:max(18px, calc(env(safe-area-inset-left) + 10px));right:max(18px, calc(env(safe-area-inset-right) + 10px));grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:14px}.hud-side{gap:3px;min-width:0}.hud-bar{border-width:1px;height:17px}.hud-row{gap:8px}.hud-name{letter-spacing:.06em;font-size:20px;line-height:.9}.hud-pips{gap:4px}.hud-pip{border-width:1px;width:10px;height:10px}.hud-timer{min-width:0;font-size:41px}.hud-meter{width:55%;height:7px;margin-top:1px}.hud-meter-label{letter-spacing:.2em;font-size:8px}.hud-combo{top:29%}.hud-combo .n{font-size:32px}.hud-combo .d{font-size:18px}.announcer{padding-bottom:38px}.announcer .big,.announcer.deprecated .big{letter-spacing:.04em;text-align:center;max-width:calc(100vw - 40px);font-size:clamp(46px,9vw,78px);line-height:.9}.announcer .sub,.announcer.deprecated .sub{letter-spacing:.08em;text-align:center;max-width:min(560px,90vw);padding-top:6px;font-size:21px;line-height:1.1}.announcer.super{padding-top:32%}.announcer.super .big{font-size:clamp(36px,7vw,58px)}.announcer.super .sub{font-size:16px}.mobile-shell.in-fight .shell-actions{top:max(56px, calc(env(safe-area-inset-top) + 48px));white-space:nowrap;gap:5px;left:50%;right:auto;transform:translate(-50%)}.shell-button{padding-inline:10px;font-size:11px}.shell-training-tray{top:max(106px, calc(env(safe-area-inset-top) + 98px));grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;width:min(480px,100vw - 48px);padding:5px;left:50%;right:auto;transform:translate(-50%)}.shell-training-action{padding:6px 4px;font-size:11px}body.touch-mode .training-panel{top:max(106px, calc(env(safe-area-inset-top) + 98px));text-align:center;border:0;border-radius:4px;width:min(370px,100vw - 270px);max-height:68px;padding:5px 9px;font-size:11px;line-height:1.25;bottom:auto;left:50%;overflow:hidden;transform:translate(-50%)}body.touch-mode .tp-title,body.touch-mode .tp-keys,body.touch-mode .tp-row.dim,body.touch-mode .training-panel .tp-row:nth-last-child(3),body.touch-mode .training-panel .tp-row:nth-last-child(4){display:none}body.touch-mode .tp-move{font-size:19px;line-height:1}body.touch-mode .tp-move span{font-size:13px}body.touch-mode.training-tools-open .training-panel,body.touch-mode .input-history{display:none}#backend{bottom:max(3px, env(safe-area-inset-bottom));right:max(5px, env(safe-area-inset-right));letter-spacing:.04em;font-size:10px}}@media (max-width:700px) and (orientation:landscape){.ml-row{grid-template-columns:115px 1fr}.ml-row>.ml-tags{grid-column:2;justify-content:flex-start;max-width:none}.ml-grid{font-size:11px}.pick{width:200px}.picks{gap:14px}}@media (prefers-reduced-motion:reduce){.menu-item,.card .face{transition:none}.hud-fill.low,.hud-meter.full,.hud-timer.late{animation:none}}.touch-controls{--touch-edge:max(12px, env(safe-area-inset-left));--touch-bottom:max(12px, env(safe-area-inset-bottom));--touch-pad-size:132px;--touch-attack-width:186px;z-index:25;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-family:inherit;position:fixed;inset:0}.touch-controls[hidden]{display:none}.touch-controls button{pointer-events:auto;touch-action:none;color:#f5ece0;min-width:44px;min-height:44px;font:inherit;-webkit-tap-highlight-color:transparent;cursor:pointer;background:#171824bd;border:1px solid #d7d0c247;margin:0;padding:0;box-shadow:inset 0 1px #ffffff0d,0 2px 12px #0005}.touch-controls button:focus-visible{outline-offset:3px;outline:2px solid #ffe1ad}.touch-controls button:disabled{opacity:.42;cursor:default}.touch-pad{bottom:var(--touch-bottom);left:var(--touch-edge);width:var(--touch-pad-size);height:var(--touch-pad-size);border-radius:50%;position:absolute;background:radial-gradient(circle,#353541dd 0 19%,#1b1b29b8 20% 55%,#292839c9 56%)!important}.touch-pad-arrow{color:#d6d0d8b8;pointer-events:none;place-items:center;width:35%;height:35%;font:700 24px/1 system-ui,sans-serif;display:grid;position:absolute}.touch-pad-arrow.up{top:0;left:32.5%}.touch-pad-arrow.down{bottom:0;left:32.5%}.touch-pad-arrow.left{top:32.5%;left:0}.touch-pad-arrow.right{top:32.5%;right:0}.touch-pad-centre{pointer-events:none;border:1px solid #bcb4c55c;border-radius:50%;position:absolute;inset:42%}.touch-pad.is-held{border-color:#ffb778b3}.touch-pad-arrow.is-held{color:#ffc795;text-shadow:0 0 12px #ff993b}.touch-attacks{right:max(12px, env(safe-area-inset-right));bottom:var(--touch-bottom);grid-template-rows:repeat(2,60px);grid-template-columns:62px 54px 54px;align-items:center;gap:8px;display:grid;position:absolute}.touch-controls .touch-action{letter-spacing:.04em;border-radius:50%;width:54px;height:54px;font-size:15px;font-weight:700}.touch-controls .touch-super,.touch-controls .touch-block{letter-spacing:.01em;border-radius:16px;width:62px;font-size:12px}.touch-controls .touch-super{color:#ffe2a8;border-color:#d6af6380}.touch-super span,.touch-super small{display:block}.touch-super small{letter-spacing:0;max-width:58px;margin:4px auto 0;font-size:10px;font-weight:500;line-height:1.1}.touch-controls .touch-punch{border-color:#f3aa726e}.touch-controls .touch-kick{border-color:#99b7d76e}.touch-controls .touch-block{border-color:#c1c6d57a}.touch-controls .touch-action.is-held{color:#201a17;background:#edb480;border-color:#ffe2bc;box-shadow:0 0 16px #ec99594a}.touch-controls .touch-block.is-held{background:#bdd1ea;border-color:#e5f0ff}.touch-specials{bottom:var(--touch-bottom);left:calc(var(--touch-edge) + var(--touch-pad-size) + 12px);right:calc(max(12px, env(safe-area-inset-right)) + var(--touch-attack-width) + 12px);pointer-events:auto;overscroll-behavior:contain;touch-action:pan-x;scrollbar-width:none;gap:6px;padding:3px;display:flex;position:absolute;overflow-x:auto}.touch-specials::-webkit-scrollbar{display:none}.touch-controls .touch-special{text-align:left;touch-action:pan-x;border-radius:8px;flex:none;max-width:180px;min-height:44px;padding:6px 10px}.touch-special span{white-space:nowrap;font-size:11px;line-height:1.25;display:block}.touch-special small{color:#cba;margin-top:3px;font-size:10px;line-height:1.2;display:block}.touch-controls .touch-finisher{background:#6c3215dc;border-color:#ffb36c}.touch-finisher small{color:#ffe0b9}@media (max-height:400px) and (orientation:landscape){.touch-controls{--touch-pad-size:116px;--touch-attack-width:170px}.touch-attacks{grid-template-rows:repeat(2,52px);grid-template-columns:58px 50px 50px;gap:6px}.touch-controls .touch-action{width:50px;height:50px;font-size:14px}.touch-controls .touch-super,.touch-controls .touch-block{width:58px;font-size:11px}}@media (prefers-reduced-transparency:reduce){.touch-controls button{background-color:#20212d}}