: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}}.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}.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}}@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}.character-copy .special-locked{margin:10px 0 0;color:#c5b8cd;font-size:9px}.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)}}