:root{font-family:Inter,Arial,sans-serif;color:#f3ede5;background:#101015;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--muted:#94909d;--line:#34313b;--gold:#f7a53b;--purple:#b09af5}*{box-sizing:border-box}body{margin:0;min-width:340px}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid #74e7c4;outline-offset:4px}button{transition:background .15s,transform .15s}button:not(:disabled):active{transform:translateY(1px)}a{color:inherit;text-decoration:none}.app-shell{max-width:1440px;margin:auto;padding:0 54px;background:radial-gradient(ellipse at 15% 20%,#30201a55,transparent 45%)}.masthead{height:104px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:13px;align-items:center;font-weight:800;font-size:20px;letter-spacing:-.7px}.brand-light{font-weight:400;color:#b8b2bf}.brand small{display:block;font:8px IBM Plex Mono,monospace;letter-spacing:1.6px;margin-top:6px;color:var(--muted)}.brand-icon{position:relative;display:grid;place-items:center;background:var(--gold);color:#17131a;width:40px;height:43px;font-size:33px;line-height:1;font-weight:900;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%)}.brand-icon span{position:absolute;bottom:6px;font-size:10px}.network-indicator{font:10px IBM Plex Mono,monospace;letter-spacing:1px;display:flex;gap:9px;align-items:center;color:var(--muted);border:1px solid var(--line);padding:10px 13px}.status-dot{width:6px;height:6px;border-radius:50%;background:#827987}.connected{color:#72dfb9;border-color:#355344}.connected .status-dot{background:#72dfb9;box-shadow:0 0 9px #72dfb955}.connecting .status-dot{background:var(--gold)}.intro{display:flex;align-items:center;justify-content:space-between;padding:40px 0 34px}.eyebrow{font:10px IBM Plex Mono,monospace;letter-spacing:1.6px;color:var(--gold);text-transform:uppercase;margin:0 0 12px}.tiny-cross{padding-right:7px}h1{font:900 clamp(65px,7.6vw,104px)/.88 "Barlow Condensed","Arial Narrow",Impact,sans-serif;letter-spacing:-1px;margin:18px 0}h1>span:not(.title-period){color:var(--gold)}.title-period{color:#f5eee7}.intro-copy{font-size:12px;color:#aaa2ad;margin:19px 0 0;line-height:1.7}.edition{border-left:2px solid var(--gold);padding:5px 0 5px 22px;transform:rotate(-3deg);margin-right:18px}.edition>span{display:block;font:9px IBM Plex Mono,monospace;letter-spacing:1.2px;color:#a49a9c}.edition strong{display:block;font:800 28px/1.07 Barlow Condensed,Impact,sans-serif;letter-spacing:1px;margin:11px 0}.arena-layout{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:18px;align-items:start}.arena-panel,.lobby-panel{border:1px solid var(--line);background:#18171e;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;border-bottom:1px solid var(--line);font:9px IBM Plex Mono,monospace;letter-spacing:1.2px;color:#c3bbc8;background:#1e1c24}.panel-heading>span:first-child{display:flex;align-items:center;gap:8px}.live-dot{width:6px;height:6px;background:#f16460;box-shadow:0 0 9px #f1646055;border-radius:50%}.round-label{color:#8b8392}.fight-hud{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:85px;padding:22px 22px 16px;background:#1c1923}.fighter-hud{min-width:0}.fighter-meta{display:flex;gap:7px;align-items:center;font:600 10px IBM Plex Mono,monospace;min-width:0}.fighter-meta>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-tag{font-size:9px;color:#17131a;background:var(--gold);padding:3px 5px;flex-shrink:0}.right .player-tag{background:var(--purple)}.right .fighter-meta{flex-direction:row-reverse}.health-track{background:#3f302b;height:13px;margin:8px 0 7px;transform:skew(-12deg);border:1px solid #7e5435;padding:2px}.health-track>div{height:100%;background:linear-gradient(90deg,#db8042,#ffd06b);transition:width .1s linear}.health-track.purple{background:#302a44;border-color:#756394}.health-track.purple>div{background:linear-gradient(90deg,#cbb8ff,#8e6fdf);margin-left:auto}.health-caption{display:flex;justify-content:space-between;gap:4px;color:#928797;font:8px IBM Plex Mono,monospace;text-transform:uppercase}.round-clock{position:absolute;top:14px;left:50%;transform:translate(-50%);text-align:center}.round-clock small{display:block;color:#9b90a2;letter-spacing:2px;font:8px IBM Plex Mono,monospace}.round-clock strong{font:800 44px/1.1 Barlow Condensed,Impact,sans-serif;color:#f8eee0}.round-clock.urgent strong{color:#ff706e}.arena-viewport{position:relative;aspect-ratio:960/540;background:#151329;overflow:hidden}.phaser-host{position:absolute;inset:0}.phaser-host canvas{display:block;max-width:100%;max-height:100%}.arena-message{position:absolute;top:13%;left:9%;right:9%;text-align:center;pointer-events:none;background:linear-gradient(90deg,transparent,#14101dd9 20%,#14101dd9 80%,transparent);padding:17px 5px}.arena-message h2{font:800 clamp(18px,2.4vw,32px)/1.05 "Barlow Condensed",Impact,sans-serif;letter-spacing:1px;margin:7px 0;color:#ffecd0;overflow-wrap:anywhere}.arena-message .eyebrow{font-size:8px}.arena-message p{font-size:10px;color:#c6b6ca;margin:9px 0;line-height:1.5}.result-message{top:17%;border-top:1px solid #f7a53b55;border-bottom:1px solid #f7a53b55}.result-message h2{color:var(--gold)}.arena-corner{position:absolute;bottom:12px;left:17px;font:7px IBM Plex Mono,monospace;letter-spacing:1.2px;color:#a08aab;pointer-events:none}.arena-corner span{color:#75d7bd;margin-right:5px}.controls-strip{display:flex;gap:15px;align-items:center;padding:12px 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:8px IBM Plex Mono,monospace;color:#aaa1b0;flex-wrap:wrap}.controls-strip>span{white-space:nowrap}kbd{font:8px IBM Plex Mono,monospace;background:#2b2732;border:1px solid #514657;border-bottom-width:2px;color:#dcd3df;display:inline-block;min-width:17px;text-align:center;padding:3px;margin-right:3px;border-radius:3px}.focus-hint{margin-left:auto;color:#827488;font-size:7px}.reaction-bar{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;gap:10px}.reaction-label{font:9px IBM Plex Mono,monospace;color:#d7cedb;letter-spacing:.8px}.reaction-label small{display:block;color:#817888;font-size:8px;margin-top:6px}.reaction-buttons{display:flex;gap:5px}.reaction-buttons button{background:#26222d;border:1px solid #43394b;border-radius:3px;padding:6px;font-size:19px;line-height:1.2;min-width:34px}.reaction-buttons button:hover:not(:disabled){background:#44314a;border-color:#a78bfa}.reaction-feed{min-height:44px;border-top:1px solid #29252f;display:flex;align-items:center;gap:7px;padding:9px 16px;flex-wrap:wrap}.feed-empty{font-size:9px;color:#887d90}.cheer-chip{font-size:13px;background:#302632;border:1px solid #514155;padding:4px 8px;border-radius:3px;max-width:100%;overflow-wrap:anywhere}.cheer-chip b{font-size:10px;font-weight:500}.cheer-enter-active,.cheer-leave-active{transition:all .2s}.cheer-enter-from,.cheer-leave-to{opacity:0;transform:translateY(7px)}.lobby-content{padding:24px 22px}.access-icon{font-size:33px;color:var(--gold);width:44px;height:44px;border:1px solid #62452d;background:#30241d;display:grid;place-items:center;margin-bottom:15px}.lobby-content h2{font:800 34px/1.05 Barlow Condensed,Impact,sans-serif;margin:0 0 12px;letter-spacing:.3px}.lobby-content>p{font-size:11px;color:#aaa0b1;line-height:1.8}.lobby-content form{margin-top:23px}label{display:block;font:8px IBM Plex Mono,monospace;letter-spacing:1px;color:#a99cae;margin-bottom:9px}input{width:100%;padding:12px 10px;border:1px solid #49404d;background:#111016;color:#f6eee7;border-radius:2px;font-size:12px}input::placeholder{color:#726777}.primary-button{width:100%;border:1px solid #f9b55b;background:var(--gold);color:#201810;font:700 10px IBM Plex Mono,monospace;letter-spacing:.4px;padding:14px 8px;margin-top:12px;min-height:44px}.primary-button:hover:not(:disabled){background:#ffd084}.primary-button.secondary{background:#2c2635;color:#ddd0e9;border-color:#78658d}.primary-button.secondary:hover:not(:disabled){background:#453751}.lobby-content .fine-print{font:9px/1.8 IBM Plex Mono,monospace;color:#7f7387;margin-top:17px}.lobby-content .error-message{color:#ffaaa1;background:#642c2c44;padding:10px;border:1px solid #a54b4544;font-size:11px;overflow-wrap:anywhere}.connected-content .eyebrow{font-size:8px}.my-name{overflow-wrap:anywhere}.lobby-content .role-badge{color:var(--gold);font:10px IBM Plex Mono,monospace;letter-spacing:1px}.text-button{font:9px IBM Plex Mono,monospace;background:none;border:0;border-bottom:1px solid #6b5f72;padding:5px 0;color:#b7a6bf;margin-top:4px}.roster-section{border-top:1px solid var(--line);padding:19px 18px}.roster-section h3{display:flex;justify-content:space-between;color:#b8aabe;font:9px IBM Plex Mono,monospace;letter-spacing:1px;margin:0 0 16px}.roster-section h3>span{color:#75677e}.seat-row{display:flex;gap:10px;align-items:center;margin:14px 0;min-width:0}.seat-number{font:12px IBM Plex Mono,monospace;color:var(--gold);border:1px solid #67452d;background:#33251e;padding:8px 6px}.seat-number.purple{color:var(--purple);background:#2a233a;border-color:#53406d}.seat-row>div{min-width:0}.seat-row b{font-size:10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:138px}.seat-row small{display:block;color:#8a7c92;font-size:8px;margin-top:5px}.seat-status{font:7px IBM Plex Mono,monospace;color:#88788f;margin-left:auto}.roster-section .queue-heading{margin-top:23px;border-top:1px solid var(--line);padding-top:18px}.empty-queue{font-size:10px;line-height:1.8;color:#87798f;margin-bottom:0}.queue-list{list-style:none;padding:0;margin:0;max-height:180px;overflow-y:auto}.queue-list li{display:flex;gap:9px;align-items:center;padding:9px 0;border-top:1px solid #2e2633;font-size:10px}.queue-list li>span{font:9px IBM Plex Mono,monospace;color:#796986}.queue-list li b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.queue-list small{font:7px IBM Plex Mono,monospace;color:#a18aa9}.spectator-list{margin-top:18px;font-size:10px;color:#998ba2}.spectator-list summary{cursor:pointer}.spectator-list p{overflow-wrap:anywhere;margin:9px 0 0}.characters-section{margin-top:33px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.section-title h2{font:700 21px Barlow Condensed,Impact,sans-serif;letter-spacing:.8px;margin:0}.section-title h2 span{color:#a696ac}.section-title>span{font:7px IBM Plex Mono,monospace;letter-spacing:.6px;color:#81718a}.character-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.character-card{display:flex;align-items:center;padding:19px 17px;gap:17px;border:1px solid #57412f;background:linear-gradient(110deg,#34251e,#1b181d 70%);position:relative;overflow:hidden;min-width:0}.character-card.purple{background:linear-gradient(110deg,#29213a,#1b181f 70%);border-color:#483956}.portrait{width:100px;flex-shrink:0;align-self:flex-end}.character-copy{position:relative;z-index:1;min-width:0}.character-copy .eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:6px}.purple .character-copy .eyebrow{color:var(--purple)}.character-copy h3{font:800 27px Barlow Condensed,Impact,sans-serif;margin:0 0 4px}.character-copy>p{color:#a89aa8;font-size:10px;margin:0}.character-copy blockquote{margin:12px 0 0;font:italic 9px/1.8 Inter,Arial,sans-serif;color:#9c8a9a}.card-number{position:absolute;right:9px;top:0;font:800 85px/1 Barlow Condensed,Impact,sans-serif;color:#f7a53b0a}.purple .card-number{color:#a78bfa0a}footer{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding:24px 0 29px;margin-top:30px;font:7px IBM Plex Mono,monospace;letter-spacing:.7px;color:#9c8ca5}.footer-dim,footer>span:not(:first-child){color:#6d6078}@media(min-width:1400px){.arena-layout{grid-template-columns:minmax(0,1fr) 314px}.intro{padding-top:46px;padding-bottom:40px}}@media(max-width:1100px){.app-shell{padding:0 28px}.arena-layout{grid-template-columns:minmax(0,1fr) 270px;gap:14px}.fight-hud{padding:18px 14px 14px;gap:65px}.fighter-meta{font-size:8px}.health-caption{font-size:7px}.reaction-bar{flex-wrap:wrap;gap:12px}.reaction-label small{display:inline;margin-left:10px}.reaction-buttons{width:100%;justify-content:space-between}.reaction-buttons button{flex:1}.controls-strip{gap:9px}.focus-hint{margin-left:0}.character-card{gap:10px;padding:17px 12px}.portrait{width:80px}.character-copy h3{font-size:23px}.character-copy .eyebrow{font-size:6px}.section-title>span{max-width:180px;text-align:right;line-height:1.6}.health-caption>span:first-child{max-width:75%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}@media(max-width:800px){.app-shell{padding:0 20px}.masthead{height:83px}.brand{font-size:16px}.brand small{font-size:6px}.network-indicator{font-size:8px;padding:9px}.intro{padding:29px 0}.edition{margin-right:0;padding-left:13px}.edition strong{font-size:23px}.edition>span{font-size:7px}.intro .eyebrow{font-size:8px;letter-spacing:1px}.arena-layout{grid-template-columns:1fr}.lobby-panel{display:grid;grid-template-columns:1fr 1fr}.lobby-panel>.panel-heading{grid-column:1/-1}.roster-section{border-top:0;border-left:1px solid var(--line);padding-top:24px}.lobby-content{padding:22px}.lobby-content h2{font-size:29px}.access-icon{display:none}.reaction-bar{flex-wrap:nowrap}.reaction-label{min-width:160px}.reaction-label small{display:block;margin-left:0}.reaction-buttons{width:auto;flex:1}.reaction-buttons button{padding:7px}.arena-message h2{font-size:30px}.fight-hud{padding:19px 20px 15px;gap:85px}.fighter-meta{font-size:10px}.health-caption{font-size:8px}.focus-hint{margin-left:auto}.section-title h2{font-size:19px}.character-grid{gap:12px}.character-card{gap:7px;padding:15px 10px}.portrait{width:67px}.character-copy h3{font-size:22px}.character-copy>p{font-size:8px}.character-copy blockquote{font-size:8px}.character-copy .eyebrow{line-height:1.6}footer{flex-wrap:wrap;line-height:1.7}}@media(max-width:520px){.app-shell{padding:0 13px}.brand{font-size:14px;gap:8px}.brand-icon{width:30px;height:34px;font-size:27px}.brand small{font-size:5px;letter-spacing:.9px}.network-indicator{padding:8px;font-size:7px;letter-spacing:.4px;gap:6px}.intro{padding:25px 0}.intro .eyebrow{font-size:6px;letter-spacing:.8px}.intro h1{font-size:65px}.intro-copy{font-size:10px;max-width:240px}.edition{display:none}.panel-heading{font-size:7px;padding:12px}.fight-hud{padding:16px 12px 13px;gap:56px}.fighter-meta{font-size:8px;gap:4px}.player-tag{font-size:7px}.health-caption{font-size:6px}.health-track{height:11px}.round-clock{top:14px}.round-clock strong{font-size:34px}.round-clock small{font-size:6px}.arena-message{top:9%;left:4%;right:4%;padding:9px 3px}.arena-message h2{font-size:21px}.arena-message .eyebrow{font-size:6px;letter-spacing:1px}.arena-message p{font-size:8px;max-width:280px;margin:7px auto}.arena-corner{font-size:5px;bottom:9px;left:10px;letter-spacing:.7px}.controls-strip{padding:10px 11px;font-size:6px;gap:7px}.controls-strip kbd{font-size:6px;min-width:13px;padding:3px 2px;margin-right:1px}.focus-hint{width:100%;font-size:6px;text-align:center;margin-top:3px}.reaction-bar{padding:13px 11px;flex-wrap:wrap}.reaction-label{font-size:8px;display:flex;width:100%;justify-content:space-between}.reaction-label small{margin-top:0;font-size:7px}.reaction-buttons{width:100%;gap:6px}.reaction-buttons button{font-size:21px;padding:8px}.reaction-feed{padding:9px 11px}.feed-empty{font-size:8px}.lobby-panel{display:block}.roster-section{border-left:0;border-top:1px solid var(--line);padding:20px}.lobby-content{padding:23px 20px}.lobby-content h2{font-size:32px}.lobby-content h2 br{display:none}.lobby-content>p br{display:none}.lobby-content form{margin-top:18px}.lobby-content .fine-print{font-size:8px}.seat-row b{max-width:220px}.characters-section{margin-top:27px}.section-title{align-items:start;gap:10px}.section-title h2{font-size:18px;max-width:170px}.section-title>span{font-size:6px;max-width:120px}.character-grid{grid-template-columns:1fr;gap:10px}.character-card{padding:18px;gap:18px}.portrait{width:90px}.character-copy h3{font-size:29px}.character-copy .eyebrow{font-size:7px}.character-copy>p{font-size:10px}.character-copy blockquote{font-size:9px}footer{font-size:6px;gap:9px;padding:20px 0}footer>span:last-child{display:none}}.connection-notice{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;padding:12px;border:1px solid var(--gold);background:#30241d;font-size:12px;line-height:1.6}.connection-notice p{flex:1;min-width:180px;margin:0}.connection-notice button{padding:9px 12px;border:1px solid var(--gold);background:#18171e;color:#f3ede5}.reconnecting .status-dot{background:var(--gold)}.local-result{display:block;font:900 clamp(24px,4vw,48px)/1.1 "Barlow Condensed",Impact,sans-serif;letter-spacing:4px;margin:9px 0;color:#e4d2f4}.local-result.victory{color:#ffd174;text-shadow:0 0 22px #f7a53b80}.local-result.defeat{color:#ff8a86}.audio-controls{display:flex;align-items:center;gap:8px;margin-left:auto}.audio-toggle{border:1px solid #625344;background:#25212a;color:#f7d29d;padding:8px 10px;font:8px IBM Plex Mono,monospace;letter-spacing:.6px}.audio-toggle:hover{background:#39303a}.volume-control{display:flex;align-items:center;gap:6px;margin:0;color:#aaa1b0;font:7px IBM Plex Mono,monospace;letter-spacing:.5px}.volume-control input{width:72px;height:20px;padding:0;border:0;background:transparent;accent-color:#f7a53b}.volume-control input:focus-visible{outline-offset:1px}.victory-sparkles{display:block;color:#fbdc87;font-size:20px;letter-spacing:8px;animation:victory-sparkle 1s ease-in-out infinite alternate}.victory-celebration .local-result{animation:victory-arrival .5s ease-out both}@keyframes victory-arrival{0%{opacity:0;transform:translateY(10px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes victory-sparkle{0%{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:translateY(-3px)}}@media(max-width:520px){.intro h1{font-size:clamp(48px,15vw,65px)}.local-result{font-size:23px;letter-spacing:2px;margin:5px 0}.victory-sparkles{font-size:12px;letter-spacing:4px}.result-message{top:4%}.result-message h2{font-size:18px}.audio-controls{gap:5px}.audio-toggle{padding:7px;font-size:7px}.volume-control{font-size:6px;gap:3px}.volume-control input{width:54px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}body{min-width:320px}.masthead{height:auto;min-height:64px;padding:12px 0;gap:12px;flex-wrap:wrap}.brand{font-size:16px;gap:10px}.brand-icon{width:32px;height:35px;font-size:28px}.intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:16px 0}.intro h1{font:900 clamp(28px,3.2vw,44px)/1.05 "Barlow Condensed","Arial Narrow",Impact,sans-serif;letter-spacing:.3px;margin:0}.intro-slogan{font:700 14px/1.4 Barlow Condensed,Impact,sans-serif;letter-spacing:1px;color:var(--muted);margin:0}.intro-slogan span{color:var(--gold);white-space:nowrap}@media(min-width:1101px){.app-shell{max-width:clamp(1000px,calc((100svh - 400px)*16/9 + 422px),1440px)}}@media(max-width:800px){.intro{grid-template-columns:1fr;gap:6px;padding:12px 0}.intro h1{font-size:clamp(28px,5vw,36px)}.intro-slogan{font-size:12px}}.arena-viewport{container-type:inline-size}.arena-message h2{font-size:clamp(16px,3.2cqi,30px)}.lobby-panel{container-type:inline-size}.lobby-content h2{font-size:clamp(22px,10cqi,34px)}.fighter-meta .portrait{width:27px;height:25px;align-self:center}.fighter-hud .player-tag{background:var(--character-accent)}.fighter-hud .health-track{border-color:var(--character-accent);background:#302a35}.fighter-hud .health-track>div{background:var(--character-accent)}.fighter-hud.right .health-track>div{margin-left:auto}.seat-row .portrait{width:36px;height:36px;align-self:center;border-bottom:2px solid var(--character-accent)}.seat-row small{color:var(--character-accent)}.queue-character{display:block;color:#a99bb3;font-size:8px;margin-top:4px;overflow:hidden;text-overflow:ellipsis}.selection-hint,.action-feedback{font:10px/1.7 IBM Plex Mono,monospace;color:#b7aaba}.selection-hint{margin:0 0 5px;max-width:850px}.action-feedback{min-height:28px;margin-bottom:10px;color:#8de1c3}.action-feedback p{margin:0;overflow-wrap:anywhere}.action-feedback .error-message{color:#ffaaa1;border-left:2px solid #ffaaa1;padding-left:10px}.character-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px}.character-card{align-items:flex-start;gap:10px;padding:14px 12px;background:#1c1921;border-color:#403644;border-top:2px solid var(--character-accent)}.character-card.selected{border-color:var(--character-accent);background:#27222c;box-shadow:inset 0 0 0 1px var(--character-accent)}.character-card .portrait{width:65px;height:70px;align-self:flex-start}.character-card .character-copy{flex:1}.character-card .eyebrow{color:var(--character-accent);font-size:7px;line-height:1.6;letter-spacing:.5px}.character-card h3{font-size:24px}.character-card .character-copy>p{font-size:10px;line-height:1.5;overflow-wrap:anywhere}.character-card blockquote{margin-top:7px;font-size:9px;line-height:1.6}.special-charge{display:block;color:var(--character-accent);font:10px/1.5 monospace;margin-top:6px;overflow-wrap:anywhere}.special-charge.consumed{color:#aaa0b1}.fighter-hud.right .special-charge{text-align:right}.character-copy .special-charge{margin:10px 0 0;color:var(--character-accent);font-size:9px}.character-copy .special-charge.consumed{color:#aaa0b1}.character-copy .special-catchphrase{font-style:italic;margin:3px 0 0;font-size:9px;color:#9f90a8}.character-copy .character-availability{color:var(--character-accent);margin:9px 0 6px;font-size:9px}.select-button{min-height:36px;padding:8px 12px;font:700 9px IBM Plex Mono,monospace;border:1px solid var(--character-accent);background:#27222f;color:var(--character-accent);width:100%}.select-button:hover:not(:disabled){background:#403449}.select-button[aria-pressed=true]{background:var(--character-accent);color:#17131a}.character-card.taken .portrait{opacity:.65}@media(max-width:520px){.character-grid{grid-template-columns:1fr}.character-card{padding:12px;gap:12px}.character-card .portrait{width:65px}.character-card h3{font-size:25px}.fighter-meta .portrait{width:20px;height:21px}.selection-hint,.action-feedback{font-size:9px}}@media(max-width:520px){.arena-message h2{font-size:clamp(15px,4.5cqi,21px)}.lobby-content h2{font-size:clamp(24px,11cqi,32px)}}.start-message{top:8%;left:20%;right:20%;padding:10px;display:grid;place-items:center}.start-message>strong{font:900 clamp(32px,7vw,72px)/1 Impact,sans-serif;color:var(--gold)}.start-message p{font-size:12px}.result-message{top:4%;padding:10px 6px}.result-heading{display:block;font:900 clamp(28px,5vw,56px)/1 Impact,sans-serif;color:var(--gold);margin-bottom:6px}.result-message .eyebrow{display:block;margin-bottom:4px}.result-winner{display:flex;align-items:center;justify-content:center;gap:12px}.result-winner .portrait{width:48px;height:60px;align-self:center}.result-winner h2{font-size:clamp(16px,2.4vw,28px)}.result-winner p{font-size:12px;margin:4px 0}.round-results{padding:14px 16px;border-top:1px solid var(--line);background:#201c29}.rematch-status{display:grid;gap:7px;font-size:12px;line-height:1.5}.rematch-status>strong{color:var(--gold);font-size:16px}.rematch-status>span{overflow-wrap:anywhere}.rematch-status>span:last-of-type{color:#c3b9ca}.rematch-status p{margin:0}.rematch-status .primary-button{width:auto;justify-self:start;margin:0;font-size:12px}.stats-scroll{overflow-x:auto;margin-top:12px}.round-stats{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.round-stats caption{text-align:left;white-space:normal;color:#c3b9ca;font-size:11px;line-height:1.5;margin-bottom:7px}.round-stats th,.round-stats td{padding:8px;text-align:right;border-top:1px solid var(--line)}.round-stats th:first-child{text-align:left}.next-match-preview{border-bottom:1px solid var(--line);margin-bottom:16px;font-size:12px;line-height:1.5}.next-match-preview p{overflow-wrap:anywhere}@media(max-width:520px){.start-message{left:10%;right:10%}.start-message>strong{font-size:36px}.start-message p{font-size:10px}.result-winner{gap:7px}.result-winner .portrait{width:30px;height:36px}.result-winner p{font-size:10px}.round-results{padding:12px}.round-stats{font-size:11px}.round-stats th,.round-stats td{padding:7px 5px}}.challenge-invitation,.upcoming-challenge{border:1px solid #73532f;background:#2c231c;padding:11px;margin:14px 0;color:#f2d5a5}.challenge-invitation p,.upcoming-challenge p{font-size:10px;line-height:1.6;overflow-wrap:anywhere}.challenge-invitation>div{display:flex;gap:8px}.challenge-invitation button,.coworker-row button{border:1px solid #9a7343;background:#30261e;color:#f4c985;padding:8px;font:700 8px IBM Plex Mono,monospace}.challenge-invitation button{flex:1}.challenge-invitation button:hover:not(:disabled),.coworker-row button:hover:not(:disabled){background:#4b3727}.upcoming-challenge h3{margin:0 0 8px}.upcoming-challenge h3 span,.upcoming-challenge small{color:#d2ae76;font-size:8px}.upcoming-challenge p{margin:4px 0}.coworker-heading{margin-top:22px!important;border-top:1px solid var(--line);padding-top:17px}.coworker-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid #2e2633}.coworker-row>div{min-width:0}.coworker-row b,.coworker-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coworker-row b{font-size:9px;font-weight:500}.coworker-row small{color:#a99bb3;font-size:8px;margin-top:4px}.coworker-row button{flex-shrink:0}.challenge-help{font-size:9px;color:#c9a979;line-height:1.6}.passive-hud{display:block;margin-top:6px;color:#a89bb1;font:7px IBM Plex Mono,monospace;line-height:1.5}.passive-hud.active{color:#ffe28d;text-shadow:0 0 8px #f7a53b88}.passive-info{margin-top:8px!important;color:#c5b7c8!important;line-height:1.6!important}.passive-info b{color:var(--character-accent)}.spectator-stands[data-v-cadd9fe0]{container-type:inline-size;padding:12px 16px;background:#191727;border-top:1px solid #44354c}.stands-heading[data-v-cadd9fe0]{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:space-between;font-size:11px;color:#b7adbf}.spectator-seats[data-v-cadd9fe0]{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;padding-top:20px}.spectator-seat[data-v-cadd9fe0]{min-width:0;position:relative;text-align:center}.spectator-avatar[data-v-cadd9fe0]{position:relative;width:44px;height:44px;margin:auto}.spectator-avatar[data-v-cadd9fe0] .portrait,.spectator-hands[data-v-cadd9fe0]{width:44px;height:44px}.spectator-hands[data-v-cadd9fe0]{position:absolute;inset:0}.spectator-name[data-v-cadd9fe0]{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;color:#ddd4e2}.spectator-reaction[data-v-cadd9fe0]{position:absolute;top:-19px;right:0;font-size:20px}.spectator-overflow[data-v-cadd9fe0],.stands-empty[data-v-cadd9fe0]{grid-column:1 / -1;color:#b7adbf;font-size:12px}@container (max-width: 650px){.spectator-seats[data-v-cadd9fe0]{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:22px}}