.fx{--gold: #ffd23f;--red: #ff4d6d;--ink: #0c0710;--panel: rgba(16, 10, 20, .82);--line: rgba(255, 255, 255, .14);--sa-t: env(safe-area-inset-top, 0px);--sa-r: env(safe-area-inset-right, 0px);--sa-b: env(safe-area-inset-bottom, 0px);--sa-l: env(safe-area-inset-left, 0px);position:relative;min-height:100svh;overflow:hidden;overflow:clip;color:#fff;background:radial-gradient(120% 90% at 50% 100%,#3a1530,#0c0710 60%);font-family:var(--font-sans);-webkit-tap-highlight-color:transparent}.fx .boxing{font-family:var(--font-boxing);font-weight:400;text-transform:uppercase;letter-spacing:.01em}:where(.fx button){font:inherit;color:inherit}.fx-top{position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(10px,var(--sa-t)) max(clamp(14px,3vw,28px),var(--sa-r)) 10px max(clamp(14px,3vw,28px),var(--sa-l));pointer-events:none}.fx-top>*{pointer-events:auto}.fx-logo{display:grid;place-items:center;min-width:44px;min-height:44px}.fx-logo svg{display:block;width:36px;height:auto;color:#fff;filter:drop-shadow(0 2px 0 #000)}.fx-logo:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.fx-brand{font-size:22px;color:var(--gold);text-shadow:2px 2px 0 #000}.fx.is-title .fx-brand,.fx.is-fight .fx-brand,.fx.is-break .fx-brand,.fx.is-result .fx-brand{opacity:0}.fx.is-fight .fx-logo,.fx.is-break .fx-logo,.fx.is-result .fx-logo{visibility:hidden;pointer-events:none}.fx:is(.is-fight,.is-break,.is-result) .fx-tools{position:fixed;top:auto;bottom:max(12px,var(--sa-b));left:max(16px,var(--sa-l));translate:none}.fx-tools{display:flex;gap:8px}.fx-tools button{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:#00000073;cursor:pointer}.fx-tools button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.fx-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#000}.fx-view{position:relative;width:min(100vw,calc(100svh * 16 / 9));height:auto;aspect-ratio:16 / 9}.fx-canvas{display:block;width:100%;height:100%;touch-action:none}.fx-hud{position:absolute;left:0;top:0;width:100%;height:calc(100% * 260 / 900);pointer-events:none}.fx-cue{position:absolute;z-index:11;left:50%;bottom:calc(100% + 10px);translate:-50% 0;width:min(calc(100vw - 32px),440px);text-align:center;pointer-events:none}.fx-cue p{margin:0 0 8px;font:800 clamp(15px,4.6vw,20px)/1.15 var(--font-sans);color:var(--gold);text-shadow:0 2px 0 #000;text-wrap:balance}.fx-cue p:empty{display:none}.fx-cue i{display:block;height:10px;border-radius:5px;background:#ffffff29;overflow:hidden}.fx-cue b{display:block;height:100%;background:#9fffb0;transform-origin:left}.fx-cue small{display:block;margin-top:6px;font:700 13px var(--font-sans);color:#fff;opacity:.85}.fx-cue small:empty{display:none}.fx-cue[hidden]{display:none}.fx:has(.fx-cue:not([hidden])) .fx-hint{display:none}.fx.is-fight{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.fx.is-fight .fx-pause,.fx.is-fight .fx-over-in{touch-action:pan-y;overscroll-behavior:contain}html:has(.fx.is-fight),html:has(.fx.is-fight) body{overscroll-behavior:none}.fx-title{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;cursor:pointer;background:linear-gradient(180deg,#0c071026,#0c07108c 70%,#0c0710e6)}.fx-presents{margin:0;font-size:12px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:#fffc;text-shadow:0 2px 0 #000}.fx-title h1{margin:0;font-size:clamp(4.4rem,16vw,13rem);line-height:.82;color:#fff;-webkit-text-stroke:3px #1a0f12;paint-order:stroke fill;text-shadow:6px 6px 0 #1a0f12,0 0 60px rgba(255,140,60,.55);animation:fx-slam .9s cubic-bezier(.2,1.6,.4,1) both}@keyframes fx-slam{0%{transform:scale(2.4) rotate(-6deg);opacity:0;filter:blur(10px)}to{transform:none;opacity:1;filter:none}}.fx-tag{margin:0;font-family:var(--font-serif);font-style:italic;font-size:clamp(1.3rem,3.4vw,2.2rem);color:var(--gold);text-shadow:2px 2px 0 #000}.fx-start{margin-top:22px;display:inline-flex;align-items:center;gap:12px;padding:18px 30px;border:0;background:var(--gold);color:#14120f;font-weight:800;letter-spacing:.22em;text-transform:uppercase;font-size:14px;cursor:pointer;box-shadow:6px 6px #1a0f12;animation:fx-blink 1.4s steps(1) infinite}@keyframes fx-blink{50%{opacity:.72}}.fx-count{margin:12px 0 0;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#ffffffb3}.fx-select{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:72px max(clamp(14px,3vw,32px),var(--sa-r)) calc(40px + var(--sa-b)) max(clamp(14px,3vw,32px),var(--sa-l))}.fx-select:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(70% 60% at 20% 30%,rgba(255,150,60,.25),transparent 60%),radial-gradient(70% 60% at 80% 30%,rgba(255,60,110,.22),transparent 60%),repeating-linear-gradient(115deg,rgba(255,255,255,.025) 0 2px,transparent 2px 22px)}.fx-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fx-modes button{display:grid;gap:4px;padding:14px 18px;border:2px solid var(--line);background:var(--panel);text-align:left;cursor:pointer;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);transition:border-color .2s,background .2s}.fx-modes button b{font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:.9}.fx-modes button span{font-size:13px;color:#ffffffb3}.fx-modes button.on{border-color:var(--gold);background:linear-gradient(90deg,rgba(255,210,63,.2),var(--panel))}.fx-modes button.on b{color:var(--gold)}.fx-modes button:focus-visible,.fx-card:focus-visible{outline:none;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 5px #1a0f12}.fx-duel{margin-top:16px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:stretch}.fx-panel{position:relative;display:grid;grid-template-columns:44% minmax(0,1fr);align-items:end;min-height:380px;padding:18px;background:var(--panel);border:2px solid var(--line);overflow:hidden;isolation:isolate}.fx-panel.is-0{clip-path:polygon(0 0,100% 0,calc(100% - 26px) 100%,0 100%);background:linear-gradient(135deg,rgba(255,150,40,.28),var(--panel) 55%)}.fx-panel.is-1{grid-template-columns:minmax(0,1fr) 44%;clip-path:polygon(26px 0,100% 0,100% 100%,0 100%);background:linear-gradient(225deg,rgba(255,60,110,.3),var(--panel) 55%)}.fx-panel.is-1 .fx-panel-art{order:2}.fx-panel-art{position:relative;align-self:stretch;display:grid;place-items:end center}.fx-panel-art .fx-portrait{width:100%;height:auto;max-height:360px;object-fit:contain;filter:drop-shadow(0 20px 20px rgba(0,0,0,.6))}.fx-ovr{position:absolute;top:0;left:0;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--gold);color:#14120f;box-shadow:4px 4px #1a0f12}.fx-panel.is-1 .fx-ovr{left:auto;right:0;background:#d92b4a;color:#fff}.fx-ovr b{font-family:var(--font-boxing);font-weight:400;font-size:32px;line-height:.8}.fx-ovr i{font-style:normal;font-size:12px;font-weight:800;letter-spacing:.1em;margin-top:-10px}.fx-bonus{position:absolute;top:70px;left:0;padding:3px 8px;background:#0c080ecc;border:1px solid var(--gold);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.fx-panel-in{display:grid;gap:6px;padding:0 6px 6px}.fx-disc{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.fx-panel.is-1 .fx-disc{color:#ff9db0}.fx-panel h2{margin:0;font-size:clamp(2.2rem,4vw,3.6rem);line-height:.86;text-shadow:3px 3px 0 #1a0f12;overflow-wrap:anywhere}.fx-nick{margin:0;font-family:var(--font-serif);font-style:italic;font-size:20px;color:#ffffffd9}.fx-sub{margin:0;font-size:13px;color:#ffffffb3}.fx-stats{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:7px}.fx-stats li{display:grid;grid-template-columns:92px minmax(0,1fr) 28px;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.fx-stats li span{color:#ffffffbf}.fx-stats li b{height:10px;background:#ffffff1a;transform:skew(-18deg);overflow:hidden}.fx-stats li b i{display:block;height:100%;background:linear-gradient(90deg,#ff8f2b,var(--gold));transition:width .6s cubic-bezier(.16,1,.3,1)}.fx-stats.is-1 li b i{background:linear-gradient(90deg,#b3261e,var(--red))}.fx-stats li em{font-style:normal;font-family:var(--font-boxing);font-size:18px;text-align:right}.fx-stats li.up em{color:#9fffb0}.fx-stats li.dn em{color:#ffffff80}.fx-stake{margin:8px 0 0;display:grid;gap:2px;font-family:var(--font-serif);font-style:italic;font-size:18px;line-height:1.2;color:#fff}.fx-stake span{font-family:var(--font-sans);font-style:normal;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.fx-mid{display:grid;align-content:center;justify-items:center;gap:14px;min-width:190px;text-align:center}.fx-vsmark{font-size:clamp(4rem,7vw,6rem);line-height:.8;color:#fff;-webkit-text-stroke:3px #1a0f12;paint-order:stroke fill;text-shadow:5px 5px 0 #1a0f12;transform:rotate(-6deg)}.fx-place{margin:0;max-width:18ch;font-size:13px;font-weight:700;letter-spacing:.08em;color:#ffffffbf}.fx-diff{display:grid;gap:6px;justify-items:center}.fx-diff span{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#ffffffa6}.fx-diff button{width:150px;min-height:44px;padding:8px 12px;border:1.5px solid var(--line);background:#00000059;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.fx-diff button.on{border-color:var(--gold);color:var(--gold)}.fx-diff small{font-size:12px;color:#fff9}.fx-go{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 26px;border:0;background:var(--gold);color:#14120f;font-weight:800;font-size:14px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;box-shadow:5px 5px #1a0f12;transition:transform .15s,box-shadow .15s}.fx-go:active{transform:translate(2px,2px);box-shadow:2px 2px #1a0f12}.fx-go:focus-visible,.fx-ghost:focus-visible,.fx-chips button:focus-visible{outline:3px solid #fff;outline-offset:3px}.fx-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border:2px solid rgba(255,255,255,.35);background:#00000059;font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}@media(hover:hover){.fx-go:hover{transform:translate(-2px,-2px);box-shadow:7px 7px #1a0f12}.fx-ghost:hover{border-color:#fff}.fx-card:hover:not(:disabled){transform:translateY(-3px);border-color:#ffffff80}.fx-card.on:hover{border-color:var(--gold)}}.fx-links{display:grid;gap:0}.fx-links button{min-height:44px;padding:10px 12px;border:0;background:none;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffffffbf;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.fx-edit{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;padding:14px 18px;background:var(--panel);border:2px solid var(--line)}.fx-name{display:grid;gap:4px}.fx-name span,.fx-chips>span,.fx-points>span{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#ffffffa6}.fx-name input{width:210px;padding:12px;border:2px solid var(--line);background:#0006;color:#fff;font:700 16px/1 var(--font-sans)}.fx-name input:focus{outline:none;border-color:var(--gold)}.fx-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.fx-chips>span{width:100%}.fx-chips button{min-height:44px;padding:8px 12px;border:1.5px solid var(--line);background:#00000059;font-size:13px;font-weight:700;cursor:pointer;transition:border-color .2s,color .2s}.fx-chips button.on{border-color:var(--gold);color:var(--gold);background:#ffd23f1a}.fx-over .fx-chips .mine:after{content:"";display:inline-block;width:6px;height:6px;margin-left:6px;border-radius:50%;background:var(--gold);vertical-align:middle}.fx-skins button{position:relative;width:40px;height:40px;min-height:0;padding:0;border-radius:50%}.fx-skins button:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%}.fx-skins button.on{box-shadow:0 0 0 3px var(--gold)}.fx-points{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;border:2px dashed var(--gold)}.fx-points>span{width:100%;color:var(--gold)}.fx-point{display:inline-flex}.fx-points button{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:10px 14px;border:0;background:var(--gold);color:#14120f;font-size:11px;font-weight:800;cursor:pointer}.fx-points button em{font-style:normal;font-family:var(--font-boxing);font-size:14px;line-height:1;opacity:.8}.fx-points button:disabled{opacity:.4;cursor:not-allowed}.fx-points .fx-undo{min-width:44px;padding:10px;background:#00000080;color:var(--gold);border:2px solid var(--gold);border-left:0}.fx-result .fx-points{justify-content:center}.fx-chip-note{width:100%;font-size:13px;font-style:italic;color:#ffffffa8}.fx-note{margin:12px 0 0;padding:10px 14px;border:2px solid rgba(255,77,109,.5);background:#ff4d6d1a;font-size:13px;font-weight:700}.fx-champ{display:inline-flex;align-items:center;gap:6px;color:var(--gold)}.fx-card-belt{background:var(--gold)}.fx-roster-h{margin-top:22px}.fx-roster-h span{font-size:28px;color:var(--gold)}.fx-roster{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.fx-card{position:relative;width:100%;display:grid;justify-items:center;gap:2px;padding:8px 6px 10px;border:2px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.05),var(--panel));cursor:pointer;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);transition:transform .2s,border-color .2s}.fx-card.on,.fx-card.on:hover{border-color:var(--gold);background:linear-gradient(180deg,rgba(255,210,63,.25),var(--panel))}.fx-card:active:not(:disabled){transform:translateY(1px)}.fx-card.locked{cursor:not-allowed}.fx-card.locked .fx-portrait{filter:brightness(0) drop-shadow(0 0 1px rgba(255,255,255,.3));opacity:.7}.fx-card .fx-portrait{width:100%;height:auto}.fx-card-n{position:absolute;left:8px;top:6px;font-family:var(--font-boxing);font-size:18px;color:#ffffff80}.fx-card-nm{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-align:center;line-height:1.15}.fx-card-d{font-size:12px;font-weight:600;color:#ffffffa6}.fx-card-ok,.fx-card-lock{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#9fffb0;color:#14120f}.fx-card-lock{background:#0009;color:#fff}.fx-back{margin:20px 0 0}.fx-back a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffffffb3}@media(max-width:1100px){.fx-roster{grid-template-columns:repeat(4,minmax(0,1fr))}}.fx-dock{display:none}@media(max-width:860px){.fx-select{display:flex;flex-direction:column}.fx-duel{display:contents}.fx-modes,.fx-note{order:0}.fx-panel.is-0{order:1;margin-top:16px}.fx-edit{order:2}.fx-panel.is-1{order:3;margin-top:14px}.fx-mid{order:4;margin-top:14px}.fx-roster-h{order:5}.fx-roster{order:6}.fx-back{order:7}.fx-dock{order:8}.fx-mid>.fx-go{display:none}.fx-dock{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px calc(-1*clamp(14px,3vw,32px)) calc(-40px - var(--sa-b));padding:10px max(16px,var(--sa-r)) max(10px,var(--sa-b)) max(16px,var(--sa-l));background:#0a080ceb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:2px solid var(--gold)}.fx-dock-who{display:grid;min-width:0}.fx-dock-who i{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.2em;color:#fff9}.fx-dock-who b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-size:15px}.fx-dock-who em{font-style:normal;font-size:12px;color:#ffffffb3}.fx-dock .fx-go{margin:0;flex:none}.fx-mid{grid-template-columns:auto}.fx-panel,.fx-panel.is-1{min-height:0;clip-path:none;grid-template-columns:40% minmax(0,1fr)}.fx-panel.is-1 .fx-panel-art{order:0}.fx-vsmark{display:none}.fx-modes{grid-template-columns:1fr}.fx-name input,.fx-name{width:100%}}@media(max-width:520px){.fx-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-stats li{grid-template-columns:78px minmax(0,1fr) 24px}}.fx-story{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;padding:max(64px,var(--sa-t)) var(--sa-r) max(14px,var(--sa-b)) var(--sa-l);background:#000}.fx-scene{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.fx-story-in{position:relative;width:min(92vw,820px);margin:12px auto 0;display:grid;gap:10px;padding:20px 24px 22px;background:#08040ac7;border:2px solid var(--line);clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}.fx-story-l{font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.fx-typed p{margin:0 0 6px;font-size:clamp(16px,1.8vw,20px);line-height:1.45;font-weight:500}.fx-caret{display:inline-block;width:10px;height:1em;margin-left:3px;vertical-align:-2px;background:var(--gold);animation:fx-blink .8s steps(1) infinite}.fx-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.fx-vsc{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;grid-template-columns:1fr 1fr;cursor:pointer;overflow:hidden}.fx-vsc-half{position:relative;display:grid;align-content:end;justify-items:center;padding-bottom:12svh;text-align:center}.fx-vsc-half.is-0{background:linear-gradient(135deg,#ff9b2b,#b3261e 60%,#3a0b1c);clip-path:polygon(0 0,100% 0,88% 100%,0 100%);animation:fx-in-l .5s cubic-bezier(.2,1,.3,1) both}.fx-vsc-half.is-1{margin-left:-12%;background:linear-gradient(225deg,#6a5cff,#2a1150 60%,#0c0714);clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);animation:fx-in-r .5s cubic-bezier(.2,1,.3,1) both}@keyframes fx-in-l{0%{transform:translate(-100%)}}@keyframes fx-in-r{0%{transform:translate(100%)}}.fx-vsc-half .fx-portrait{position:absolute;bottom:16svh;width:auto;height:min(640px,calc(84svh - 60px),calc(46vw * 640 / 520));filter:drop-shadow(0 30px 30px rgba(0,0,0,.6))}.fx-vsc-half h2{position:relative;margin:0;font-size:clamp(2.8rem,7vw,6rem);line-height:.86;-webkit-text-stroke:3px #1a0f12;paint-order:stroke fill;text-shadow:5px 5px 0 #1a0f12}.fx-vsc-half span{position:relative;z-index:1;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 0 #000}.fx-vsc-vs{position:absolute;left:50%;top:42%;translate:-50% -50%;font-size:clamp(6rem,16vw,14rem);color:#fff;-webkit-text-stroke:5px #1a0f12;paint-order:stroke fill;text-shadow:8px 8px 0 #1a0f12;animation:fx-slam .7s cubic-bezier(.2,1.6,.4,1) .35s both}.fx-vsc-stake{position:absolute;left:50%;top:14%;translate:-50% 0;margin:0;display:grid;gap:4px;text-align:center;font-family:var(--font-serif);font-style:italic;font-size:clamp(1.1rem,2.4vw,1.8rem);text-shadow:0 2px 6px #000}.fx-vsc-stake span{font-family:var(--font-sans);font-style:normal;font-size:11px;font-weight:800;letter-spacing:.26em;text-transform:uppercase;color:var(--gold)}.fx-vsc-back{position:absolute;left:max(16px,var(--sa-l));bottom:max(16px,var(--sa-b));z-index:5;padding:10px 16px}@media(max-height:500px){.fx.is-vs .fx-brand{opacity:0}.fx-vsc-stake{top:10px}}.fx-pause,.fx-break,.fx-result{--dlg-pad: 28px;--dlg-padx: 26px;position:absolute;z-index:10;left:50%;top:50%;translate:-50% -50%;width:min(94vw,640px);max-height:min(92svh,calc(100svh - 112px));overflow:auto;display:grid;justify-items:center;gap:12px;padding:var(--dlg-pad) max(var(--dlg-padx),var(--sa-r)) var(--dlg-pad) max(var(--dlg-padx),var(--sa-l));text-align:center;background:#0a050ee6;border:2px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));animation:fx-pop .35s cubic-bezier(.2,1.4,.4,1) both}@keyframes fx-pop{0%{transform:scale(.85);opacity:0}}.fx-pause h2,.fx-result-h{margin:0;font-size:clamp(3.4rem,9vw,6rem);line-height:.86;-webkit-text-stroke:3px #1a0f12;paint-order:stroke fill;text-shadow:5px 5px 0 #1a0f12}.fx-result.won .fx-result-h{color:var(--gold)}.fx-result.lost .fx-result-h{color:var(--red)}.fx-result.draw .fx-result-h{color:#e8ecf4}.fx-result.draw{border-color:#ffffff59}.fx-pause{z-index:25;max-height:92svh}.fx-pause .fx-ghost{min-width:220px}.fx-ghost.is-arm{border-color:var(--red);color:#ff9db0}.fx-check{display:inline-grid;place-items:center;width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-radius:3px}.fx-rm[aria-pressed=true] .fx-check{border-color:var(--gold);color:var(--gold)}.fx-demo{margin:0;font-size:11px;font-weight:800;letter-spacing:.2em;color:#ffffff8c}@media(max-height:500px)and (orientation:landscape){.fx-pause{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;padding:18px 22px;width:min(92vw,600px)}.fx-pause h2{grid-column:1 / -1;font-size:2.8rem}.fx-pause .fx-go{grid-column:1 / -1}.fx-pause button{width:100%;min-width:0;white-space:nowrap}}.fx-result-m{margin:0;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffffffd9}.fx-result-c{margin:0;font-size:12px;color:#fff9}.fx-result-story{margin:4px 0;max-width:40ch;font-family:var(--font-serif);font-style:italic;font-size:20px;line-height:1.3}.fx-break-l{font-size:11px;font-weight:800;letter-spacing:.26em;text-transform:uppercase;color:var(--gold)}.fx-break-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 18px}.fx-break-card b{font-size:clamp(1.4rem,3vw,2rem)}.fx-break-judges{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;list-style:none;margin:0;padding:0}.fx-break-judges li{display:flex;align-items:baseline;gap:6px}.fx-break-card em{font-style:normal;font-size:clamp(1.6rem,4.5vw,2.6rem);line-height:.8;color:var(--gold)}.fx-break-card i{font-style:normal;font-size:22px;color:#ffffff80}.fx-break-cap{margin:-6px 0 0;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#ffffff8c}.fx-break-st{list-style:none;margin:0;padding:0;width:100%;display:grid;gap:6px}.fx-break-st li{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:8px 12px;background:#ffffff0d;font-size:13px;font-weight:700}.fx-break-st li span{text-align:left;color:#ffffffb3}.fx-break-st li b{font-family:var(--font-boxing);font-weight:400;font-size:22px;min-width:40px}.fx-result-st li b{min-width:72px}.fx-result-st li b+b{color:#fff9}.fx-result-st .fx-st-h{padding:4px 12px;background:none}.fx-result-st .fx-st-h b{font-family:var(--font-sans);font-weight:800;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:18ch}.fx-result-st .fx-st-h b+b{color:#ff9db0}.fx-rounds{list-style:none;margin:-4px 0 0;padding:0;width:100%;display:grid;gap:4px}.fx-rounds li{display:flex;justify-content:space-between;gap:12px;padding:4px 12px;font-size:12px;color:#ffffffb3}.fx-rounds li b{font-weight:700;color:#fff;letter-spacing:.04em}.fx-coach{margin:0;display:grid;gap:4px;max-width:42ch;font-size:15px;line-height:1.45}.fx-coach span{font-size:11px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}.fx-auto{margin:0;font-size:11px;color:#ffffff80}.fx-xp{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.fx-xp>b{height:12px;background:#ffffff1a;transform:skew(-18deg);overflow:hidden}.fx-xp>b i{display:block;height:100%;background:linear-gradient(90deg,#35c6ff,#9fffb0);animation:fx-grow 1.2s cubic-bezier(.16,1,.3,1) both}@keyframes fx-grow{0%{width:0!important}}.fx-xp em{font-style:normal;color:var(--gold)}.fx-xp.is-max>b i{background:linear-gradient(90deg,#ffd23f,#fff6d8)}.fx-lvl{margin:0;display:grid;gap:4px;font-size:clamp(2.4rem,6vw,3.6rem);line-height:.9;color:#9fffb0;animation:fx-slam .6s cubic-bezier(.2,1.6,.4,1) .5s both}.fx-lvl span{font-family:var(--font-sans);font-size:13px;text-transform:none;letter-spacing:0;color:#fff}.fx-real{display:grid;gap:4px;width:100%;margin-top:8px;padding:14px 16px;border:2px solid rgba(255,210,63,.45);background:#ffd23f14;text-align:left;text-decoration:none;color:#fff}.fx-real b{font-size:15px}.fx-real span{font-size:13px;color:#ffffffb3}.fx-real em{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}@media(max-height:700px){.fx-break,.fx-result{gap:8px}.fx-break-st{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.fx-break-st li{display:flex;flex-wrap:wrap;justify-content:center;column-gap:18px;row-gap:2px;padding:6px 8px}.fx-break-st li span{flex-basis:100%;text-align:center;font-size:11px}.fx-break-st li b{min-width:0;font-size:18px}.fx-result-st .fx-st-h{display:none}.fx-result .fx-row{position:sticky;bottom:calc(-1 * var(--dlg-pad));z-index:1;justify-content:center;width:calc(100% + 2 * var(--dlg-padx));margin-inline:calc(-1 * var(--dlg-padx));padding:18px var(--dlg-padx) var(--dlg-pad);background:linear-gradient(transparent,#0a050ef7 16px)}}@media(orientation:landscape)and (max-height:500px){.fx-pause,.fx-break,.fx-result{--dlg-pad: 12px;--dlg-padx: 20px;width:min(94vw,640px,calc(100vw - (2*(44px + 2*clamp(14px,3vw,28px)))));max-height:calc(100svh - 16px)}.fx-pause h2,.fx-result-h{font-size:2.6rem}.fx-result-story{margin:0;font-size:16px}.fx-lvl{font-size:1.8rem}.fx-break-card b{font-size:1.3rem}.fx-break-card em{font-size:2.6rem}.fx-coach{font-size:14px;line-height:1.35}.fx-rounds{display:none}.fx-break .fx-go,.fx-result .fx-go,.fx-result .fx-ghost{padding-block:12px}.fx-result .fx-row{flex-wrap:nowrap;gap:8px}.fx-result .fx-row>button{flex:0 1 auto;min-width:0;padding-inline:14px;white-space:nowrap;letter-spacing:.08em;font-size:12px}}.fx-over{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:16px;background:#000000b3}.fx-over-in{position:relative;width:min(100%,980px);max-height:90svh;overflow:auto;padding:26px 24px;background:#120a16;border:2px solid var(--line)}.fx-over-in h2{margin:0;font-size:clamp(2.2rem,5vw,3.4rem);color:var(--gold)}.fx-over-in>p{margin:6px 0 14px;font-size:14px;color:#ffffffb3}.fx-x{position:absolute;right:10px;top:10px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:#ffffff1a;cursor:pointer}.fx-x:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.fx-mlist{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.fx-mlist h3{margin:0 0 6px;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.fx-mlist ul,.fx-ctl ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}.fx-mlist li,.fx-ctl li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;background:#ffffff0a;font-size:13px}.fx-ctl li>span{min-width:0}.fx-mlist kbd,.fx-ctl kbd{flex:none;padding:3px 8px;border-radius:4px;background:#ffd23f24;color:var(--gold);font:700 12px/1.3 var(--font-sans);white-space:nowrap}.fx-ctl kbd{white-space:normal;text-align:right;max-width:60%}.fx-step+.fx-step:before{content:" "}.fx-mlist.is-touch kbd{background:none;padding:0;color:#fffc;font-weight:600;white-space:normal;text-align:right;max-width:55%}.fx-g{display:inline-block;padding:0 6px;border:2px solid;border-radius:999px;font:800 10px/1.6 var(--font-sans);text-transform:uppercase;font-style:normal;color:#fff}.b-P{border-color:var(--gold)}.b-H{border-color:#ff8f2b}.b-K{border-color:var(--red)}.b-G{border-color:#35c6ff}.b-S{border-color:#9fffb0}.fx-ctl{max-width:560px}@media(max-width:520px){.fx-over{padding:12px}.fx-over-in{padding:22px 16px}}.fx-gate{position:relative;z-index:3;min-height:100svh;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:center;gap:24px;max-width:1100px;margin:0 auto;padding:80px max(20px,var(--sa-r)) calc(40px + var(--sa-b)) max(20px,var(--sa-l))}.fx-gate-art .fx-portrait{width:100%;height:auto;filter:drop-shadow(0 30px 30px rgba(0,0,0,.6))}.fx-gate-in{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:26px;background:var(--panel);border:2px solid var(--gold);clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}.fx-gate-in h2{margin:0;font-size:clamp(2.4rem,5vw,3.8rem);line-height:.88;color:var(--gold)}.fx-gate-in>p{margin:0;font-size:16px;line-height:1.5;color:#ffffffd9}.fx-gate-f{display:flex;flex-wrap:wrap;border:2px solid var(--line)}.fx-gate-f input{flex:999 1 14em;min-width:0;padding:16px;border:0;background:#0006;color:#fff;font:500 16px/1 var(--font-sans)}.fx-gate-f input:focus{outline:2px solid var(--gold);outline-offset:-2px}.fx-gate-f button{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border:0;background:var(--gold);color:#14120f;font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;white-space:nowrap}.fx-err{margin:0;color:#ff9db0;font-size:13px}.fx-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.fx-legal{margin:0;font-size:12px;color:#ffffff8c}@media(max-width:760px){.fx-gate{grid-template-columns:minmax(0,1fr)}.fx-gate-art{max-width:260px;margin:0 auto}.fx-gate-f input{flex-basis:100%}.fx-gate-f button{padding:14px;white-space:normal;text-align:center}}@media(max-height:500px)and (orientation:landscape){.fx-gate{grid-template-columns:minmax(0,1fr);max-width:640px;padding-top:64px;align-items:start}.fx-gate-art{display:none}}.fx-pad{position:absolute;inset:auto 0 0 0;z-index:12;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:0 max(12px,var(--sa-r)) max(14px,var(--sa-b)) max(12px,var(--sa-l));pointer-events:none;user-select:none;-webkit-user-select:none}.fx-pad button{pointer-events:auto;touch-action:none;border:2px solid rgba(255,255,255,.35);background:#0a050e80;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .12s ease-out,background-color .16s ease-out}.fx-pad button[data-on]{background:#ffffff4d;transform:scale(.93);transition:none}.fx-btns .b-P[data-on]{background:#ffd23f73}.fx-btns .b-H[data-on]{background:#ff8f2b73}.fx-btns .b-K[data-on]{background:#ff4d6d73}.fx-btns .b-G[data-on]{background:#35c6ff73}.fx-btns .b-S[data-on]{background:#9fffb073}.fx-stick{--stick: min(46vw, 46svh, 200px);position:relative;flex:none;width:var(--stick);height:var(--stick);pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:50%}.fx-stick:before{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#0a050e80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fx-stick span{position:absolute;font-size:18px;line-height:1;color:#ffffffb3;transition:color .08s}.fx-stick .u{top:13%;left:50%;translate:-50% 0}.fx-stick .d{bottom:13%;left:50%;translate:-50% 0}.fx-stick .l{left:13%;top:50%;translate:0 -50%}.fx-stick .r{right:13%;top:50%;translate:0 -50%}.fx-stick[data-x="1"] .r,.fx-stick[data-x="-1"] .l,.fx-stick[data-y="1"] .d,.fx-stick[data-y="-1"] .u{color:var(--gold);text-shadow:0 0 10px var(--gold)}.fx-knob{position:absolute;left:50%;top:50%;width:30%;height:30%;margin:-15% 0 0 -15%;border-radius:50%;border:2px solid rgba(255,255,255,.6);background:#ffffff47;transition:background .08s}.fx-stick[data-x]:not([data-x="0"]) .fx-knob,.fx-stick[data-y]:not([data-y="0"]) .fx-knob{background:#ffd23f73;border-color:var(--gold)}.fx-btns{--c: 58px;flex:none;display:grid;grid-template-columns:repeat(3,var(--c));grid-template-rows:repeat(2,var(--c));gap:8px;direction:rtl}.fx-btns button{border-radius:50%;display:grid;place-items:center;align-content:center;gap:0;direction:ltr}.fx-btns button b{display:none;font-family:var(--font-boxing);font-weight:400;font-size:20px;line-height:.9}.fx-btns button span{font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.fx-btns button span.is-long{font-size:8.6px;letter-spacing:0}@media(any-pointer:fine){.fx-btns button b{display:block}.fx-btns button span{font-size:8.5px}.fx-btns button span.is-long{font-size:7.5px}}.fx-hint{position:absolute;z-index:11;left:50%;bottom:68px;translate:-50% 0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;max-width:94vw;padding:8px 14px;background:#0a050ebd;border:1px solid var(--line);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none;animation:fx-pop .35s cubic-bezier(.2,1.4,.4,1) both}.fx-hint kbd{margin-right:6px;padding:2px 7px;border-radius:4px;background:#ffd23f29;color:var(--gold);font:800 12px/1.3 var(--font-sans)}.fx-hint.is-touch{bottom:auto;top:22%}.fx-broke{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-content:center;justify-items:center;gap:16px;padding:20px;text-align:center}.fx-broke p{margin:0;font-size:16px}@media(prefers-reduced-motion:reduce){.fx-title h1,.fx-vsc-vs,.fx-lvl,.fx-pause,.fx-break,.fx-result,.fx-vsc-half,.fx-start{animation:none}}@media(orientation:portrait)and (max-width:900px){.fx.is-fight .fx-stage,.fx.is-break .fx-stage,.fx.is-result .fx-stage{place-items:end center;padding:var(--sa-t) 0 0}.fx.is-fight .fx-view,.fx.is-break .fx-view,.fx.is-result .fx-view{width:100vw;height:auto;aspect-ratio:1100 / 900}.fx:is(.is-fight,.is-break,.is-result) .fx-tools{top:max(10px,var(--sa-t));bottom:auto;left:auto;right:max(12px,var(--sa-r));translate:none}.fx.is-break .fx-break,.fx.is-result .fx-result{top:calc(50% + 24px);max-height:calc(100svh - 72px)}.fx-pad{padding-bottom:max(26px,var(--sa-b))}.fx-stick{--stick: min(42vw, 46svh, 200px)}.fx-btns{--c: min(62px, 14.5vw);gap:min(8px,2vw)}.fx-btns button span{font-size:min(10.5px,2.7vw);letter-spacing:.02em}.fx-btns button span.is-long{font-size:min(8.6px,2.2vw);letter-spacing:0}}@media(orientation:portrait)and (max-width:900px)and (pointer:coarse){.fx.is-fight .fx-stage,.fx.is-break .fx-stage,.fx.is-result .fx-stage{padding-bottom:calc(min(42vw,46svh,200px) + 8px + max(26px,var(--sa-b)))}.fx-hint.is-touch{top:auto;bottom:calc(min(42vw,46svh,200px) + 20px + max(26px,var(--sa-b)) + 81.82vw)}}@media(orientation:portrait)and (max-width:480px){.fx-story-in{gap:8px;padding:14px 16px 16px}.fx-typed p{font-size:15px;line-height:1.4;margin-bottom:4px}.fx-story .fx-stake{font-size:16px}.fx-story .fx-row{gap:8px}.fx-story .fx-row .fx-go{padding:12px 18px}.fx-story .fx-row .fx-ghost{padding:10px 14px;font-size:12px}}@media(orientation:landscape)and (max-height:500px){.fx-story{padding-top:max(8px,var(--sa-t));padding-bottom:max(8px,var(--sa-b))}.fx-story-in{width:min(94vw,900px);margin-top:6px;padding:10px 16px 12px;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:4px;align-items:center}.fx-story-l,.fx-typed{grid-column:1}.fx-typed p{font-size:15px;line-height:1.35;margin-bottom:2px}.fx-story .fx-stake{display:none}.fx-story .fx-row{grid-column:2;grid-row:1 / span 2;flex-direction:column;margin:0;gap:6px}.fx-story .fx-row .fx-go{padding:10px 16px}.fx-story .fx-row .fx-ghost{padding:8px 14px;font-size:12px}.fx-pad{padding:0 max(6px,var(--sa-r)) max(6px,var(--sa-b)) max(6px,var(--sa-l))}.fx-pad button{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a050e33}.fx-stick{--stick: min(40svh, 160px)}.fx-stick:before{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a050e33}.fx-btns{--c: 54px;gap:6px}.fx.is-fight .fx-tools{top:17svh;bottom:auto;right:auto;left:calc(max(0px,(100vw - 100svh * 16 / 9) / 2) + 8px + var(--sa-l));translate:none}.fx-cue{bottom:24%;width:min(50vw,420px)}.fx-cue p{background:#0c080ed1;padding:6px 14px;border-radius:18px}.fx:is(.is-break,.is-result) .fx-tools{top:max(8px,var(--sa-t));bottom:auto;right:auto;left:max(8px,var(--sa-l));translate:none;flex-direction:column}}@media(orientation:landscape)and (max-height:500px)and (min-aspect-ratio:2 / 1){.fx:is(.is-fight,.is-break,.is-result) .fx-tools{top:max(8px,var(--sa-t));left:calc((100vw - 100svh * 16 / 9) / 4 - 22px + var(--sa-l));flex-direction:column}}