@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-ext-600-normal-BEFdM_VE.woff2)format("woff2"),url(/assets/cinzel-latin-ext-600-normal-BY9Mq9iK.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-600-normal-Dd5YO2UX.woff2)format("woff2"),url(/assets/cinzel-latin-600-normal-CH_LB4su.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-ext-700-normal-C24KFjuG.woff2)format("woff2"),url(/assets/cinzel-latin-ext-700-normal-CORa-yIv.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(/assets/cinzel-latin-700-normal-C-gK7hA8.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-vietnamese-500-normal-DGADhYWF.woff2)format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-500-normal-hJ2t9k9e.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-latin-ext-500-normal-BXdp1BvY.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-500-normal-rZeYuEMb.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-latin-500-normal-G0uxJNrM.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-500-normal-CFOoVYFH.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-vietnamese-600-normal-b1FQiZcx.woff2)format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-600-normal-DzVrjA0Q.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-latin-ext-600-normal-BkQ9hN72.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-600-normal-BuP8AaxH.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-latin-600-normal-BkLiAYu4.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-600-normal-DyOfdMBA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-semi-condensed-vietnamese-700-normal-Dm7RZTvf.woff2)format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-700-normal-BvUTSFNY.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-semi-condensed-latin-ext-700-normal-BhgEo64M.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-700-normal-C0vCoZIV.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-semi-condensed-latin-700-normal-BpqDG8I9.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-700-normal-BMyZXq_9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:MHS2 Display;src:url(/assets/fonts/mhs2-font01-eng.woff)format("woff");font-weight:400 900;font-display:swap}:root{--ink-900:#03070f;--ink-800:#061019;--ink-700:#0a1a2a;--ink-600:#10283d;--panel:#091626d1;--panel-strong:#06101df0;--panel-line:#81b2e738;--gold:#f4cd85;--gold-bright:#ffe9bd;--gold-deep:#9b6d24;--ally:#58c0ff;--ally-deep:#1c5ea8;--enemy:#ff6a6a;--enemy-deep:#97202c;--verdant:#6ee7a8;--amber:#ffb454;--text:#eef5ff;--muted:#c6daf4a8;--dim:#b4cae866;--power:#ff7a52;--speed:#45dcff;--technical:#cb8dff;--hp:linear-gradient(180deg, #8bf59a, #37c05a 60%, #1d8b3c);--hp-low:linear-gradient(180deg, #ffd07a, #ff6a4a 60%, #c22e2e);--radius-card:14px;--shadow-deep:0 22px 48px #0000008c;--font-display:"Cinzel", "Times New Roman", serif;--font-ui:"Barlow Semi Condensed", "Segoe UI", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[lang=ja]{--font-display:"Yu Gothic UI", "Meiryo", "Noto Sans JP", sans-serif;--font-ui:"Yu Gothic UI", "Meiryo", "Noto Sans JP", sans-serif}*{box-sizing:border-box}html,body{background:var(--ink-900);height:100%;color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;padding:0;overflow:hidden}body{height:100dvh}#root{height:100%;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.stage-viewport{background:radial-gradient(120% 90% at 50% 0,#12314c 0%,#071626 46%,#03070f 100%);grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.game-shell{width:var(--stage-width,1600px);height:var(--stage-height,900px);transform:scale(var(--stage-scale,1));transform-origin:50%;isolation:isolate;grid-template:minmax(0,1fr)/minmax(0,1fr);display:grid;position:relative;overflow:hidden;box-shadow:0 0 120px #000c}.stage-fullscreen-toggle{left:max(8px, env(safe-area-inset-left));z-index:200;width:42px;height:42px;color:var(--gold-bright);opacity:.78;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05101cd1;border:1px solid #f4cd859e;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed;top:50%;transform:translateY(-50%);box-shadow:inset 0 0 0 2px #040a12b3,0 8px 22px #0000007a}.stage-fullscreen-toggle:is(:hover,:focus-visible){opacity:1;outline-offset:2px;outline:2px solid #58c0ffb8}.stage-fullscreen-toggle svg{width:20px;height:20px}@media (display-mode:fullscreen),(display-mode:standalone){.stage-fullscreen-toggle{display:none}}.orientation-gate{text-align:center;background:radial-gradient(circle at 50% 34%,#2ea7d83d,#0000 34%),linear-gradient(#081a29,#02070e);place-content:center;justify-items:center;gap:12px;width:100%;height:100%;padding:28px;display:grid;position:relative}.orientation-gate:before{content:"";pointer-events:none;border:1px solid #f4cd853d;border-radius:20px;position:absolute;inset:18px}.orientation-device{width:112px;height:112px;color:var(--gold-bright);background:#071928eb;border:1px solid #f4cd856b;border-radius:50%;place-items:center;margin-bottom:8px;display:grid;position:relative;box-shadow:0 18px 50px #0000007a}.orientation-device svg:first-child{width:46px;height:46px;transform:rotate(90deg)}.orientation-device svg:last-child{width:34px;height:34px;color:var(--ink-900);background:var(--gold);border-radius:50%;padding:6px;position:absolute;bottom:8px;right:8px}.orientation-gate strong{font-family:"MHS2 Display", var(--font-display);color:var(--gold-bright);font-size:clamp(26px,7vw,38px)}.orientation-gate>span{max-width:310px;color:var(--muted);font-size:15px}.game-shell[data-layout=mobile] .turn-plate{padding:4px 12px 9px;left:8px}.game-shell[data-layout=mobile] .turn-plate span{font-size:9px}.game-shell[data-layout=mobile] .turn-plate strong{font-size:21px}.game-shell[data-layout=mobile] .timer-ring{width:60px;height:60px;top:4px;right:8px}.game-shell[data-layout=mobile] .timer-copy small{font-size:7px}.game-shell[data-layout=mobile] .timer-copy strong{font-size:19px}.game-shell[data-layout=mobile] .rival-roster{gap:22px;top:2px;left:76px;right:74px}.game-shell[data-layout=mobile] .rival-plates{gap:16px}.game-shell[data-layout=mobile] .battler-plate{padding-top:0;padding-bottom:23px}.game-shell[data-layout=mobile] .ally-entry{padding-top:22px}.game-shell[data-layout=mobile] .rival-core{width:58px;padding-bottom:23px}.game-shell[data-layout=mobile] .plate-name{font-size:12px}.game-shell[data-layout=mobile] .hp-track{height:8px}.game-shell[data-layout=mobile] .hp-value{font-size:12px}.game-shell[data-layout=mobile] .heart{width:12px;height:11px}.game-shell[data-layout=mobile] .status-chip{flex-basis:21px;width:21px;height:21px}.game-shell[data-layout=mobile] .status-chip .status-icon{flex-basis:18px;width:18px;height:18px}.game-shell[data-layout=mobile] .action-ribbon{padding:1px 14px 1px 5px;font-size:9.5px}.game-shell[data-layout=mobile] .action-ribbon img{width:15px;height:15px}.game-shell[data-layout=mobile] .action-ribbon-copy strong{font-size:9.5px}.game-shell[data-layout=mobile] .battle-field{inset:62px 0 96px}.game-shell[data-layout=mobile] .field-row{gap:40px;padding:0 24px}.game-shell[data-layout=mobile] .field-row.enemy{transform:translate(6%)scale(.66)}.game-shell[data-layout=mobile] .field-row[data-pods="2"]{gap:20px}.game-shell[data-layout=mobile] .battler.kind-rider{--figure-w:104px;--figure-h:148px}.game-shell[data-layout=mobile] .battler.kind-monstie{--figure-w:176px;--figure-h:168px}.game-shell[data-layout=mobile] .damage-popup{font-size:30px}.game-shell[data-layout=mobile] .damage-popup.critical{font-size:38px}.game-shell[data-layout=mobile] .ally-dock{gap:22px;padding:0 12px 8px}.game-shell[data-layout=mobile] .ally-dock:before{height:140px}.game-shell[data-layout=mobile] .ally-row{gap:8px}.game-shell[data-layout=mobile] .ally-core{width:58px}.game-shell[data-layout=mobile] .kinship-orb-hud{width:42px;height:42px}.game-shell[data-layout=mobile] .kinship-orb-hud strong{font-size:15px}.game-shell[data-layout=mobile] .ally-role{font-size:9px}.game-shell[data-layout=mobile] .command-rail{gap:5px}.game-shell[data-layout=mobile] .rail-item{gap:8px;width:158px;padding:6px 20px 6px 13px}.game-shell[data-layout=mobile] .rail-item-icon{flex-basis:20px;width:20px;height:20px}.game-shell[data-layout=mobile] .rail-item-label{font-size:13px}.game-shell[data-layout=mobile] .rail-hint{max-width:172px;padding-left:13px;font-size:9.5px}.game-shell[data-layout=mobile] .attack-wheel{margin-left:16px}.game-shell[data-layout=mobile] .attack-type{width:46px}.game-shell[data-layout=mobile] .attack-type img{width:38px;height:38px;padding:8px}.game-shell[data-layout=mobile] .attack-type span{font-size:8px}.game-shell[data-layout=mobile] .command-scrim{padding:50px 14px 96px}.game-shell[data-layout=mobile] .command-overlay{width:min(880px,92%)}.game-shell[data-layout=mobile] .overlay-head h2{padding:3px 28px 3px 11px;font-size:15px}.game-shell[data-layout=mobile] .overlay-body{gap:9px;padding:3px 14px 11px}.game-shell[data-layout=mobile] .cmd-columns{gap:5px 11px}.game-shell[data-layout=mobile] .cmd-row{gap:7px;padding:5px 9px}.game-shell[data-layout=mobile] .cmd-row-icon{flex-basis:24px;width:24px;height:24px}.game-shell[data-layout=mobile] .cmd-row-icon img{width:22px;height:22px}.game-shell[data-layout=mobile] .cmd-row-label{font-size:12px}.game-shell[data-layout=mobile] .cmd-row-meta{font-size:9.5px}.game-shell[data-layout=mobile] .overlay-detail{gap:2px;height:60px;padding:6px 14px}.game-shell[data-layout=mobile] .overlay-detail strong{font-size:12px}.game-shell[data-layout=mobile] .overlay-detail p{font-size:10.5px}.game-shell[data-layout=mobile] .commit-strip{gap:12px;padding:7px 18px;bottom:106px}.game-shell[data-layout=mobile] .commit-wait{font-size:13px}.game-shell[data-layout=mobile] .target-callout{gap:10px;padding:7px 16px}.game-shell[data-layout=mobile] .target-callout span{font-size:14px}.game-shell[data-layout=mobile] .result-panel{width:min(520px,82%);padding:20px 24px}.game-shell[data-layout=mobile] .main-menu{grid-template-rows:minmax(0,1fr) 48px}.game-shell[data-layout=mobile] .menu-body{gap:11px;max-width:58%;padding-left:54px}.game-shell[data-layout=mobile] .menu-title-series{letter-spacing:.34em;font-size:11px}.game-shell[data-layout=mobile] .menu-title h1{font-size:68px}.game-shell[data-layout=mobile] .menu-title-rule{width:410px;margin-top:4px}.game-shell[data-layout=mobile] .menu-rail{gap:4px;width:410px}.game-shell[data-layout=mobile] .menu-item{height:44px}.game-shell[data-layout=mobile] .menu-item-icon{width:29px;height:29px}.game-shell[data-layout=mobile] .menu-item-label{font-size:18px}.game-shell[data-layout=mobile] .menu-detail{width:410px;height:72px;padding:8px 15px}.game-shell[data-layout=mobile] .menu-detail strong{font-size:17px}.game-shell[data-layout=mobile] .menu-detail p{-webkit-line-clamp:1;line-clamp:1;height:17px;font-size:11.5px;line-height:1.4}.game-shell[data-layout=mobile] .menu-hints{gap:14px;padding:0 28px 9px 54px;font-size:10px}.game-shell[data-layout=mobile] .menu-build{display:none}.game-shell[data-layout=mobile] .loadout-header{gap:12px;padding:10px 18px 8px}.game-shell[data-layout=mobile] .loadout-back{width:40px;height:40px}.game-shell[data-layout=mobile] .loadout-title h1{font-size:23px}.game-shell[data-layout=mobile] .loadout-title span{font-size:9px}.game-shell[data-layout=mobile] .picker-scrim{padding:12px 20px}.game-shell[data-layout=mobile] .picker-dialog{max-height:570px}.game-shell[data-layout=mobile] .create-room-body{gap:12px;padding:14px 18px}.game-shell[data-layout=mobile] .format-choice button{min-height:64px;padding:8px}.game-shell[data-layout=mobile] .picker-foot{padding:10px 18px}.game-shell[data-layout=mobile] .lobby-body{grid-template-columns:minmax(650px,1.18fr) minmax(0,.82fr);gap:10px;padding:0 18px 14px}.game-shell[data-layout=mobile] .lobby-room-browser{grid-template-columns:minmax(0,1fr) 218px;gap:8px}.game-shell[data-layout=mobile] .room-list-panel,.game-shell[data-layout=mobile] .room-detail{border-radius:11px;padding:10px}.game-shell[data-layout=mobile] .room-list-head{margin-bottom:6px;padding-bottom:6px}.game-shell[data-layout=mobile] .room-row{gap:8px;min-height:48px;padding:7px 9px}.game-shell[data-layout=mobile] .room-detail{gap:7px}.game-shell[data-layout=mobile] .room-detail header{padding-bottom:7px}.game-shell[data-layout=mobile] .room-detail-seats li{min-height:38px;padding:5px 8px}.game-shell[data-layout=mobile] .lobby-primary,.game-shell[data-layout=mobile] .lobby-create,.game-shell[data-layout=mobile] .lobby-start{min-height:42px}.game-shell[data-layout=mobile] .loadout-panel{border-radius:11px;gap:8px;padding:10px}.game-shell[data-layout=mobile] .loadout-panel-head{gap:10px;padding-bottom:7px}.game-shell[data-layout=mobile] .loadout-panel-head h2{font-size:16px}.game-shell[data-layout=mobile] .rider-name-field input{width:118px}.game-shell[data-layout=mobile] .loadout-item-set-field select{width:150px}.game-shell[data-layout=mobile] .party-strip{gap:7px}.game-shell[data-layout=mobile] .party-seat{min-height:132px;padding:6px 5px}.game-shell[data-layout=mobile] .party-seat-art{width:min(100%,82px)}.game-shell[data-layout=mobile] .party-seat-type{width:21px;height:21px}.game-shell[data-layout=mobile] .party-seat-facts{display:none}.game-shell[data-layout=mobile] .gear-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.game-shell[data-layout=mobile] .gear-slot{gap:7px;min-height:66px;padding:8px}.game-shell[data-layout=mobile] .room-body{grid-template-columns:226px minmax(0,1fr);gap:10px;padding:0 18px 7px}.game-shell[data-layout=mobile] .seat-board{gap:8px;padding:9px}.game-shell[data-layout=mobile] .seat{min-height:48px;padding:6px 8px}.game-shell[data-layout=mobile] .room-foot{min-height:54px;padding:3px 18px 9px}.game-shell[data-layout=mobile] .loadout-body{grid-template-columns:218px minmax(0,1fr) 290px;gap:10px;padding:0 18px 14px}.game-shell[data-layout=mobile] .roster,.game-shell[data-layout=mobile] .workbench,.game-shell[data-layout=mobile] .inspector{border-radius:11px}.game-shell[data-layout=mobile] .roster{padding:10px}.game-shell[data-layout=mobile] .rider-portraits-body{grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:12px;padding:0 18px 14px}.game-shell[data-layout=mobile] .rider-portrait-preview,.game-shell[data-layout=mobile] .rider-portrait-picker{border-radius:11px}.game-shell[data-layout=mobile] .rider-portrait-picker{padding:12px}.game-shell[data-layout=mobile] .rider-portrait-grid{gap:7px;padding-top:8px}.game-shell[data-layout=mobile] .rider-portrait-choice{min-height:82px}@media (hover:none),(pointer:coarse){.menu-item:hover,.party-seat:hover,.gear-slot:hover,.room-row:hover,.cmd-row:hover,.rail-item:hover,.rider-portrait-choice:hover{transform:none}}.turn-plate{z-index:22;pointer-events:none;clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%);background:linear-gradient(#4a300cdb,#180f0459);justify-items:center;gap:1px;padding:6px 18px 12px;display:grid;position:absolute;top:0;left:14px}.turn-plate span{font-family:var(--font-display);letter-spacing:.26em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 5px #000000e6;font-size:11px;font-weight:700}.turn-plate strong{font-family:var(--font-display);color:var(--gold-bright);text-shadow:0 3px 10px #000000f2;font-variant-numeric:tabular-nums;font-size:30px;line-height:1}.timer-ring{z-index:22;pointer-events:none;place-items:center;width:84px;height:84px;transition:opacity .3s,bottom .3s;display:grid;position:absolute;top:6px;right:14px}.timer-ring svg{filter:drop-shadow(0 4px 12px #000000d9);width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.timer-track{fill:#030a13b8;stroke:#a0c8f033;stroke-width:6px}.timer-progress{fill:none;stroke:var(--speed);stroke-width:6px;stroke-linecap:round;stroke-dasharray:276.5;transition:stroke-dashoffset .95s linear,stroke .3s}.timer-copy{justify-items:center;display:grid;position:relative}.timer-copy small{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-size:9px;font-weight:700}.timer-copy strong{font-family:var(--font-display);color:#fff;text-shadow:0 2px 8px #000000e6;font-variant-numeric:tabular-nums;font-size:27px;line-height:1}.timer-ring.urgent .timer-progress{stroke:#ff6a6a}.timer-ring.urgent .timer-copy strong{color:#ffd2d2;animation:1s ease-in-out infinite hp-warn}.timer-ring.idle{opacity:0}.timer-ring.idle .timer-progress{transition:none}.arena-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.backdrop-sky{background:linear-gradient(#0a1420 0%,#182636 18%,#333a3a 34%,#4a4436 44%,#2b2b2c 52%,#17202a 100%);position:absolute;inset:0}.backdrop-glow{filter:blur(3px);background:radial-gradient(closest-side,#ffe0a857,#ffb05c24 46%,#0000 76%);width:1400px;height:760px;animation:9s ease-in-out infinite arena-breathe;position:absolute;top:-10%;left:50%;transform:translate(-50%)}@keyframes arena-breathe{50%{opacity:.74}}.backdrop-skyline{filter:drop-shadow(0 0 40px #ffc88224);height:40%;position:absolute;top:0;left:0;right:0}.backdrop-skyline .arch{background:linear-gradient(#2e2920f5 0%,#181510fa 100%);border:2px solid #ffd6963d;border-bottom:0;position:absolute;bottom:0;box-shadow:0 -6px 46px #0009,inset 0 0 60px #000000b3}.backdrop-skyline .arch:after{content:"";border-radius:inherit;border:1px solid #ffd69624;border-bottom:0;position:absolute;inset:14px 14px 0}.backdrop-skyline .arch.mid{border-radius:310px 310px 0 0;width:620px;height:84%;left:50%;transform:translate(-50%)}.backdrop-skyline .arch.left,.backdrop-skyline .arch.right{opacity:.9;border-radius:170px 170px 0 0;width:340px;height:58%}.backdrop-skyline .arch.left{left:5%}.backdrop-skyline .arch.right{right:5%}.backdrop-stands{background:linear-gradient(#3a302233 0%,#2c241aeb 52%,#241f18 100%);border-radius:50% 50% 0 0/30% 30% 0 0;height:31%;position:absolute;top:5%;left:-6%;right:-6%;box-shadow:0 -2px #ffd6961f}.backdrop-stands:after{content:"";opacity:.42;filter:blur(1.4px);-webkit-mask-composite:source-in;background-image:radial-gradient(circle,#ffe2b08c 40%,#0000 42%),radial-gradient(circle,#96c8f05c 40%,#0000 42%);background-position:0 0,6px 4px;background-size:13px 10px,18px 14px;border-radius:50% 50% 0 0/40% 40% 0 0;animation:5.5s ease-in-out infinite crowd-shimmer;position:absolute;inset:30% 5% 4%;-webkit-mask-image:radial-gradient(72% 100% at 50% 100%,#000 30%,#0000 100%),linear-gradient(#0000,#000 22% 82%,#0000);mask-image:radial-gradient(72% 100% at 50% 100%,#000 30%,#0000 100%),linear-gradient(#0000,#000 22% 82%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}@keyframes crowd-shimmer{50%{opacity:.22}}.stand-lights{justify-content:space-between;display:flex;position:absolute;inset:3% 7% auto}.stand-lights i{width:54px;height:10px;animation:6s ease-in-out infinite stand-flicker;animation-delay:calc(var(--light-index) * .7s);background:linear-gradient(#fff4d8,#ffbe6e59);border-radius:999px;box-shadow:0 0 40px 14px #ffce8c73,0 18px 60px 18px #ffbe6e2e}@keyframes stand-flicker{0%,to{opacity:.75}50%{opacity:1}}.backdrop-banners{background:linear-gradient(#403220e6,#1e1912b8 62%,#0000);border-top:3px solid #ffd69633;justify-content:space-between;height:84px;padding:0 2%;display:flex;position:absolute;top:24%;left:0;right:0}.backdrop-banners i{clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);background:linear-gradient(180deg, var(--banner-top,#b7561f), var(--banner-bottom,#6d2c0f));opacity:.92;width:44px;height:68px;box-shadow:inset 0 0 0 2px #ffe2b047,0 6px 16px #0000008c}.backdrop-banners i:nth-child(3n+2){--banner-top:#1f5fa0;--banner-bottom:#0e2f5c}.backdrop-banners i:nth-child(3n+3){--banner-top:#5b3f8f;--banner-bottom:#2c1c4d}.backdrop-floor{background:radial-gradient(40% 52% at 50% 26%,#ffe8ba57,#0000 72%),radial-gradient(62% 96% at 50% 2%,#b9a382 0%,#9d8768 15%,#7a6a53 30%,#4f4839 48%,#2a2c2c 74%,#131b23 100%);border-radius:50% 50% 0 0/22% 22% 0 0;height:84%;position:absolute;bottom:-22%;left:-22%;right:-22%;box-shadow:inset 0 30px 90px #0000009e,inset 0 -120px 180px #060c148c,0 -3px #ffe2b057}.floor-grid{background-image:repeating-linear-gradient(90deg,#3a2c1a29 0 2px,#0000 2px 104px),repeating-linear-gradient(0deg,#3a2c1a1f 0 2px,#0000 2px 62px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(62% 60% at 50% 14%,#000 0%,#0000 86%);mask-image:radial-gradient(62% 60% at 50% 14%,#000 0%,#0000 86%)}.floor-emblem{background:radial-gradient(circle,#ffe2b024 0%,#0000 62%);border:3px solid #ffe2b042;border-radius:50%;width:720px;height:300px;position:absolute;top:5%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 60px #ffe2b01f,0 0 90px #ffe2b00f}.floor-emblem:after{content:"";border:2px solid #ffe2b033;border-radius:50%;position:absolute;inset:18%}.floor-spot{filter:blur(16px);background:radial-gradient(closest-side,#ffe8be3d,#0000 70%);border-radius:50%;width:900px;height:250px;position:absolute;left:50%;transform:translate(-50%)}.floor-spot.enemy{margin-left:110px;top:-8%;transform:translate(-50%)scale(.78)}.floor-spot.local{width:1080px;height:300px;margin-left:-100px;top:22%}.backdrop-dust{position:absolute;inset:0}.backdrop-dust i{left:calc(var(--dust-index) * 6.2% + 2%);filter:blur(.5px);width:4px;height:4px;animation:16s linear infinite dust-rise;animation-delay:calc(var(--dust-index) * -1.05s);opacity:0;background:#ffe8be99;border-radius:50%;position:absolute;bottom:-20px}@keyframes dust-rise{0%{opacity:0;transform:translate(0,0)scale(.6)}14%{opacity:.7}to{opacity:0;transform:translate(34px,-620px)scale(1.15)}}.backdrop-vignette{background:radial-gradient(120% 88% at 50% 46%,#0000 44%,#02060c80 82%,#02060cd1 100%),linear-gradient(#02060c99 0%,#0000 14%);position:absolute;inset:0}.arena-field{position:absolute;inset:0;overflow:hidden}.arena-shake{will-change:transform;position:absolute;inset:0}.vfx-canvas{pointer-events:none;z-index:12;width:100%;height:100%;position:absolute;inset:0}.battle-field{z-index:2;grid-template-rows:1fr 1fr;display:grid;position:absolute;inset:88px 0 128px}.field-row{justify-content:center;align-items:flex-end;gap:74px;min-height:0;padding:0 44px;display:flex}.field-row.enemy{transform-origin:50% 100%;transform:translate(7%)scale(.74)}.field-row.local{transform-origin:50% 100%;transform:translate(-6%)}.field-row[data-pods="2"]{gap:40px}.field-pod{align-items:flex-end;gap:4px;display:flex}.field-row .field-pod:nth-child(2),.field-row.local .field-pod{flex-direction:row-reverse}.field-row.local .field-pod:nth-child(2){flex-direction:row}.battler{cursor:default;background:0 0;border:0;padding:0;transition:transform .25s cubic-bezier(.22,1,.36,1),filter .25s;display:block;position:relative}.battler.kind-rider{--figure-w:172px;--figure-h:240px}.battler.kind-monstie{--figure-w:286px;--figure-h:276px}.battler.banner-azure{--card-accent:var(--ally)}.battler.banner-crimson{--card-accent:var(--enemy)}.battler.banner-verdant{--card-accent:var(--verdant)}.battler.banner-amber{--card-accent:var(--amber)}.battler.inspectable{cursor:help;margin-inline:-18px;padding-inline:18px}.battler-ground{pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--card-accent) 20%, transparent), transparent 66%), radial-gradient(closest-side, #060a0ec7, transparent 76%);filter:blur(5px);border-radius:50%;width:74%;height:30px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.battler-figure{width:var(--figure-w);height:var(--figure-h);display:block;position:relative}.battler .portrait-art{object-fit:cover;object-position:50% 8%;transform-origin:50% 92%;filter:drop-shadow(0 14px 20px #0000009e);width:100%;height:100%;transition:transform .3s cubic-bezier(.22,1,.36,1);-webkit-mask-image:radial-gradient(closest-side at 50% 44%,#000 58%,#0000008c 84%,#0000 100%);mask-image:radial-gradient(closest-side at 50% 44%,#000 58%,#0000008c 84%,#0000 100%)}.battler.kind-monstie .portrait-art{object-position:50% 28%}.battler.banner-verdant .portrait-art.rider-azure{filter:hue-rotate(-70deg)saturate(1.2)drop-shadow(0 14px 20px #0000009e)}.battler.banner-amber .portrait-art.rider-crimson{filter:hue-rotate(28deg)saturate(1.15)drop-shadow(0 14px 20px #0000009e)}.battler-glow{opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 44%, var(--impact-core,#fff), transparent 62%);mix-blend-mode:screen;position:absolute;inset:0}.battler.defeated{filter:grayscale(.85)brightness(.55)}.battler.defeated .portrait-art{opacity:.55;transform:rotate(-5deg)scale(.9)}.battler.targetable{cursor:pointer}.battler.targetable .battler-ground{background:radial-gradient(closest-side,#ffc85ab3,#0000 72%);animation:1.5s ease-in-out infinite target-breathe}.battler.targetable .portrait-art{filter:drop-shadow(0 0 14px #ffc85ad9)drop-shadow(0 14px 20px #0000009e)}.battler.targetable:hover{transform:translateY(-8px)scale(1.04)}@keyframes target-breathe{50%{opacity:.55;transform:translate(-50%)scale(1.12)}}.target-reticle{pointer-events:none;animation:6s linear infinite reticle-spin;position:absolute;inset:12% 14% 16%}.target-reticle i{border:2px solid var(--gold-bright);filter:drop-shadow(0 0 6px #ffc85ae6);width:18px;height:18px;position:absolute}.target-reticle i:first-child{border-bottom:0;border-right:0;top:0;left:0}.target-reticle i:nth-child(2){border-bottom:0;border-left:0;top:0;right:0}.target-reticle i:nth-child(3){border-top:0;border-right:0;bottom:0;left:0}.target-reticle i:nth-child(4){border-top:0;border-left:0;bottom:0;right:0}@keyframes reticle-spin{to{transform:rotate(360deg)}}.battler.acting{z-index:6}.battler.acting .portrait-art{animation:.62s cubic-bezier(.22,1,.36,1) actor-cast}.field-row.local .battler.acting .portrait-art{animation-name:actor-cast-up}@keyframes actor-cast{0%{transform:translateY(0)scale(1)}40%{transform:translateY(10px)scale(1.11)}to{transform:translateY(0)scale(1)}}@keyframes actor-cast-up{0%{transform:translateY(0)scale(1)}40%{transform:translateY(-12px)scale(1.11)}to{transform:translateY(0)scale(1)}}.battler.impact{animation:.4s cubic-bezier(.36,.07,.19,.97) actor-hit}.battler.impact .portrait-art{animation:.4s ease-out actor-flash}.battler.impact .battler-glow{animation:.42s ease-out portrait-glow}@keyframes portrait-glow{0%{opacity:.9}to{opacity:0}}.battler.impact:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 42%, var(--impact-core,#fff), transparent 60%);opacity:0;border-radius:46%;animation:.42s ease-out impact-bloom;position:absolute;inset:6% -4%}@keyframes impact-bloom{0%{opacity:.62}to{opacity:0}}@keyframes actor-hit{0%{transform:translate(0,0)}18%{transform:translate(-9px,3px)rotate(-1.4deg)}38%{transform:translate(8px,-2px)rotate(1.2deg)}62%{transform:translate(-5px,1px)}to{transform:translate(0,0)}}@keyframes actor-flash{0%{filter:brightness(3.2)saturate(.2)contrast(1.4)}to{filter:brightness()saturate()contrast()}}.battler.feedback-heal .battler-figure,.battler.feedback-recover .battler-figure{animation:.7s ease-out actor-heal}@keyframes actor-heal{0%,to{filter:none}40%{filter:drop-shadow(0 0 24px #78ffb4f2)brightness(1.16)}}.card-guard-sigil{pointer-events:none;color:var(--speed);place-items:center;animation:.8s ease-out guard-sigil;display:grid;position:absolute;inset:0}.card-guard-sigil svg{filter:drop-shadow(0 0 16px #45dcffcc);width:68px;height:68px}@keyframes guard-sigil{0%{opacity:0;transform:scale(.5)}35%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.2)}}.rider-equipment-panel{z-index:20;color:#fff;border:1px solid color-mix(in srgb, var(--card-accent) 55%, #f4cd856b);opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(#091828f7,#030a13fa);border-radius:7px;grid-template-columns:minmax(0,1fr);gap:6px;width:252px;padding:7px;transition:opacity .16s,transform .16s,visibility .16s;display:grid;position:absolute;bottom:12%;left:50%;transform:translate(-50%,6px);box-shadow:0 7px 18px #000000b8,inset 0 1px #ffffff14}.battler.equipment-open .rider-equipment-panel{opacity:1;visibility:visible;transform:translate(-50%)}@media (hover:hover) and (pointer:fine){.battler.inspectable:hover .rider-equipment-panel{opacity:1;visibility:visible;transform:translate(-50%)}}.rider-gear-slot{text-align:left;border:1px solid var(--panel-line);background:#050e19c2;border-radius:5px;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:7px;min-width:0;padding:6px 7px;display:grid}.rider-gear-copy{flex-direction:column;min-width:0;display:flex}.rider-gear-copy small{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:700}.rider-gear-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.damage-popup{z-index:30;line-height:1;font-family:var(--font-display);color:#fff2f2;text-shadow:0 0 10px #ff5a46f2,0 3px #8b1414,-2px 0 #240404,2px 0 #240404,0 -2px #240404,0 8px 18px #000000f2;pointer-events:none;font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;font-size:40px;font-weight:700;animation:1.6s cubic-bezier(.16,1,.3,1) forwards damage-rise;display:flex;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.damage-popup.critical{color:#fffbe6;text-shadow:0 0 18px #ffbe3c,0 4px #a4560a,0 8px 18px #000000d9;font-size:52px;animation-name:damage-crit}.damage-popup.positive{color:#eaffef;text-shadow:0 0 12px #5af596e6,0 3px #147a3c}.damage-popup.feedback-number.paired.damage{top:-44px}.damage-popup.feedback-number.paired.healing{top:14px}.damage-popup.miss{color:#dceaff;text-shadow:0 0 10px #96bef0cc,0 3px #26456b;font-size:32px}.critical-hit-label{font-family:var(--font-ui);letter-spacing:.22em;text-transform:uppercase;color:#ffe9a8;text-shadow:0 0 12px #ffbe3cf2,0 2px #7c3d05;white-space:nowrap;font-size:15px;font-style:normal;font-weight:700;display:block}@keyframes damage-rise{0%{opacity:0;transform:translate(-50%,16px)scale(.6)}22%{opacity:1;transform:translate(-50%,-8px)scale(1.18)}40%{transform:translate(-50%,-4px)scale(1)}72%{opacity:1;transform:translate(-50%,-14px)scale(1)}to{opacity:0;transform:translate(-50%,-46px)scale(.94)}}@keyframes damage-crit{0%{opacity:0;transform:translate(-50%,20px)scale(.4)rotate(-8deg)}18%{opacity:1;transform:translate(-50%,-12px)scale(1.42)rotate(3deg)}34%{transform:translate(-50%,-6px)scale(1.05)rotate(-1deg)}72%{opacity:1;transform:translate(-50%,-16px)scale(1.05)rotate(0)}to{opacity:0;transform:translate(-50%,-58px)scale(.95)}}.card-impact-cue-sequence{z-index:30;pointer-events:none;position:absolute;inset:0}.card-impact-cue-sequence i{font-family:var(--font-display);color:#fff1f1;text-shadow:0 0 9px #ff5a46e6,0 3px #8b1414;opacity:0;animation:1.6s cubic-bezier(.16,1,.3,1) forwards cue-pop;animation-delay:calc(var(--cue-index) * var(--cue-gap,90ms));font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;font-size:28px;font-style:normal;font-weight:700;display:flex;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.card-impact-cue-sequence i:nth-child(odd){margin-left:-30px}.card-impact-cue-sequence i:nth-child(2n){margin-left:30px}.card-impact-cue-sequence.critical i{color:#fffbe6;text-shadow:0 0 14px #ffbe3c,0 3px #a4560a}.card-impact-cue-sequence .critical-hit-label{letter-spacing:.12em;margin-bottom:2px;font-size:9px}@keyframes cue-pop{0%{opacity:0;transform:translate(-50%,12px)scale(.6)}25%{opacity:1;transform:translate(-50%,-6px)scale(1.15)}72%{opacity:1;transform:translate(-50%,-14px)scale(1)}to{opacity:0;transform:translate(-50%,-40px)scale(.9)}}.rival-roster:before{content:"";pointer-events:none;background:linear-gradient(#010409e0,#02070e80 52%,#0000);height:130px;position:absolute;inset:-10px -140px auto -150px}.rival-roster{z-index:20;pointer-events:none;justify-content:center;align-items:flex-start;gap:40px;display:flex;position:absolute;top:8px;left:116px;right:108px}.rival-side{flex-direction:column;flex:1 1 0;align-items:center;gap:8px;min-width:0;max-width:640px;display:flex}.rival-side.banner-azure{--card-accent:var(--ally)}.rival-side.banner-crimson{--card-accent:var(--enemy)}.rival-side.banner-verdant{--card-accent:var(--verdant)}.rival-side.banner-amber{--card-accent:var(--amber)}.rival-plates{align-items:flex-end;gap:14px;width:100%;display:flex}.rival-side:nth-child(2) .rival-plates{flex-direction:row-reverse}.battler-plate{flex-direction:column;flex:1 1 0;gap:3px;min-width:0;padding-bottom:31px;display:flex;position:relative}.battler-plate>.action-ribbon{top:auto;bottom:0}.rival-core{flex:none;justify-content:center;width:80px;padding-bottom:31px;display:flex}.battler-plate.defeated,.ally-entry.defeated{opacity:.45}.plate-line{align-items:center;gap:12px;min-width:0;transition:opacity .2s;display:flex}.game-shell[data-presentation-beat=impact] .plate-line,.game-shell[data-presentation-kind=heart] .plate-line{opacity:.32}.plate-name{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);letter-spacing:.01em;text-shadow:0 2px 6px #000000f2,0 0 14px #000000b3;font-size:15px;font-weight:700;overflow:hidden}.hp-bar{align-items:center;gap:8px;display:flex}.hp-track{background:#020810db;border-radius:2px;flex:auto;min-width:0;height:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #000000d9,0 1px #ffffff14}.hp-fill{background:var(--hp);height:100%;transition:width .5s cubic-bezier(.22,1,.36,1);display:block;box-shadow:0 0 10px #46dc7873}.hp-fill.low{background:var(--hp-low);animation:1.1s ease-in-out infinite hp-warn;box-shadow:0 0 12px #ff6e468c}@keyframes hp-warn{50%{filter:brightness(1.3)}}.hp-value{font-family:var(--font-display);color:#fff;text-shadow:0 2px 6px #000000f2;font-variant-numeric:tabular-nums;flex:none;font-size:15px;line-height:1}.hearts{gap:6px;display:flex}.heart{clip-path:polygon(50% 100%,8% 56%,0 34%,12% 12%,32% 8%,50% 24%,68% 8%,88% 12%,100% 34%,92% 56%);filter:drop-shadow(0 2px 3px #000000bf);background:radial-gradient(circle at 34% 30%,#ff9d9d,#d02a2a 62%,#7d0f14);width:15px;height:14px}.heart.empty{filter:none;background:#788ca54d}.ally-dock{z-index:20;pointer-events:none;justify-content:center;align-items:flex-end;gap:42px;padding:0 26px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.ally-dock:before{content:"";pointer-events:none;background:linear-gradient(#0000,#02070e80 34%,#02070edb 64%,#010409f5);height:210px;position:absolute;inset:auto 0 0}.ally-side{flex-direction:column;flex:1 1 0;gap:4px;min-width:0;max-width:660px;display:flex;position:relative}.ally-side.banner-azure{--card-accent:var(--ally)}.ally-side.banner-crimson{--card-accent:var(--enemy)}.ally-side.banner-verdant{--card-accent:var(--verdant)}.ally-side.banner-amber{--card-accent:var(--amber)}.ally-top{align-items:flex-end;gap:10px;min-height:22px;display:flex}.ally-row{align-items:flex-end;gap:14px;display:flex}.ally-side:nth-child(2) .ally-row{flex-direction:row-reverse}.ally-entry{flex-direction:column;flex:1 1 0;gap:3px;min-width:0;padding-top:29px;display:flex;position:relative}.ally-core{flex-direction:column;flex:none;align-items:center;gap:3px;width:80px;display:flex}.ally-owner{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.1em;text-transform:uppercase;max-width:100%;color:var(--muted);text-shadow:0 2px 5px #000000f2;font-size:10px;font-weight:700;overflow:hidden}.persistent-effects{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.field-effect-chip,.ride-level-chip,.weapon-resource-chip{letter-spacing:.04em;white-space:nowrap;color:var(--text);border:1px solid var(--panel-line);text-shadow:0 1px 3px #000000e6;background:#050f1bd1;border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.ride-level-chip{color:#ffe6b4;border-color:#f4cd8570}.weapon-resource-chip{color:#cfe9ff;border-color:#58c0ff70}.ally-entry.kind-rider .weapon-resource-chip{flex:none;margin-left:auto}.status-row{flex-wrap:nowrap;align-items:center;gap:4px;display:flex;overflow:hidden}.status-chip{border:1px solid #0000;border-radius:7px;flex:0 0 26px;justify-content:center;align-items:center;width:26px;height:26px;padding:2px;font-size:10px;font-weight:700;display:inline-flex;position:relative}.status-chip b{font-size:16px;line-height:1}.status-chip .status-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #000000b8);flex:0 0 22px;width:22px;height:22px}.status-chip small{color:#fff;text-align:center;font-variant-numeric:tabular-nums;background:#030a12f5;border:1px solid #ffffff85;border-radius:7px;min-width:13px;height:13px;padding:0 2px;font-size:8px;line-height:11px;position:absolute;top:-2px;left:-2px}.status-chip.overflow{width:auto;min-width:26px;padding-inline:5px}.status-chip.buff{color:#b9ffd0;background:#26a0603d;border-color:#50dc966b}.status-chip.debuff{color:#ffc9a8;background:#be5c283d;border-color:#ff965a66}.status-chip.ailment{color:#f3c0ff;background:#8c3cbe42;border-color:#cd82ff6b}.status-chip.state,.status-chip.overflow{color:var(--muted);background:#3c5a7d47;border-color:#8cb4e14d}.kinship-orb-hud{pointer-events:none;place-items:center;width:56px;height:56px;display:grid;position:relative}.kinship-metal-frame{background:conic-gradient(from 210deg,#d9b06a,#7a5620,#f6dda5,#8a6427,#d9b06a);border-radius:50%;padding:4px;position:absolute;inset:0;box-shadow:0 6px 16px #0009,inset 0 0 8px #00000080}.kinship-glass{background:radial-gradient(circle at 34% 28%,#123049,#06131f);border-radius:50%;position:absolute;inset:4px;overflow:hidden}.kinship-liquid{height:var(--kinship-level,0%);background:linear-gradient(#8ef1ff,#21a7e6 55%,#0d5f9c);transition:height .6s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;right:0}.kinship-glint{filter:blur(2px);background:#ffffff59;border-radius:50%;width:34%;height:22%;position:absolute;top:12%;left:18%}.kinship-rivet{background:linear-gradient(#ffeec4,#7c5820);border-radius:50%;width:7px;height:7px;margin-left:-3.5px;position:absolute;left:50%}.kinship-rivet.north{top:-1px}.kinship-rivet.south{bottom:-1px}.kinship-orb-hud strong{z-index:2;font-family:var(--font-display);text-shadow:0 2px 7px #000000f2;font-size:20px;line-height:1;position:relative}.kinship-orb-hud.charged .kinship-metal-frame{animation:1.4s ease-in-out infinite kinship-ready}@keyframes kinship-ready{50%{box-shadow:0 6px 20px #0009,0 0 26px #78e6ffbf}}.action-ribbon{--ribbon-fill:#b8b636;--ribbon-rim:#554501;z-index:8;white-space:nowrap;color:#fff;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%);background:linear-gradient(180deg, color-mix(in srgb, var(--ribbon-fill) 84%, #fff 16%), color-mix(in srgb, var(--ribbon-fill) 78%, var(--ribbon-rim)));text-shadow:0 1px 3px #000000e6;align-items:center;gap:6px;max-width:100%;padding:2px 18px 2px 6px;font-size:11px;display:flex;position:absolute;top:0;left:0}.action-ribbon-power{--ribbon-fill:#a5201e;--ribbon-rim:#501308}.action-ribbon-tech{--ribbon-fill:#438b08;--ribbon-rim:#214c07}.action-ribbon-speed{--ribbon-fill:#1a428d;--ribbon-rim:#102753}.action-ribbon-copy{min-width:0;overflow:hidden}.action-ribbon-copy strong{text-overflow:ellipsis;letter-spacing:.02em;font-size:11.5px;display:block;overflow:hidden}.action-ribbon.draft{opacity:.9}.action-ribbon.revealed{box-shadow:0 0 20px color-mix(in srgb, var(--ribbon-fill) 45%, transparent);animation:.42s cubic-bezier(.16,1,.3,1) both ribbon-declare}.action-ribbon img{object-fit:contain;filter:drop-shadow(0 1px 2px #000000d9);flex:none;width:20px;height:20px}@keyframes ribbon-declare{0%{opacity:0;transform:translateY(8px)scale(.86)}60%{opacity:1;transform:translateY(-2px)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}.presentation-layer{z-index:45;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.reveal-flare{background:radial-gradient(60% 50%,#f4cd8529,#0000 70%);animation:.9s ease-out forwards fade-out;position:absolute;inset:0}@keyframes fade-out{to{opacity:0}}.reveal-stack{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow-deep);background:#030a13b8;border:1px solid #f4cd853d;border-radius:16px;flex-direction:column;gap:8px;padding:16px 22px;display:flex}.reveal-card{background:linear-gradient(90deg, color-mix(in srgb, var(--fx-deep,#26476d) 46%, transparent), #06101ce6);border:1px solid color-mix(in srgb, var(--fx-mid,#7ba9d8) 45%, transparent);border-radius:11px;align-items:center;gap:11px;width:400px;padding:6px 12px 6px 6px;display:flex}.reveal-card.ally{border-left:3px solid var(--ally)}.reveal-card.enemy{border-left:3px solid var(--enemy)}.reveal-card img{object-fit:cover;object-position:top center;background:#0006;border-radius:9px;width:42px;height:42px}.reveal-card-copy{flex-direction:column;flex:1;min-width:0;display:flex}.reveal-card-copy span{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px}.reveal-card-copy strong{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.windup-layer{align-items:center}.speed-lines{background:repeating-linear-gradient(105deg, transparent 0 22px, color-mix(in srgb, var(--fx-mid,#fff) 26%, transparent) 22px 25px);opacity:.45;animation:.55s linear infinite speed-slide;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0 24%,#0000 46% 54%,#000 76% 100%);mask-image:linear-gradient(90deg,#000 0 24%,#0000 46% 54%,#000 76% 100%)}@keyframes speed-slide{to{background-position:90px 0}}.windup-portrait{object-fit:contain;object-position:bottom center;width:auto;max-width:34%;height:74%;filter:drop-shadow(0 0 40px color-mix(in srgb, var(--fx-mid,#fff) 65%, transparent)) drop-shadow(0 18px 30px #000000b3);-webkit-mask-composite:source-in;position:absolute;bottom:-4%;-webkit-mask-image:linear-gradient(#000 0 68%,#0000 100%),linear-gradient(90deg,#0000 0,#000 14% 86%,#0000 100%);mask-image:linear-gradient(#000 0 68%,#0000 100%),linear-gradient(90deg,#0000 0,#000 14% 86%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.windup-portrait.ally{left:2%}.windup-portrait.enemy{right:2%;transform:scaleX(-1)}.action-title-slab{background:linear-gradient(100deg, color-mix(in srgb, var(--fx-deep,#1c3f6b) 88%, transparent), #040b14f0);border-left:4px solid var(--fx-core,#fff);max-width:56%;box-shadow:0 14px 40px #000000b3, 0 0 40px color-mix(in srgb, var(--fx-mid,#fff) 30%, transparent);border-radius:6px;align-items:center;gap:14px;padding:12px 34px;display:flex;position:relative}.action-title-slab img{object-fit:contain;filter:drop-shadow(0 2px 6px #000c);width:40px;height:40px}.action-title-slab span{letter-spacing:.2em;text-transform:uppercase;color:var(--fx-core,#fff);opacity:.85;font-size:10px;display:block}.action-title-slab strong{font-family:var(--font-display);text-shadow:0 2px 12px #000000e6;font-size:30px;line-height:1.1;display:block}.action-element{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-900);background:linear-gradient(180deg, var(--fx-core,#fff), var(--fx-mid,#ccc));box-shadow:0 0 18px color-mix(in srgb, var(--fx-mid,#fff) 60%, transparent);border-radius:999px;padding:3px 11px;font-size:10px;font-style:normal;font-weight:700}.impact-flash{background:radial-gradient(70% 60% at 50% 50%, var(--fx-flash,#ffffffb3), transparent 72%);mix-blend-mode:screen;animation:.34s ease-out forwards impact-flash;position:absolute;inset:0}@keyframes impact-flash{0%{opacity:.9}to{opacity:0}}.impact-burst{place-items:center;display:grid;position:absolute;inset:0}.impact-burst i{border:3px solid var(--fx-mid,#fff);opacity:0;border-radius:50%;animation:.62s cubic-bezier(.16,1,.3,1) forwards burst-ring;position:absolute}.impact-burst i:first-child{width:130px;height:130px}.impact-burst i:nth-child(2){width:240px;height:240px;animation-delay:70ms}.impact-burst i:nth-child(3){width:370px;height:370px;animation-delay:.14s}@keyframes burst-ring{0%{opacity:.8;transform:scale(.28)}to{opacity:0;transform:scale(1.15)}}.impact-layer.missed .impact-burst i{border-color:#bed6f099}.impact-cue-sequence{position:absolute;inset:0}.impact-cue-sequence i{background:radial-gradient(circle, var(--fx-core,#fff), transparent 68%);opacity:0;width:96px;height:96px;animation:.32s ease-out forwards cue-flash;animation-delay:calc(var(--cue-index) * var(--cue-gap,90ms));border-radius:50%;margin:-48px 0 0 -48px;position:absolute;top:50%;left:50%}@keyframes cue-flash{0%{opacity:.85;transform:scale(.5)}to{opacity:0;transform:scale(1.6)}}.impact-hit-count{border:1px solid color-mix(in srgb, var(--fx-mid,#fff) 50%, transparent);background:#040b14d1;border-radius:999px;align-items:baseline;gap:6px;padding:6px 16px;display:flex;position:absolute;top:20%;right:8%}.impact-hit-count strong{font-family:var(--font-display);color:var(--fx-core,#fff);font-size:26px}.impact-hit-count span{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:11px}.cancel-layer,.feedback-layer,.switch-layer{grid-auto-flow:column;place-content:center;gap:12px}.cancel-layer>svg{width:40px;height:40px;color:var(--speed)}.cancel-layer strong,.switch-layer strong{font-family:var(--font-display);border-left:3px solid var(--gold);background:#040b14db;border-radius:8px;padding:8px 20px;font-size:26px}.switch-layer>svg{width:32px;height:32px;color:var(--gold)}.switch-layer span{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-size:10px}.feedback-layer{animation:.4s ease-out feedback-in}@keyframes feedback-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.feedback-copy{border-left:3px solid var(--gold);background:#040b14d6;border-radius:8px;flex-direction:column;padding:6px 18px;display:flex}.feedback-copy span{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:10px}.feedback-copy strong{font-family:var(--font-display);font-size:20px}.heart-layer{align-content:center;gap:6px;padding-bottom:96px}.breaking-heart{color:#ff4f5e;filter:drop-shadow(0 0 26px #ff3c50e6);width:78px;height:78px;animation:1s cubic-bezier(.16,1,.3,1) heart-break}@keyframes heart-break{0%{opacity:0;transform:scale(.4)}30%{opacity:1;transform:scale(1.25)}55%{transform:scale(1)}to{opacity:.4;transform:scale(.86)rotate(-8deg)}}.heart-layer strong{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:#ffd7dc;font-size:24px}.heart-shards{place-items:center;display:grid;position:absolute;inset:0}.heart-shards i{clip-path:polygon(50% 0,100% 62%,50% 100%,0 62%);background:linear-gradient(#ff9aa3,#cf1f31);width:12px;height:20px;animation:.9s cubic-bezier(.16,1,.3,1) forwards shard-fly;position:absolute}.heart-shards i:first-child{--sx:-160px;--sy:-90px}.heart-shards i:nth-child(2){--sx:150px;--sy:-110px}.heart-shards i:nth-child(3){--sx:-120px;--sy:100px}.heart-shards i:nth-child(4){--sx:140px;--sy:90px}.heart-shards i:nth-child(5){--sx:0;--sy:-150px}@keyframes shard-fly{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--sx), var(--sy)) rotate(220deg)}}.h2h-layer{perspective:1400px;display:block}.h2h-scrim{animation:h2h-scrim-in calc(var(--h2h-duration,2.6s) * .09) ease-out both;background:radial-gradient(90% 80%,#030912f2,#010409fc);position:absolute;inset:0}@keyframes h2h-scrim-in{0%{opacity:0}to{opacity:1}}.h2h-rays{opacity:0;animation:h2h-rays-in calc(var(--h2h-duration,3s) * .2) ease-out calc(var(--h2h-duration,3s) * .08) both, composite-spin 30s linear infinite;background:repeating-conic-gradient(#f4cd8521 0deg 4deg,#0000 4deg 12deg);position:absolute;inset:-30%}@keyframes h2h-rays-in{0%{opacity:0}to{opacity:.3}}.h2h-arena{animation:h2h-arena-shake calc(var(--h2h-duration,2.6s) * .14) ease-out calc(var(--h2h-duration,2.6s) * .5) both;justify-content:center;align-items:center;gap:164px;display:flex;position:absolute;inset:0}@keyframes h2h-arena-shake{0%,to{transform:translate(0,0)}12%{transform:translate(-13px,7px)}28%{transform:translate(11px,-6px)}46%{transform:translate(-7px,4px)}68%{transform:translate(4px,-2px)}}.h2h-duelist{transform-origin:50% 82%;width:300px;animation:h2h-duel var(--h2h-duration,2.6s) linear both;flex-direction:column;align-items:center;gap:12px;margin:0;display:flex;position:relative}.h2h-duelist.left{--enter-x:-820px;--lunge-x:232px}.h2h-duelist.right{--enter-x:820px;--lunge-x:-232px}.h2h-duelist.win{--end-y:0px;--end-rot:0deg;--end-scale:1.06;--end-op:1}.h2h-duelist.win.left{--end-x:118px}.h2h-duelist.win.right{--end-x:-118px}.h2h-duelist.lose{animation-name:h2h-duel-lose}.h2h-duelist.lose.left{--end-x:-880px;--end-y:-150px;--end-rot:-52deg;--end-scale:.6;--end-op:0}.h2h-duelist.lose.right{--end-x:880px;--end-y:-150px;--end-rot:52deg;--end-scale:.6;--end-op:0}.h2h-duelist.draw{animation-name:h2h-duel-draw}.h2h-duelist.draw.left{--end-x:-150px;--end-y:20px;--end-rot:-8deg;--end-scale:.95;--end-op:1}.h2h-duelist.draw.right{--end-x:150px;--end-y:20px;--end-rot:8deg;--end-scale:.95;--end-op:1}@keyframes h2h-duel{0%{opacity:0;transform:translate3d(var(--enter-x), 0, 0) rotate(0deg) scale(.86);animation-timing-function:cubic-bezier(.12,.8,.2,1)}10%{opacity:1;animation-timing-function:cubic-bezier(.4,0,.2,1);transform:translate(0,0)rotate(0)scale(1.04)}15%,30%{opacity:1;animation-timing-function:ease-in-out;transform:translate(0,0)rotate(0)scale(1)}38%{opacity:1;transform:translate3d(calc(var(--lunge-x) * .06), -4px, 0) rotate(0deg) scale(1.01);animation-timing-function:cubic-bezier(.5,0,.9,.3)}44%{opacity:1;transform:translate3d(calc(var(--lunge-x) * -.3), 0, 0) rotate(0deg) scale(.98);animation-timing-function:cubic-bezier(.2,.95,.1,1)}51%{opacity:1;transform:translate3d(var(--lunge-x), 0, 0) rotate(0deg) scale(1.12);animation-timing-function:linear}57%{opacity:1;transform:translate3d(calc(var(--lunge-x) * .96), 0, 0) rotate(0deg) scale(1.1);animation-timing-function:cubic-bezier(.3,0,.2,1)}70%{opacity:var(--end-op,1);transform:translate3d(var(--end-x,0px), var(--end-y,0px), 0) rotate(var(--end-rot,0deg)) scale(calc(var(--end-scale,1) * 1.03));animation-timing-function:cubic-bezier(.3,.9,.3,1)}to{opacity:var(--end-op,1);transform:translate3d(var(--end-x,0px), var(--end-y,0px), 0) rotate(var(--end-rot,0deg)) scale(var(--end-scale,1))}}@keyframes h2h-duel-lose{0%{opacity:0;transform:translate3d(var(--enter-x), 0, 0) rotate(0deg) scale(.86);animation-timing-function:cubic-bezier(.12,.8,.2,1)}10%{opacity:1;animation-timing-function:cubic-bezier(.4,0,.2,1);transform:translate(0,0)rotate(0)scale(1.04)}15%,30%{opacity:1;animation-timing-function:ease-in-out;transform:translate(0,0)rotate(0)scale(1)}38%{opacity:1;transform:translate3d(calc(var(--lunge-x) * .06), -4px, 0) rotate(0deg) scale(1.01);animation-timing-function:cubic-bezier(.5,0,.9,.3)}44%{opacity:1;transform:translate3d(calc(var(--lunge-x) * -.3), 0, 0) rotate(0deg) scale(.98);animation-timing-function:cubic-bezier(.2,.95,.1,1)}51%,57%{opacity:1;transform:translate3d(calc(var(--lunge-x) * .72), 0, 0) rotate(0deg) scale(1.04);animation-timing-function:cubic-bezier(.35,0,.7,1)}68%{opacity:1;transform:translate3d(calc(var(--end-x) * .42), calc(var(--end-y) * .55), 0) rotate(calc(var(--end-rot) * .45)) scale(.86);animation-timing-function:cubic-bezier(.35,0,.7,1)}86%,to{opacity:0;transform:translate3d(var(--end-x), var(--end-y), 0) rotate(var(--end-rot)) scale(var(--end-scale))}}@keyframes h2h-duel-draw{0%{opacity:0;transform:translate3d(var(--enter-x), 0, 0) rotate(0deg) scale(.86);animation-timing-function:cubic-bezier(.12,.8,.2,1)}10%{opacity:1;animation-timing-function:cubic-bezier(.4,0,.2,1);transform:translate(0,0)rotate(0)scale(1.04)}15%,30%{opacity:1;animation-timing-function:ease-in-out;transform:translate(0,0)rotate(0)scale(1)}38%{opacity:1;transform:translate3d(calc(var(--lunge-x) * .06), -4px, 0) rotate(0deg) scale(1.01);animation-timing-function:cubic-bezier(.5,0,.9,.3)}44%{opacity:1;transform:translate3d(calc(var(--lunge-x) * -.3), 0, 0) rotate(0deg) scale(.98);animation-timing-function:cubic-bezier(.2,.95,.1,1)}51%{opacity:1;transform:translate3d(var(--lunge-x), 0, 0) rotate(0deg) scale(1.12);animation-timing-function:linear}57%{opacity:1;transform:translate3d(calc(var(--lunge-x) * .96), 0, 0) rotate(0deg) scale(1.1);animation-timing-function:cubic-bezier(.2,.8,.2,1)}72%,to{opacity:1;transform:translate3d(var(--end-x), var(--end-y), 0) rotate(var(--end-rot)) scale(var(--end-scale))}}.h2h-duelist-frame{background:radial-gradient(80% 70% at 50% 24%,#10293f,#050f1b 76%);border:2px solid #f4cd8580;border-radius:16px;width:100%;height:300px;position:relative;overflow:hidden;box-shadow:0 26px 60px #000000bf,inset 0 0 34px #000000b3}.h2h-duelist.ally .h2h-duelist-frame{border-color:#58c0ffbf}.h2h-duelist.enemy .h2h-duelist-frame{border-color:#ff6a6abf}.h2h-duelist-frame img{object-fit:cover;object-position:50% 12%;width:100%;height:100%}.h2h-duelist.enemy .h2h-duelist-frame img{transform:scaleX(-1)}.h2h-duelist-glow{opacity:0;mix-blend-mode:screen;animation:h2h-hit-glow calc(var(--h2h-duration,2.6s) * .12) ease-out calc(var(--h2h-duration,2.6s) * .51) both;background:radial-gradient(circle at 50% 46%,#fff,#0000 66%);position:absolute;inset:0}.h2h-duelist.win .h2h-duelist-glow{animation:none}@keyframes h2h-hit-glow{0%{opacity:.85}to{opacity:0}}.h2h-duelist figcaption{text-align:center;background:#020810e6;border-top:1px solid #f4cd8573;border-radius:9px;flex-direction:column;align-items:center;gap:2px;max-width:100%;padding:7px 18px;display:flex}.h2h-duelist figcaption span{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-size:10px}.h2h-duelist figcaption strong{font-family:var(--font-display);font-size:19px;line-height:1.15}.h2h-centre{place-items:center;width:0;height:0;display:grid;position:relative}.h2h-vs{font-family:var(--font-display);letter-spacing:.04em;color:var(--gold-bright);text-shadow:0 0 26px #f4cd85e6,0 6px #6c4611;animation:h2h-vs-in calc(var(--h2h-duration,2.6s) * .2) cubic-bezier(.16, 1, .3, 1) calc(var(--h2h-duration,2.6s) * .14) both, h2h-vs-out calc(var(--h2h-duration,2.6s) * .07) ease-in calc(var(--h2h-duration,2.6s) * .48) forwards;font-size:54px;font-weight:700;position:absolute}@keyframes h2h-stamp{0%{opacity:0;transform:translate(-50%)translateY(16px)scale(1.25)}62%{opacity:1;transform:translate(-50%)translateY(0)scale(.97)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes h2h-vs-out{to{opacity:0;transform:scale(1.7)}}@keyframes h2h-vs-in{0%{opacity:0;transform:scale(2.6)rotate(-14deg)}60%{opacity:1;transform:scale(.92)rotate(3deg)}to{opacity:1;transform:scale(1)rotate(0)}}.h2h-clash-flash{opacity:0;width:900px;height:900px;animation:h2h-flash calc(var(--h2h-duration,2.6s) * .16) ease-out calc(var(--h2h-duration,2.6s) * .5) both;background:radial-gradient(circle,#fff 0%,#ffe2b099 22%,#0000 62%);border-radius:50%;position:absolute}@keyframes h2h-flash{0%{opacity:0;transform:scale(.2)}18%{opacity:1;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}.h2h-shock{place-items:center;display:grid;position:absolute}.h2h-shock i{opacity:0;animation:burst-ring calc(var(--h2h-duration,2.6s) * .28) cubic-bezier(.16, 1, .3, 1) both;border:4px solid #ffecc4e6;border-radius:50%;position:absolute}.h2h-shock i:first-child{width:220px;height:220px;animation-delay:calc(var(--h2h-duration,2.6s) * .51)}.h2h-shock i:nth-child(2){width:420px;height:420px;animation-delay:calc(var(--h2h-duration,2.6s) * .54)}.h2h-shock i:nth-child(3){width:660px;height:660px;animation-delay:calc(var(--h2h-duration,2.6s) * .57)}.h2h-title{border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);animation:h2h-stamp calc(var(--h2h-duration,2.6s) * .18) cubic-bezier(.16, 1, .3, 1) calc(var(--h2h-duration,2.6s) * .64) both;background:#020810eb;border-radius:6px;flex-direction:column;align-items:center;padding:9px 34px;display:flex;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.h2h-title span{letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-size:10px}.h2h-title strong{font-family:var(--font-display);font-size:30px}.h2h-layer.left-wins .h2h-title strong{color:#b6ffd0}.h2h-layer.right-wins .h2h-title strong{color:#ffb6b6}.h2h-layer.draw .h2h-title strong{color:var(--gold-bright)}.h2h-reaction-layer{grid-template-rows:auto auto;align-content:center;justify-items:center;gap:26px;display:grid}.h2h-reaction-layer:before{content:"";background:radial-gradient(84% 74%,#030912e6,#010409f7);animation:.26s ease-out both h2h-scrim-in;position:absolute;inset:0}.reaction-flash{background:radial-gradient(60% 50%,#fff9,#0000 70%);animation:.4s ease-out forwards impact-flash;position:absolute;inset:0}.h2h-reaction-title{font-family:"MHS2 Display", var(--font-display);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 0 26px #000000e6,0 3px #0009;grid-row:1;font-size:40px;animation:.32s cubic-bezier(.16,1,.3,1) both h2h-stamp;position:relative}.h2h-reaction-layer.draw .h2h-reaction-title{color:var(--gold-bright)}.h2h-reaction-layer.win .h2h-reaction-title{color:#b6ffd0}.h2h-reaction-layer.lose .h2h-reaction-title{color:#ffb6b6}.h2h-reaction-cast{grid-row:2;align-items:flex-end;gap:64px;display:flex;position:relative}.h2h-reaction-cast figure{flex-direction:column;align-items:center;margin:0;padding-top:46px;animation:.5s ease-out actor-hit;display:flex;position:relative}.h2h-reaction-cast img{filter:drop-shadow(0 8px 20px #000000b3);border-radius:14px;height:190px}.h2h-reaction-cast figcaption{font-family:var(--font-display);letter-spacing:.08em;margin-top:6px;font-size:16px}.h2h-impact{line-height:1;font-family:var(--font-display);color:#fff2f2;text-shadow:0 0 12px #ff503ce6,0 3px #8b1414;flex-direction:column;align-items:center;font-size:38px;display:flex;position:absolute;top:0}.h2h-impact.critical{color:#fffbe6;text-shadow:0 0 16px #ffbe3c,0 3px #a4560a}.h2h-impact .critical-hit-label{letter-spacing:.14em;margin-bottom:3px;font-size:11px}.composite-action-layer{background:radial-gradient(at 50% 52%,#03091180,#02060ce0 72%);align-content:center;gap:16px}.composite-speed-lines{background:repeating-conic-gradient(from 0deg at 50% 50%, transparent 0deg 5deg, color-mix(in srgb, var(--fx-mid,#ffe9bd) 26%, transparent) 5deg 7deg);opacity:.5;animation:8s linear infinite composite-spin;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#0000 22%,#000 72%);mask-image:radial-gradient(circle,#0000 22%,#000 72%)}@keyframes composite-spin{to{transform:rotate(360deg)}}.composite-cast{align-items:flex-end;gap:28px;display:flex;position:relative}.composite-flash{pointer-events:none;background:radial-gradient(circle, #fff 0%, color-mix(in srgb, var(--fx-core,#ffe9bd) 85%, transparent) 26%, transparent 68%);border-radius:50%;width:240px;height:240px;margin:-120px 0 0 -120px;position:absolute;top:52%;left:50%}.composite-cast figure{flex-direction:column;align-items:center;margin:0;display:flex}.composite-cast img{height:168px;filter:drop-shadow(0 0 26px color-mix(in srgb, var(--fx-mid,#fff) 55%, transparent))}.composite-cast figcaption{font-family:var(--font-display);font-size:16px}.composite-title{border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);background:#020810e0;border-radius:6px;flex-direction:column;align-items:center;padding:8px 30px;display:flex}.composite-title span{letter-spacing:.26em;text-transform:uppercase;color:var(--gold);font-size:10px}.composite-title strong{font-family:var(--font-display);font-size:30px}.tie-break-layer{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02060c99;align-content:center;gap:12px}.tie-break-round{letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-size:10px}.tie-break-fan{gap:22px;display:flex}.tie-break-fan i{font-size:54px;font-style:normal;animation:1.1s ease-in-out infinite fan-bob}.tie-break-fan i.paper{animation-delay:.15s}.tie-break-fan i.scissors{animation-delay:.3s}@keyframes fan-bob{50%{transform:translateY(-12px)rotate(-6deg)}}.tie-break-layer strong{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:30px}.tie-break-showdown{align-items:center;gap:90px;display:flex;position:relative}.tie-break-showdown article{border:1px solid var(--panel-line);background:#040c16db;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 26px;display:flex}.tie-break-showdown article.ally{border-color:#58c0ff80}.tie-break-showdown article.enemy{border-color:#ff6a6a80}.tie-break-showdown article span{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:10px}.tie-break-showdown article i{font-size:46px;font-style:normal}.tie-break-showdown article strong{font-size:16px}.tie-break-showdown b{font-family:var(--font-display);color:var(--gold);font-size:30px;position:absolute;left:50%;transform:translate(-50%)}.tie-break-outcome{font-family:var(--font-display);letter-spacing:.06em;font-size:24px}.command-rail{z-index:26;flex-direction:column;gap:8px;max-width:300px;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.rail-stack{flex-direction:column;gap:5px;display:flex}.rail-slot{flex-direction:column;gap:4px;display:flex}.rail-item{text-align:left;width:226px;color:var(--text);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,0 100%);background:linear-gradient(90deg,#050e1af0,#091c309e 74%,#091c3033);align-items:center;gap:11px;padding:9px 26px 9px 18px;transition:transform .16s,color .16s,background .16s;display:flex;position:relative;box-shadow:inset 3px 0 #f4cd858c}.rail-item:hover:not(:disabled){transform:translate(6px)}.rail-item:disabled{opacity:.4;cursor:not-allowed}.rail-item.active{color:#f2fbff;background:linear-gradient(90deg,#1868a6f5,#48bef09e 76%,#48bef024);box-shadow:inset 3px 0 #9ce9ff}.rail-item-icon{width:26px;height:26px;color:var(--gold);flex:0 0 26px;place-items:center;display:grid}.rail-item.active .rail-item-icon{color:#d8f6ff}.rail-item-label{font-family:var(--font-display);letter-spacing:.03em;text-shadow:0 2px 5px #000000e6;font-size:16px;font-weight:700}.rail-hint{letter-spacing:.06em;max-width:250px;color:var(--muted);text-shadow:0 2px 5px #000000f2;margin:0;padding-left:20px;font-size:11px;font-weight:600}.attack-wheel{flex-direction:column;gap:6px;margin:2px 0 4px 26px;display:flex}.attack-wheel-types{gap:10px;display:flex}.attack-type{justify-items:center;gap:3px;width:62px;padding:4px 0 2px;display:grid;position:relative}.attack-type img{object-fit:contain;background:radial-gradient(circle at 34% 26%,#143351,#05121e);border-radius:50%;width:46px;height:46px;padding:11px;transition:box-shadow .18s,transform .18s;box-shadow:0 0 0 2px #f4cd8559,0 6px 14px #0000009e}.attack-type span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-shadow:0 2px 4px #000000f2;font-size:10px;font-weight:700}.attack-type:hover img{box-shadow:0 0 0 2px #ffe6b4b3,0 8px 18px #000000b3}.attack-type.selected img{box-shadow:0 0 0 3px #9ce9ff,0 0 22px #78e6ff99}.attack-type.selected span{color:#d8f6ff}.rail-sub{letter-spacing:.04em;color:var(--text);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%);background:linear-gradient(90deg,#050e1ae6,#091c3066);align-self:flex-start;padding:6px 20px 6px 12px;font-size:12.5px;font-weight:700;box-shadow:inset 2px 0 #f4cd8566}.rail-sub:hover{background:linear-gradient(90deg,#0c2238f0,#10345480)}.rail-sub.selected{color:#06253c;background:linear-gradient(90deg,#9ce9ff,#3fb2e8);box-shadow:inset 2px 0 #fff}.command-empty{max-width:250px;color:var(--muted);margin:4px 0;font-size:12px}.command-scrim{z-index:34;background:#03080f6b;place-items:center;padding:70px 24px 130px;display:grid;position:absolute;inset:0}.command-overlay{width:min(1040px,82%);max-height:100%;color:var(--text);background:linear-gradient(#604a1ce6,#3a2d12e6 62%,#1e180af0);border:1px solid #f4cd8557;flex-direction:column;display:flex;position:relative;box-shadow:0 30px 80px #000000a8,inset 0 1px #ffffff1a}.overlay-head{align-items:center;gap:12px;padding:10px 16px 10px 20px;display:flex;position:relative}.overlay-head h2{font-family:var(--font-display);letter-spacing:.03em;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,0 100%);text-shadow:0 2px 6px #000000e6;background:linear-gradient(90deg,#061426f5,#0e345a99);align-items:center;gap:8px;margin:0;padding:4px 34px 4px 14px;font-size:19px;font-weight:700;display:flex}.overlay-head span{color:#fff0d6b8;font-size:12px}.overlay-close{color:#fff0d6cc;background:#06101cb3;border:1px solid #f4cd854d;place-items:center;width:30px;height:30px;margin-left:auto;display:grid}.overlay-close:hover{color:#fff;background:#0e2842e6}.overlay-body{flex-direction:column;flex:auto;gap:12px;min-height:0;padding:4px 20px 16px;display:flex;overflow-y:auto}.overlay-body::-webkit-scrollbar{width:8px}.overlay-body::-webkit-scrollbar-thumb{background:#f4cd8552}.overlay-section{flex-direction:column;gap:6px;display:flex}.overlay-section h3{letter-spacing:.18em;text-transform:uppercase;color:#fff0d6b3;margin:0;font-size:11px;font-weight:700}.cmd-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 16px;display:grid}.cmd-row{text-align:left;min-width:0;color:var(--text);background:linear-gradient(90deg,#06162ef5,#0c2c54eb);border:1px solid #78b4f038;align-items:center;gap:10px;padding:7px 12px;transition:transform .14s,background .14s,border-color .14s;display:flex}.cmd-row:hover:not(:disabled){border-color:#a0d7ff80;transform:translate(4px)}.cmd-row:disabled{opacity:.5;cursor:not-allowed}.cmd-row.selected{color:#052539;background:linear-gradient(90deg,#bdeeff,#52bdec);border-color:#ffffffd9;box-shadow:inset 0 0 0 1px #ffffffd9,0 0 20px #78dcff66}.cmd-row-icon{flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.cmd-row-icon img{object-fit:contain;filter:drop-shadow(0 1px 3px #000000b3);width:27px;height:27px}.cmd-row-label{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em;flex:auto;min-width:0;font-size:14px;font-weight:700;overflow:hidden}.cmd-row-meta{letter-spacing:.05em;color:#c6e0ffbf;font-variant-numeric:tabular-nums;flex:none;font-size:11px;font-weight:700}.cmd-row.selected .cmd-row-meta{color:#04283ed1}.overlay-more{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.move-summary{flex-direction:column;gap:2px;display:flex}.move-summary span{letter-spacing:.18em;text-transform:uppercase;color:#fff0d6a8;font-size:10px;font-weight:700}.move-summary strong{font-family:var(--font-display);font-size:19px}.overlay-options{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.overlay-options button{letter-spacing:.05em;color:var(--text);background:linear-gradient(#06162ef5,#0c2c54eb);border:1px solid #78b4f047;align-items:center;gap:7px;padding:9px 16px;font-size:12.5px;font-weight:700;display:inline-flex}.overlay-options button:hover{border-color:#a0d7ff8c}.give-up-button{letter-spacing:.06em;color:#ffd9d9;background:linear-gradient(#7a1a1ae6,#480c0cf0);border:1px solid #ff78786b;align-items:center;gap:8px;padding:9px 20px;font-size:13px;font-weight:700;display:inline-flex}.give-up-button:hover{color:#fff;background:linear-gradient(#a02222f2,#601010f5)}.overlay-detail{background:linear-gradient(#030c18f0,#020810f5);border-top:1px solid #f4cd853d;flex-direction:column;justify-content:center;gap:3px;height:74px;padding:8px 20px;display:flex;overflow:hidden}.overlay-detail strong{align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.overlay-detail strong img{object-fit:contain;width:22px;height:22px}.overlay-detail p{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.detail-idle{font-style:italic}.target-callout{z-index:30;color:#fff6df;text-shadow:0 2px 6px #000000f2;background:linear-gradient(90deg,#0000,#402e0cf0 10% 90%,#0000);justify-content:center;align-items:center;gap:14px;padding:10px 22px;display:flex;position:absolute;top:47%;left:0;right:0}.target-callout svg{width:20px;height:20px;color:var(--gold-bright)}.target-callout span{font-family:var(--font-display);letter-spacing:.02em;font-size:17px}.target-cancel{letter-spacing:.06em;color:var(--muted);border:1px solid var(--panel-line);background:#040c16d9;padding:5px 14px;font-size:12px;font-weight:700}.target-cancel:hover{color:var(--text);border-color:#f4cd858c}.commit-strip{z-index:30;white-space:nowrap;background:linear-gradient(90deg,#0000,#342810f0 18% 82%,#0000);justify-content:center;align-items:center;gap:18px;padding:9px 26px;display:flex;position:absolute;bottom:150px;left:0;right:0}.commit-wait{font-family:var(--font-display);color:#fff3dc;text-shadow:0 2px 6px #000000f2;font-size:16px}.commit-move{color:var(--muted);align-items:center;gap:7px;display:flex}.commit-move svg{color:#8ef1ff}.commit-move small{letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:700}.commit-move strong{color:var(--text);font-size:13px}.commit-change{letter-spacing:.06em;color:#052539;background:linear-gradient(#bdeeff,#52bdec);padding:6px 16px;font-size:12px;font-weight:700}.commit-change:hover{background:linear-gradient(#d8f6ff,#6fcdf5)}.tie-break-overlay{width:min(560px,70%)}.tie-break-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:8px 20px 22px;display:grid}.tie-break-button{letter-spacing:.06em;color:var(--text);background:linear-gradient(#06162ef5,#0c2c54eb);border:1px solid #78b4f047;justify-items:center;gap:8px;padding:18px 10px;font-size:14px;font-weight:700;display:grid}.tie-break-button span{font-size:40px;line-height:1}.tie-break-button:hover{border-color:#a0d7ff99;box-shadow:0 0 24px #78dcff47}.stables-screen{z-index:3;grid-row:1/-1;grid-template-rows:auto 1fr;min-height:0;display:grid;position:relative;overflow:hidden}.stables-screen:before{content:"";background:linear-gradient(#02070ee6,#020810d1);position:absolute;inset:0}.loadout-header{align-items:center;gap:18px;padding:18px 32px 14px;display:flex;position:relative}.loadout-back{width:40px;height:40px;color:var(--text);border:1px solid var(--panel-line);background:#081626e6;border-radius:10px;place-items:center;transition:border-color .15s,transform .15s;display:grid}.loadout-back:hover{border-color:var(--gold);transform:translate(-2px)}.loadout-back svg{width:20px;height:20px}.loadout-title{flex-direction:column;display:flex}.loadout-title span{letter-spacing:.36em;text-transform:uppercase;color:var(--gold);font-size:10.5px;font-weight:700}.loadout-title h1{font-family:"MHS2 Display", var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:30px;font-weight:700}.rider-portraits-screen{z-index:3;grid-row:1/-1;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;position:relative;overflow:hidden}.rider-portraits-screen:before{content:"";background:radial-gradient(circle at 24% 55%,#2281ac33,#0000 34%),linear-gradient(#02070ee8,#020810d6);position:absolute;inset:0}.rider-portraits-body{grid-template-columns:minmax(300px,.84fr) minmax(560px,1.36fr);gap:22px;min-height:0;padding:0 32px 26px;display:grid;position:relative}.rider-portrait-preview,.rider-portrait-picker{border:1px solid var(--panel-line);background:var(--panel);border-radius:14px;min-width:0;min-height:0;overflow:hidden;box-shadow:0 18px 54px #0000005c}.rider-portrait-preview{position:relative}.rider-portrait-preview>img{object-fit:cover;object-position:50% 25%;width:100%;height:100%}.rider-portrait-preview-shade{pointer-events:none;background:linear-gradient(#0000 48%,#02081052 68%,#020810f5 100%),linear-gradient(90deg,#3abfe81f,#0000 32%);position:absolute;inset:0;box-shadow:inset 0 0 0 3px #eacb7824}.rider-portrait-preview-name{border-left:3px solid var(--gold);text-shadow:0 2px 8px #000;flex-direction:column;padding-left:15px;display:flex;position:absolute;bottom:22px;left:26px;right:26px}.rider-portrait-preview-name span,.rider-portrait-picker>header span{letter-spacing:.25em;text-transform:uppercase;color:var(--gold);font-size:10px;font-weight:800}.rider-portrait-preview-name strong{font-family:"MHS2 Display", var(--font-display);letter-spacing:.03em;text-transform:uppercase;font-size:34px}.rider-portrait-picker{grid-template-rows:auto minmax(0,1fr);padding:20px;display:grid}.rider-portrait-picker>header{border-bottom:1px solid #97c2e133;justify-content:space-between;align-items:baseline;gap:16px;padding:0 2px 14px;display:flex}.rider-portrait-picker>header strong{font-family:"MHS2 Display", var(--font-display);color:var(--text);font-size:20px}.rider-portrait-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-height:0;padding-top:16px;display:grid}.rider-portrait-choice{background:#07131f;border:1px solid #97c2e152;border-radius:10px;min-width:0;min-height:0;transition:transform .16s,border-color .16s,box-shadow .16s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #020810b8}.rider-portrait-choice:hover,.rider-portrait-choice:focus-visible{border-color:#7fdcfaeb;transform:translateY(-3px);box-shadow:inset 0 0 0 2px #7fdcfa40,0 8px 22px #0006}.rider-portrait-choice.current{border-color:var(--gold-bright);box-shadow:inset 0 0 0 3px #f4cd85b8,0 0 24px #4dbee857}.rider-portrait-choice img{object-fit:cover;object-position:50% 24%;width:100%;height:100%;transition:transform .18s,filter .18s}.rider-portrait-choice:not(.current) img{filter:saturate(.86)brightness(.82)}.rider-portrait-choice:hover img{filter:none;transform:scale(1.035)}.rider-portrait-choice>span{width:26px;height:22px;font-family:"MHS2 Display", var(--font-display);color:var(--gold-bright);background:#020810e0;border:1px solid #f4cd856b;border-radius:5px;place-items:center;font-size:13px;display:grid;position:absolute;bottom:7px;left:8px}.rider-portrait-choice>svg{color:#07131f;background:var(--gold-bright);filter:drop-shadow(0 2px 5px #000);border-radius:50%;width:25px;height:25px;padding:5px;position:absolute;top:8px;right:8px}.loadout-body{grid-template-columns:254px minmax(0,1fr) 330px;gap:18px;min-height:0;padding:0 32px 24px;display:grid;position:relative}.roster,.workbench,.inspector{background:var(--panel);border:1px solid var(--panel-line);border-radius:14px;min-width:0;min-height:0}.roster{grid-template-rows:auto minmax(0,1fr) auto;padding:14px;display:grid}.roster-head{border-bottom:1px solid var(--panel-line);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);justify-content:space-between;align-items:baseline;margin-bottom:10px;padding-bottom:10px;font-size:10.5px;font-weight:700;display:flex}.roster-head strong{color:var(--muted)}.roster-list{flex-direction:column;gap:6px;min-height:0;margin:0;padding:0 4px 0 0;list-style:none;display:flex;overflow-y:auto}.roster-item{text-align:left;width:100%;color:var(--text);background:#06101cb3;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s,border-color .15s;display:flex}.roster-item:hover{background:#0e2238d9}.roster-item.current{background:linear-gradient(90deg,#2ea7d852,#0e3a5c4d);border-color:#78d6ff99}.roster-item-text{flex-direction:column;flex:1;min-width:0;display:flex}.roster-item-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.roster-item-text em{color:var(--muted);font-size:11px;font-style:normal}.roster-item-genes{color:var(--gold);font-size:11px;font-weight:700}.roster-actions{border-top:1px solid var(--panel-line);gap:8px;margin-top:10px;padding-top:10px;display:flex}.roster-add{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-900);background:linear-gradient(180deg, var(--gold-bright), var(--gold));border-radius:9px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px;font-size:11.5px;font-weight:700;display:flex}.roster-add svg{width:15px;height:15px}.roster-delete{color:#ffb0b0;background:#3c0e14b3;border:1px solid #ff6a6a59;border-radius:9px;place-items:center;width:38px;display:grid}.roster-delete svg{width:15px;height:15px}.roster-delete:disabled{opacity:.35}.monstie-glyph{background:#020810d9;border:1px solid #b4d6f63d;border-radius:9px;flex:none;place-items:center;transition:border-color .15s;display:grid}.monstie-glyph-art{object-fit:contain;filter:drop-shadow(0 0 1px #bedcffbf);border-radius:8px;width:84%;height:84%}.monstie-glyph-initial{font-family:var(--font-display);color:var(--gold);font-size:.52em;font-weight:700}.workbench{grid-template-rows:auto minmax(0,1fr);padding:16px 18px 18px;display:grid}.workbench-identity{border-bottom:1px solid var(--panel-line);align-items:center;gap:14px;padding-bottom:14px;display:flex}.identity-fields{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.nickname-field{align-items:center;gap:10px;display:flex}.nickname-field span{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:10px;font-weight:700}.nickname-field input{min-width:0;font-family:var(--font-display);color:var(--text);border:1px solid var(--panel-line);background:#030a13d9;border-radius:8px;flex:1;padding:6px 10px;font-size:17px}.nickname-field input:focus-visible{border-color:var(--gold);outline:none}.species-swap{border-radius:11px;flex:none;transition:transform .15s;position:relative}.species-swap:hover{transform:translateY(-2px)}.species-swap:hover .monstie-glyph{border-color:var(--gold)}.species-swap:focus-visible{outline:none}.species-swap:focus-visible .monstie-glyph{border-color:var(--gold);box-shadow:0 0 0 2px #f4cd8580}.monstie-glyph .monstie-glyph-type{object-fit:contain;background:#030a13f2;border:1px solid #b4d6f673;border-radius:50%;width:40%;height:40%;padding:2px;position:absolute;bottom:-3px;right:-3px}.board-area{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-width:0;min-height:0;padding-top:16px;display:flex}.board-frame{max-width:100%;padding:48px 50px;position:relative}.gene-grid{aspect-ratio:1;background:#071523;border:1px solid #81b2e729;border-radius:18px;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));width:372px;padding:14px;display:grid;position:relative}.bingo-summary{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.bingo-summary li{background:#040c16d9;border:1px solid #81b2e747;border-radius:999px;align-items:center;gap:7px;padding:5px 12px 5px 8px;display:flex}.bingo-summary img{object-fit:contain;width:18px;height:18px}.bingo-summary-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:700}.bingo-summary strong{font-family:var(--font-display);color:var(--gold);font-size:15px}.gene-slot{background:0 0;border:none;place-items:center;transition:transform .15s;display:grid;position:relative}.gene-slot:hover{transform:translateY(-2px)scale(1.04)}.gene-slot:hover .gene-art,.gene-slot:focus-visible .gene-art{filter:drop-shadow(0 0 7px #b4e2ffd9)}.gene-slot.selected .gene-art{filter:drop-shadow(0 0 8px #f4cd85f2)}.gene-slot.drop-target .gene-art{filter:drop-shadow(0 0 9px #78d6fff2)}.gene-slot.drop-target .gene-art.empty .gene-art-socket-rim,.gene-slot:hover .gene-art.empty .gene-art-socket-rim{background:#6ba9d8}.gene-slot.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 0 22px #f4cd8559}.gene-slot .gene-art{width:88%;height:88%}.gene-art-socket,.gene-art-socket-rim{position:absolute;-webkit-mask:url(/assets/gene/element_none.png) 50%/contain no-repeat;mask:url(/assets/gene/element_none.png) 50%/contain no-repeat}.gene-art-socket-rim{background:#2b4059;inset:0}.gene-art-socket{background:#101d2c;inset:7%}.gene-art{flex:none;display:block;position:relative}.gene-art img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.gene-art-frame{opacity:.9}.gene-art-type{filter:drop-shadow(0 1px 2px #000000d9);width:48%!important;height:48%!important;inset:26%!important}.gene-art.wildcard .gene-art-type{opacity:.9}.bingo-lattice,.bingo-markers{pointer-events:none;position:absolute;inset:14px}.bingo-lattice{z-index:0;width:auto;height:auto;overflow:visible}.gene-slot{z-index:1}.bingo-markers{z-index:2}.bingo-line-core{stroke-linecap:round;vector-effect:non-scaling-stroke}.idle .bingo-line-core{stroke:#1d3450;stroke-width:10px}.scored .bingo-line-core{stroke:#dff4ff;stroke-width:10px}.bingo-line-glow{stroke:#3b9fd4;stroke-width:16px;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.55;filter:blur(3px)}.bingo-marker{background:radial-gradient(circle at 34% 28%,#ffffff52,#0000 58%),#061220f2;border:1px solid #96dcffa6;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 14px #3cb4f066,inset 0 -3px 6px #0000008c}.bingo-marker img{object-fit:contain;width:19px;height:19px}.bingo-marker.element img{width:22px;height:22px}.inspector{flex-direction:column;gap:12px;min-height:0;padding:14px;display:flex;overflow-y:auto}.stat-panel header,.kinship-panel header{border-bottom:1px solid var(--panel-line);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;font-size:10.5px;font-weight:700;display:flex}.stat-panel header em{letter-spacing:.14em;color:var(--muted);font-style:normal}.kinship-panel header img{object-fit:contain;width:18px;height:18px}.stat-unavailable{color:#ffc7a8;margin:0;font-size:12px;line-height:1.5}.stat-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;margin-bottom:14px;display:grid}.stat-row{background:#040c16b3;border-radius:7px;justify-content:space-between;align-items:baseline;gap:8px;padding:5px 9px;display:flex}.stat-row span{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10px}.stat-row strong{font-family:var(--font-display);font-size:16px}.elemental-block+.elemental-block{margin-top:12px}.elemental-title{letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-bottom:6px;font-size:9.5px;font-weight:700;display:block}.elemental-rows{flex-direction:column;gap:4px;display:flex}.elemental-row{grid-template-columns:16px 76px minmax(0,1fr) 34px;align-items:center;gap:7px;font-size:11px;display:grid}.elemental-row img{object-fit:contain;width:18px;height:18px}.elemental-row .elemental-name{color:var(--muted)}.elemental-track{background:#061220e6;border-radius:3px;height:5px;overflow:hidden}.elemental-track i{background:linear-gradient(90deg, var(--gold-deep), var(--gold));border-radius:3px;height:100%;display:block}.elemental-row strong{text-align:right;font-variant-numeric:tabular-nums}.board-grants-button{letter-spacing:.14em;text-transform:uppercase;width:100%;color:var(--text);border:1px solid var(--panel-line);background:#061220e6;border-radius:9px;align-items:center;gap:8px;margin-top:14px;padding:9px 12px;font-size:10.5px;font-weight:700;transition:border-color .15s,background .15s;display:flex}.board-grants-button:hover:not(:disabled){border-color:var(--gold);background:#0e2238f2}.board-grants-button:disabled{opacity:.4}.board-grants-button svg{width:15px;height:15px;color:var(--gold)}.board-grants-button span{color:var(--gold);background:#040c16e6;border:1px solid #f4cd8552;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:10px}.skills-dialog{grid-template-rows:auto minmax(0,1fr);max-width:720px;max-height:660px}.skills-body{flex-direction:column;gap:18px;min-height:0;padding:16px 20px 20px;display:flex;overflow-y:auto}.skills-group h3{border-bottom:1px solid var(--panel-line);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);align-items:center;gap:9px;margin:0 0 9px;padding-bottom:7px;font-size:10.5px;font-weight:700;display:flex}.skills-group h3 span{color:var(--muted);border:1px solid var(--panel-line);border-radius:999px;padding:1px 8px;font-size:10px}.skills-group ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.skills-group li{background:#050f1bb3;border:1px solid #81b2e729;border-radius:10px;align-items:flex-start;gap:12px;padding:9px 12px;display:flex}.skills-text{flex:1;min-width:0}.skills-text strong{font-family:var(--font-display);font-size:15px;display:block}.skills-text p{color:var(--muted);margin:3px 0 0;font-size:12px;line-height:1.45}.skills-text em{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-top:4px;font-size:10px;font-style:normal;display:block}.skills-facts{flex-direction:column;flex:none;align-items:flex-end;gap:4px;display:flex}.skills-facts span{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--gold);background:#040c16d9;border:1px solid #f4cd8542;border-radius:999px;padding:2px 8px;font-size:9.5px}.skills-empty{color:var(--muted);margin:0;font-size:12px}.kinship-panel strong{font-family:"MHS2 Display", var(--font-display);font-size:18px;display:block}.kinship-panel p{color:var(--muted);margin:5px 0 9px;font-size:12px;line-height:1.5}.kinship-facts{flex-wrap:wrap;gap:6px;display:flex}.kinship-facts span{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);background:#040c16cc;border:1px solid #f4cd854d;border-radius:999px;padding:3px 9px;font-size:10px}.picker-scrim{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#01050bcc;place-items:center;padding:34px;display:grid;position:absolute;inset:0}.picker{background:linear-gradient(#09182afa,#030a13fc);border:1px solid #f4cd8559;border-radius:16px;grid-template-rows:auto auto minmax(0,1fr);width:100%;max-width:1060px;height:100%;max-height:760px;display:grid;overflow:hidden;box-shadow:0 26px 70px #000c}.picker-head{border-bottom:1px solid var(--panel-line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.picker-head h2{font-family:"MHS2 Display", var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:21px;font-weight:700}.picker-close{width:32px;height:32px;color:var(--text);border:1px solid var(--panel-line);background:#081626e6;border-radius:8px;place-items:center;display:grid}.picker-close:hover{border-color:var(--gold)}.picker-close svg{width:17px;height:17px}.picker-filters{border-bottom:1px solid var(--panel-line);flex-wrap:wrap;align-items:flex-end;gap:16px;padding:12px 20px;display:flex}.filter-group{flex-direction:column;gap:5px;display:flex}.filter-label{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:9.5px;font-weight:700}.filter-chips{gap:5px;display:flex}.chip{min-width:32px;height:30px;color:var(--muted);border:1px solid var(--panel-line);background:#050f1bd9;border-radius:8px;place-items:center;padding:0 9px;font-size:11px;font-weight:700;transition:border-color .15s,color .15s;display:grid}.chip img{object-fit:contain;width:18px;height:18px}.chip:hover{color:var(--text);border-color:#b4dcff8c}.chip.current{color:var(--ink-900);background:linear-gradient(180deg, var(--gold-bright), var(--gold));border-color:var(--gold-bright)}.picker-search{border:1px solid var(--panel-line);background:#030a13e6;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:180px;height:30px;padding:0 11px;display:flex}.picker-search svg{width:15px;height:15px;color:var(--dim)}.picker-search input{min-width:0;color:var(--text);background:0 0;border:none;flex:1;font-size:12.5px}.picker-search input:focus-visible{outline:none}.picker-search:focus-within{border-color:var(--gold)}.picker-body{grid-template-columns:minmax(0,1fr) 320px;min-height:0;display:grid}.gene-list{flex-direction:column;gap:3px;min-height:0;margin:0;padding:12px;list-style:none;display:flex;overflow-y:auto}.gene-row{text-align:left;width:100%;color:var(--text);background:#050f1b99;border:1px solid #0000;border-radius:9px;align-items:center;gap:11px;padding:7px 11px;transition:background .12s,border-color .12s;display:flex}.gene-row:hover{background:#0e2238d9}.gene-row.current{border-color:var(--gold);background:#2c200c99}.gene-row.blocked{opacity:.45;cursor:not-allowed}.gene-row.blocked:hover{background:#050f1b99}.gene-row-text{flex-direction:column;flex:1;min-width:0;display:flex}.gene-row-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.gene-row-text em{color:var(--muted);font-size:10.5px;font-style:normal}.gene-row-cost{font-family:var(--font-display);color:var(--gold);font-size:14px}.gene-row-cost.passive{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-family:inherit;font-size:9.5px}.gene-row-note{letter-spacing:.12em;text-transform:uppercase;color:#ffc7a8;font-size:9.5px}.gene-list-empty,.species-grid-empty{color:var(--muted);padding:22px 12px;font-size:12.5px}.picker-detail{border-left:1px solid var(--panel-line);background:#02081099;flex-direction:column;gap:12px;min-height:0;padding:14px;display:flex;overflow-y:auto}.gene-detail.empty p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.55}.gene-detail-head{align-items:center;gap:11px;display:flex}.gene-detail-head strong{font-family:var(--font-display);font-size:16px;display:block}.gene-detail-skill{color:var(--gold);font-size:11.5px}.gene-detail p{color:var(--muted);margin:10px 0 0;font-size:12.5px;line-height:1.55}.gene-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px;margin:12px 0 0;display:grid}.gene-detail-facts div{background:#061220cc;border-radius:6px;justify-content:space-between;align-items:baseline;gap:8px;padding:4px 8px;display:flex}.gene-detail-facts dt{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-size:9.5px}.gene-detail-facts dd{margin:0;font-size:11.5px;font-weight:700}.gene-remove{letter-spacing:.12em;text-transform:uppercase;color:#ffd9d9;background:#460e16bf;border:1px solid #ff6a6a66;border-radius:9px;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:10px;font-size:11px;font-weight:700;display:flex}.gene-remove:hover{border-color:#ff8c8ccc}.gene-remove svg{width:15px;height:15px}.species-picker{max-width:900px;max-height:700px}.species-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px;min-height:0;margin:0;padding:14px;list-style:none;display:grid;overflow-y:auto}.species-tile{text-align:left;width:100%;color:var(--text);background:#050f1bb3;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;padding:8px 10px;transition:background .12s,border-color .12s;display:flex}.species-tile:hover{background:#0e2238e6}.species-tile.current{border-color:var(--gold);background:#2c200c8c}.species-tile-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12.5px;font-weight:700;overflow:hidden}.species-tile-type{object-fit:contain;width:16px;height:16px}.main-menu{z-index:3;grid-row:1/-1;grid-template-rows:1fr auto;display:grid;position:relative;overflow:hidden}.main-menu:before{content:"";background:linear-gradient(100deg,#02070ef0 0%,#02070edb 34%,#030a1473 62%,#030a1433 100%);position:absolute;inset:0}.menu-hero{pointer-events:none;position:absolute;inset:0}.menu-hero-art{object-fit:contain;object-position:bottom center;filter:drop-shadow(-20px 18px 44px #000c);width:auto;height:100%;animation:11s ease-in-out infinite menu-hero-breathe;position:absolute;bottom:0;right:1%}@keyframes menu-hero-breathe{50%{transform:translateY(-10px)}}.menu-hero-fade{background:linear-gradient(90deg,#02070ee6 22%,#0000 58%),linear-gradient(#0000 74%,#02070eeb 100%);position:absolute;inset:0}.menu-body{flex-direction:column;justify-content:center;gap:26px;max-width:62%;padding:0 0 0 76px;display:flex;position:relative}.menu-title{flex-direction:column;gap:2px;display:flex}.menu-title-series{letter-spacing:.42em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 10px #000000e6;font-size:15px;font-weight:700}.menu-title h1{font-family:"MHS2 Display", var(--font-display);letter-spacing:.02em;text-transform:uppercase;background:linear-gradient(180deg, #fff6e0 6%, var(--gold) 48%, #8a5c17 100%);color:#0000;filter:drop-shadow(0 5px #3c2204e6)drop-shadow(0 14px 34px #000000d9);-webkit-background-clip:text;background-clip:text;margin:0;font-size:104px;font-weight:700;line-height:.94}.menu-title-rule{align-items:center;gap:10px;width:470px;margin-top:10px;display:flex}.menu-title-rule i{background:linear-gradient(90deg, var(--gold), transparent);flex:1;height:1px}.menu-title-rule i:last-child{background:linear-gradient(270deg, var(--gold), transparent)}.menu-title-rule b{background:linear-gradient(135deg, var(--gold-bright), var(--gold-deep));width:9px;height:9px;transform:rotate(45deg)}.menu-rail{flex-direction:column;gap:7px;width:470px;display:flex}.menu-item{text-align:left;height:54px;color:var(--text);outline:none;align-items:center;gap:13px;padding:0 40px 0 20px;transition:transform .18s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.menu-item-plate{clip-path:polygon(0 0,calc(100% - 26px) 0,100% 50%,calc(100% - 26px) 100%,0 100%,14px 50%);background:linear-gradient(90deg,#102236f5,#0914229e 78%,#0000);border-top:1px solid #b4d6f647;transition:background .18s;position:absolute;inset:0}.menu-item:hover .menu-item-plate{background:linear-gradient(90deg,#1a3652fa,#0c1c2eb3 78%,#0000)}.menu-item.current{transform:translate(16px)}.menu-item.current .menu-item-plate{background:linear-gradient(90deg,#2ea7d8 0%,#1b6fa8 46%,#0e3a5c8c 88%,#0000);border-top:1px solid #e2f8ffe6;box-shadow:0 0 26px #3cb4f066}.menu-item:focus-visible .menu-item-plate{box-shadow:0 0 0 2px #e2f8ffe6,0 0 30px #3cb4f080}.menu-item.current .menu-item-plate:after{content:"";border-top:1px solid #fff6;border-bottom:1px solid #ffffff29;position:absolute;inset:3px 30px 3px 18px}.menu-item-icon{background:#020810d9;border:1px solid #b4d6f64d;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;display:grid;position:relative}.menu-item-icon img{object-fit:contain;filter:drop-shadow(0 1px 2px #000000e6);width:20px;height:20px}.menu-item.current .menu-item-icon{background:#041828e6;border-color:#e2f8ffd9}.menu-item-label{font-family:"MHS2 Display", var(--font-display);letter-spacing:.03em;text-shadow:0 2px 6px #000000e6;font-size:23px;font-weight:700;position:relative}.menu-item.locked .menu-item-label{color:#e0eeff9e}.menu-item-lock{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);background:#020810cc;border:1px solid #f4cd8573;border-radius:999px;margin-left:auto;padding:2px 9px;font-size:9.5px;font-weight:700;position:relative}.menu-detail{border-left:3px solid var(--gold);background:linear-gradient(90deg,#040c16f0,#040c1670);flex-direction:column;gap:3px;width:470px;height:132px;padding:14px 20px;display:flex;overflow:hidden}.menu-detail-kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-size:10px;font-weight:700}.menu-detail strong{font-family:"MHS2 Display", var(--font-display);letter-spacing:.02em;font-size:21px}.menu-detail p{-webkit-line-clamp:2;line-clamp:2;height:39.15px;color:var(--muted);-webkit-box-orient:vertical;margin:2px 0 0;font-size:13.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.menu-detail-note{letter-spacing:.14em;text-transform:uppercase;color:#ffc7a8;margin-top:4px;font-size:11.5px;font-style:normal;font-weight:700}.menu-hints{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);align-items:center;gap:22px;padding:0 40px 22px 76px;font-size:12px;display:flex;position:relative}.menu-hints b{min-width:28px;height:20px;color:var(--ink-900);background:linear-gradient(180deg, var(--gold-bright), var(--gold));border-radius:5px;place-items:center;margin-right:7px;padding:0 6px;font-size:11px;display:inline-grid}.menu-hints span{align-items:center;display:inline-flex}.menu-language{min-width:76px;color:var(--gold-bright);letter-spacing:.06em;background:#091626b8;border:1px solid #f4cd8561;border-radius:999px;padding:4px 12px}.menu-language:hover,.menu-language:focus-visible{border-color:var(--gold);background:#2a3e53e0;outline:none}.menu-build{font-family:var(--font-display);letter-spacing:.18em;color:#c8dcf566;margin-left:auto}.menu-confirm-scrim{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#01050bd1;place-items:center;display:grid;position:absolute;inset:0}.menu-confirm{text-align:center;background:linear-gradient(#09182afa,#030a13fc);border:1px solid #f4cd8573;flex-direction:column;align-items:center;gap:6px;width:420px;padding:30px 34px 26px;display:flex;box-shadow:0 26px 70px #000c}.menu-confirm strong{font-family:"MHS2 Display", var(--font-display);letter-spacing:.03em;font-size:27px}.menu-confirm p{color:var(--muted);margin:0;font-size:13px}.menu-confirm-actions{gap:12px;margin-top:16px;display:flex}.menu-confirm-accept,.menu-confirm-cancel{letter-spacing:.14em;text-transform:uppercase;border-radius:10px;padding:11px 26px;font-size:12.5px;font-weight:700;transition:transform .15s}.menu-confirm-accept{color:#ffd9d9;background:linear-gradient(#97202cd9,#460c14f2);border:1px solid #ff6a6a8c}.menu-confirm-cancel{border:1px solid var(--panel-line);background:#081422e6}.menu-confirm-accept:hover,.menu-confirm-cancel:hover{transform:translateY(-2px)}.menu-confirm-cancel:hover{border-color:var(--gold)}.result-scrim{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#01050bc7;place-items:center;display:grid;position:absolute;inset:0}.result-rays{opacity:.55;background:repeating-conic-gradient(#f4cd8524 0deg 6deg,#0000 6deg 14deg);animation:46s linear infinite composite-spin;position:absolute;inset:-40%}.result-scrim.defeat .result-rays{background:repeating-conic-gradient(#7896be1a 0deg 6deg,#0000 6deg 14deg)}.result-panel{text-align:center;background:linear-gradient(#09182afa,#030a13fc);border:1px solid #f4cd8573;border-radius:20px;flex-direction:column;align-items:center;gap:8px;width:470px;padding:36px 40px 30px;display:flex;position:relative;box-shadow:0 30px 80px #000c}.result-sigil{width:74px;height:74px;color:var(--ink-900);background:linear-gradient(160deg, var(--gold-bright), var(--gold) 50%, var(--gold-deep));border-radius:50%;place-items:center;display:grid;box-shadow:0 10px 26px #0009}.result-scrim.defeat .result-sigil{color:#ffe2e2;background:linear-gradient(160deg,#6c7c92,#38465c 55%,#1b2331)}.result-sigil svg{width:38px;height:38px}.result-kicker{letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-size:10px}.result-title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 4px 22px #000000e6;font-size:52px;font-weight:700}.result-scrim.victory .result-title{color:var(--gold-bright)}.result-scrim.defeat .result-title{color:#c8d6ea}.result-reason{color:var(--muted);margin:0;font-size:14px}.result-stat{border:1px solid var(--panel-line);background:#06101de6;border-radius:999px;align-items:baseline;gap:8px;margin-top:4px;padding:5px 18px;display:flex}.result-stat span{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:10px}.result-stat strong{font-family:var(--font-display);font-size:18px}.result-actions{gap:12px;margin-top:14px;display:flex}.battle-again,.battle-switch{letter-spacing:.12em;text-transform:uppercase;border-radius:12px;align-items:center;gap:9px;padding:13px 26px;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.battle-again{color:var(--ink-900);background:linear-gradient(180deg, var(--gold-bright), var(--gold) 70%, var(--gold-deep));box-shadow:0 10px 24px #9b6d2473}.battle-switch{border:1px solid var(--panel-line);background:#081422e6}.battle-again:hover,.battle-switch:hover{transform:translateY(-2px)}.battle-switch:hover{border-color:var(--gold)}.lobby-screen,.room-screen{z-index:3;grid-row:1/-1;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;position:relative;overflow:hidden}.room-screen{grid-template-rows:auto minmax(0,1fr) auto}.lobby-screen:before,.room-screen:before{content:"";background:linear-gradient(#02070ee6,#020810d1);position:absolute;inset:0}.tinted-icon{isolation:isolate;flex:none;display:inline-block;position:relative}.tinted-icon-fill{position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.tinted-icon img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0}.lobby-create{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-900);background:linear-gradient(180deg, var(--gold-bright), var(--gold));border:1px solid #ffe9bd80;border-radius:10px;align-items:center;gap:8px;margin-left:auto;padding:9px 16px;font-size:12px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.lobby-create:hover{transform:translateY(-1px);box-shadow:0 8px 20px #f4cd8547}.lobby-create svg{width:16px;height:16px}.lobby-body{grid-template-columns:minmax(720px,1fr) minmax(520px,.72fr);gap:18px;min-height:0;padding:0 32px 24px;display:grid;position:relative}.lobby-room-browser{grid-template-columns:minmax(0,1fr) 260px;gap:12px;min-width:0;min-height:0;display:grid}.room-list-panel,.room-detail{background:var(--panel);border:1px solid var(--panel-line);border-radius:14px;min-width:0;min-height:0;padding:14px}.room-list-panel{grid-template-rows:auto minmax(0,1fr);display:grid}.room-list-head{border-bottom:1px solid var(--panel-line);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);align-items:center;gap:8px;margin-bottom:10px;padding-bottom:10px;font-size:10.5px;font-weight:700;display:flex}.room-list-head svg{width:15px;height:15px}.room-list-head strong{color:var(--muted);margin-left:auto}.room-list{flex-direction:column;gap:6px;min-height:0;margin:0;padding:0 4px 0 0;list-style:none;display:flex;overflow-y:auto}.room-row{text-align:left;width:100%;color:var(--text);background:#06101cb3;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;transition:background .15s,border-color .15s;display:flex}.room-row:hover{background:#0e2238d9}.room-row.current{background:#12304ee6;border-color:#f4cd858c}.room-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.room-row-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.room-row-text em{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-style:normal}.room-row-seats{font-family:var(--font-display);letter-spacing:.1em;color:var(--gold);font-size:13px}.room-detail{grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px;display:grid}.room-detail header{border-bottom:1px solid var(--panel-line);align-items:center;gap:12px;padding-bottom:12px;display:flex}.room-detail header div{flex-direction:column;min-width:0;display:flex}.room-detail header strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.room-detail header span{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:10.5px}.room-detail-seats{flex-direction:column;align-content:start;gap:6px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.room-detail-seats li{background:#050e19b3;border-radius:8px;align-items:center;gap:9px;padding:7px 10px;font-size:13px;display:flex}.seat-team{background:var(--ally);border-radius:2px;width:4px;height:18px}.room-detail-seats li.red .seat-team{background:var(--enemy)}.seat-name{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.seat-host{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-size:9.5px;font-style:normal;font-weight:700}.lobby-note{color:var(--muted);margin:0;font-size:11.5px;line-height:1.5}.lobby-error{color:var(--enemy);font-size:12px;font-style:normal}.lobby-primary{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-900);background:linear-gradient(180deg, var(--gold-bright), var(--gold));border:1px solid #ffe9bd80;border-radius:10px;padding:11px 18px;font-size:12.5px;font-weight:700;transition:transform .15s,box-shadow .15s}.lobby-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #f4cd8547}.lobby-primary:disabled{color:var(--dim);border-color:var(--panel-line);cursor:not-allowed;background:#081422e6}.create-room{grid-template-rows:auto minmax(0,1fr) auto;max-width:560px;max-height:620px}.join-room{grid-template-rows:auto minmax(0,1fr) auto;max-width:420px;max-height:440px}.create-room-body{flex-direction:column;gap:18px;padding:20px;display:flex;overflow-y:auto}.picker-foot{border-top:1px solid var(--panel-line);justify-content:flex-end;padding:14px 20px;display:flex}.lobby-field{flex-direction:column;gap:7px;display:flex}.lobby-field>span{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-size:10.5px;font-weight:700}.lobby-field input[type=text]{color:var(--text);border:1px solid var(--panel-line);background:#040c16e6;border-radius:9px;padding:9px 12px;font-size:14px}.lobby-field input[type=text]:focus-visible{border-color:var(--gold);outline:none}.format-choice{grid-template-columns:1fr 1fr;gap:10px;display:grid}.format-choice button{color:var(--text);border:1px solid var(--panel-line);background:#050e19cc;border-radius:12px;justify-items:center;gap:5px;padding:14px 10px;transition:border-color .15s,background .15s;display:grid}.format-choice button:hover{background:#0e2238d9}.format-choice button.current{background:#12304ee6;border-color:#f4cd85b3}.format-choice strong{font-size:13.5px}.format-choice em{color:var(--muted);font-size:11px;font-style:normal}.password-row{align-items:center;gap:14px;display:flex}.lock-toggle{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border:1px solid var(--panel-line);background:#050e19cc;border-radius:9px;align-items:center;gap:8px;padding:8px 14px;font-size:11.5px;font-weight:700;display:inline-flex}.lock-toggle.current{color:var(--gold);border-color:#f4cd8599}.password-field{gap:8px;display:flex}.password-field input{text-align:center;width:44px;height:52px;font-family:var(--font-display);color:var(--text);border:1px solid var(--panel-line);background:#040c16f2;border-radius:9px;font-size:24px}.password-field input:focus-visible{border-color:var(--gold);outline:none;box-shadow:0 0 16px #f4cd8547}.join-room-body{text-align:center;align-content:center;justify-items:center;gap:14px;padding:24px;display:grid}.join-room-body p{color:var(--muted);margin:0;font-size:13px}.room-badges{align-items:center;gap:12px;margin-left:auto;display:flex}.room-code{font-family:var(--font-display);letter-spacing:.3em;color:var(--gold);border:1px solid var(--panel-line);background:#040c16d9;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:15px;display:inline-flex}.room-body{grid-template-columns:300px minmax(0,1fr);gap:18px;min-height:0;padding:0 32px 12px;display:grid;position:relative}.room-body.room-only{grid-template-columns:minmax(0,720px);place-content:start center}.room-body.room-only .room-left{grid-template-rows:auto auto;align-self:start}.room-body.room-only .seat-board{overflow:visible}.room-left{grid-template-rows:minmax(0,1fr) auto;gap:10px;min-height:0;display:grid}.seat-board{background:var(--panel);border:1px solid var(--panel-line);border-radius:14px;grid-template-rows:auto auto;align-content:start;gap:14px;min-height:0;padding:14px;display:grid;overflow-y:auto}.seat-team-block h3{letter-spacing:.2em;text-transform:uppercase;color:var(--ally);margin:0 0 8px;font-size:10.5px;font-weight:700}.seat-team-block.red h3{color:var(--enemy)}.seat-team-block ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.seat{background:#06101cbf;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:9px 11px;display:flex}.seat.you{background:#12304ed9;border-color:#f4cd858c}.seat.cpu{opacity:.78}.seat-mark{width:32px;height:32px;font-family:var(--font-display);color:var(--ink-900);background:linear-gradient(#8fb6dd,#4b7099);border-radius:50%;place-items:center;font-size:15px;display:grid}.seat.you .seat-mark{background:linear-gradient(180deg, var(--gold-bright), var(--gold))}.seat-text{flex-direction:column;flex:1;min-width:0;display:flex}.seat-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.seat-text em{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:10px;font-style:normal}.loadout-panel{background:var(--panel);border:1px solid var(--panel-line);border-radius:14px;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;min-width:0;min-height:0;padding:16px;display:grid}.loadout-panel-head{border-bottom:1px solid var(--panel-line);align-items:center;gap:18px;padding-bottom:12px;display:flex}.loadout-panel-head h2{font-family:"MHS2 Display", var(--font-display);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:19px}.rider-name-field{align-items:center;gap:9px;display:flex}.loadout-item-set-field{align-items:center;gap:9px;margin-left:auto;display:flex}.rider-name-field span,.loadout-item-set-field span{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-size:10.5px;font-weight:700}.rider-name-field input{width:160px;color:var(--text);border:1px solid var(--panel-line);background:#040c16e6;border-radius:9px;padding:7px 11px;font-size:13.5px}.loadout-item-set-field select{width:170px;color:var(--text);border:1px solid var(--panel-line);background:#040c16e6;border-radius:9px;padding:7px 30px 7px 11px;font-size:13.5px}.rider-name-field input:focus-visible,.loadout-item-set-field select:focus-visible{border-color:var(--gold);outline:none}.party-strip{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:10px;min-height:0;display:grid}.party-seat{min-height:0;max-height:320px;color:var(--text);border:1px solid var(--panel-line);background:#050e19cc;border-radius:12px;grid-auto-rows:auto;align-content:center;justify-items:center;gap:3px;padding:12px 8px;transition:border-color .15s,background .15s;display:grid}.party-seat:hover{background:#0e2238e6;border-color:#f4cd8599}.party-seat-rank{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:9.5px;font-weight:700}.party-seat-art{aspect-ratio:1;place-items:center;width:min(100%,132px);display:grid;position:relative}.party-seat-species{object-fit:contain;width:100%;height:100%}.party-seat-type{width:26px;height:26px;position:absolute;bottom:4%;right:4%}.party-seat-facts{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);gap:10px;margin-top:4px;font-size:10px;display:flex}.party-seat strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13.5px;overflow:hidden}.party-seat em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10.5px;font-style:normal;overflow:hidden}.gear-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-content:start;gap:10px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.gear-slot{text-align:left;color:var(--text);border:1px solid var(--panel-line);background:#050e19cc;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;padding:13px 12px 11px;transition:border-color .15s,background .15s;display:grid;position:relative}.gear-slot:hover{background:#0e2238e6;border-color:#f4cd8599}.gear-slot-label{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);grid-column:1/-1;font-size:9.5px;font-weight:700}.gear-slot-text{flex-direction:column;gap:2px;min-width:0;display:flex}.gear-slot-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.gear-slot-text em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;overflow:hidden}.gear-slot-element{width:18px;height:18px;position:absolute;top:10px;right:10px}.room-foot{justify-content:flex-end;align-items:center;gap:18px;padding:0 32px 22px;display:flex;position:relative}.lobby-start{font-family:"MHS2 Display", var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-900);background:linear-gradient(180deg, var(--gold-bright), var(--gold));border:1px solid #ffe9bd80;border-radius:11px;align-items:center;gap:9px;padding:13px 30px;font-size:16px;transition:transform .15s,box-shadow .15s;display:inline-flex}.lobby-start:hover{transform:translateY(-1px);box-shadow:0 10px 26px #f4cd854d}.lobby-start.waiting{color:var(--gold);background:#081422e6;border-color:#f4cd8580}.lobby-start svg{width:18px;height:18px}.party-picker{grid-template-rows:auto minmax(0,1fr) auto;max-width:560px;max-height:560px}.gear-picker{grid-template-rows:auto auto minmax(0,1fr);max-width:960px}.talisman-editor{grid-template-rows:auto auto auto minmax(0,1fr);max-width:760px}.party-list,.gear-list,.talisman-list{flex-direction:column;gap:4px;min-height:0;margin:0;padding:12px;list-style:none;display:flex;overflow-y:auto}.party-row,.gear-row,.talisman-row{text-align:left;width:100%;color:var(--text);background:#050f1b99;border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;padding:9px 12px;transition:background .14s,border-color .14s;display:flex}.party-row:hover,.gear-row:hover,.talisman-row:hover:not(:disabled){background:#0e2238d9}.party-row.current,.gear-row.current,.talisman-row.current{background:#12304ee6;border-color:#f4cd858c}.talisman-row:disabled{opacity:.4;cursor:not-allowed}.party-row>img{object-fit:contain;width:42px;height:42px}.party-row-text,.gear-row-text,.talisman-row-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.party-row-text strong,.gear-row-text strong,.talisman-row-text strong{font-size:13.5px}.party-row-text em,.gear-row-text em,.talisman-row-text em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;overflow:hidden}.party-row-type{width:20px;height:20px}.party-row-bingo,.gear-row-rarity,.talisman-row-cost{font-family:var(--font-display);letter-spacing:.08em;color:var(--gold);font-size:13px}.gear-row-element{width:20px;height:20px}.gear-row-stats{letter-spacing:.08em;color:var(--muted);flex-direction:column;align-items:flex-end;gap:1px;font-size:10.5px;display:flex}.gear-row-rarity{text-align:right;min-width:26px}.gear-list-empty{text-align:center;color:var(--muted);padding:22px;font-size:12.5px}.talisman-summary{border-bottom:1px solid var(--panel-line);align-items:center;gap:16px;padding:16px 20px;display:flex}.talisman-slots{flex:1;gap:6px;min-width:0;display:grid}.talisman-slot{border:1px dashed var(--panel-line);background:#050e19cc;border-radius:9px;align-items:center;gap:10px;min-height:38px;padding:8px 12px;display:flex}.talisman-slot.filled{border-style:solid;border-color:#f4cd8573}.talisman-slot strong{flex:1;font-size:13px}.talisman-slot span{color:var(--gold);font-size:11px}.talisman-slot em{color:var(--dim);font-size:11.5px;font-style:normal}.talisman-slot button{width:24px;height:24px;color:var(--muted);border:1px solid var(--panel-line);border-radius:6px;place-items:center;display:grid}.talisman-slot button:hover{color:var(--enemy);border-color:var(--enemy)}.talisman-slot button svg{width:13px;height:13px}.talisman-budget{justify-items:center;gap:2px;padding-left:8px;display:grid}.talisman-budget span{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:9.5px;font-weight:700}.talisman-budget strong{font-family:var(--font-display);font-size:20px}.talisman-budget em{color:var(--muted);font-size:10.5px;font-style:normal}.talisman-row-check{border:1px solid var(--panel-line);width:22px;height:22px;color:var(--gold);border-radius:6px;place-items:center;display:grid}.talisman-row-check svg{width:14px;height:14px}.talisman-row-text em{white-space:normal}.battle-intro{z-index:4;background:radial-gradient(#0a1e36b8,#010409f5 70%);grid-row:1/-1;align-content:center;justify-items:center;gap:34px;display:grid;position:relative;overflow:hidden}.intro-skip{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);border:1px solid var(--panel-line);background:#040c16cc;border-radius:999px;padding:7px 16px;font-size:11px;font-weight:700;position:absolute;top:22px;right:26px}.intro-skip:hover{color:var(--gold);border-color:var(--gold)}.intro-wings{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:40px;width:min(1000px,88%);display:grid}.intro-wing{border:1px solid var(--panel-line);background:linear-gradient(#0c223ce6,#030a13e6);border-radius:14px;gap:8px;padding:20px 24px;display:grid}.intro-wing.blue{border-left:3px solid var(--ally);justify-items:start}.intro-wing.red{text-align:right;border-right:3px solid var(--enemy);justify-items:end}.intro-wing-label{letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-size:10.5px;font-weight:700}.intro-wing ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.intro-wing li{font-family:"MHS2 Display", var(--font-display);letter-spacing:.02em;font-size:24px}.intro-clash{justify-items:center;gap:4px;display:grid}.intro-clash span{font-family:"MHS2 Display", var(--font-display);letter-spacing:.12em;color:var(--gold);text-shadow:0 0 24px #f4cd8580;font-size:34px}.intro-flash{pointer-events:none;background:radial-gradient(circle,#fff,#fff0 62%);position:absolute;inset:0}.intro-title{text-align:center;justify-items:center;gap:6px;display:grid}.intro-title span{letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-size:12px}.intro-title strong{font-family:"MHS2 Display", var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);font-size:30px}.intro-title em{font-style:normal;font-family:"MHS2 Display", var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text);text-shadow:0 0 34px #b4dcff73;font-size:52px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}