.punchline{color:#f1f1ee;background:#080b11;min-height:100vh;padding:0 4.5vw 24px;font-family:Arial,Helvetica,sans-serif}.punchline *{box-sizing:border-box}.punchline button{cursor:pointer;font-family:inherit}.punchline button:focus-visible,.punchline a:focus-visible{outline-offset:5px;outline:3px solid #6dceff}.mast{border-bottom:1px solid #24282e;justify-content:space-between;align-items:center;height:99px;display:flex}.wordmark{color:#f4f3ea;letter-spacing:4px;flex-direction:column;font-size:13px;font-weight:900;line-height:1.05;text-decoration:none;display:flex}.wordmark>span{letter-spacing:-1.5px;font-size:29px;font-style:italic}.dot{color:#f8cb55}.mast-right{align-items:center;gap:28px;display:flex}.mast-right button,.arena-top button{color:#a4a7ad;letter-spacing:1px;background:0 0;border:0;font-size:10px;font-weight:700}.build-tag{color:#a8a9ad;letter-spacing:1.5px;align-items:center;gap:9px;font-size:10px;display:flex}.build-tag i,.match-footer i{background:#d8bc60;border-radius:50%;width:6px;height:6px;display:inline-block}.selection{max-width:1550px;margin:auto}.selection-heading{justify-content:space-between;align-items:end;margin:47px 0 34px;display:flex}.eyebrow{letter-spacing:2.5px;color:#c5a758;margin:0 0 14px;font-size:10px;font-weight:700}.selection h1{letter-spacing:-4px;margin:0;font-size:clamp(44px,5.7vw,84px);font-weight:900;line-height:.95}.selection h1 em{color:#efc75e;font-style:italic}.intro-copy{border-left:1px solid #3c3728;margin-bottom:4px;padding:4px 0 4px 24px}.intro-copy p{margin:0 0 12px;font-size:20px;font-weight:700}.intro-copy span{color:#858b96;font-size:13px;line-height:1.7}.roster{grid-template-columns:repeat(8,minmax(0,1fr));gap:14px;max-width:1500px;display:grid}.fighter-card{color:#fff;text-align:left;background:#121822;border:1px solid #303641;min-width:0;padding:0;transition:transform .2s,border-color .2s;position:relative}.fighter-card:not(:disabled):hover{border-color:#a7a18d;transform:translateY(-5px)}.fighter-card.selected{border:2px solid #eac35c;box-shadow:0 0 35px #ebc65f12}.portrait{background:#111821;height:clamp(180px,23vw,340px);position:relative;overflow:hidden}.portrait:after{content:"";pointer-events:none;background:linear-gradient(#0000 40%,#101621);position:absolute;inset:0}.portrait img{object-fit:cover;filter:saturate(.65);width:100%;height:100%;transition:filter .2s}.selected .portrait img{filter:saturate()}.portrait img{object-position:center 35%;filter:none}.fighter-card:disabled .portrait img{filter:saturate(.85)}.player-label{z-index:2;color:#141511;letter-spacing:1.5px;background:#edc75f;padding:6px 9px;font-size:9px;position:absolute;bottom:12px;left:12px}.card-info{padding:14px 13px 18px;position:relative}.card-info h2{letter-spacing:-1px;margin:0 0 5px;font-size:25px;font-weight:900}.fighter-card:disabled{cursor:default;opacity:.82}.soon{color:#e5e6e6;letter-spacing:1px;z-index:2;font-size:8px;position:absolute;bottom:12px;left:12px}.launch{background:#11151c;border:1px solid #292e37;justify-content:space-between;align-items:center;margin-top:30px;padding:22px 26px;display:flex}.launch .eyebrow{font-size:9px}.launch p{margin:8px 0 0;font-size:23px;font-weight:900}.launch p>span{color:#777c86;margin:0 12px;font-size:14px}.launch small{color:#767e8b;letter-spacing:1px;margin-left:24px;font-size:9px;font-weight:400;display:inline-block}.primary{color:#161711;letter-spacing:1px;background:#eec65c;border:1px solid #f7d477;padding:20px 30px;font-size:12px;font-weight:900}.primary:hover{background:#ffe19b}.primary span{margin-left:35px}.select-footer,.match-footer{color:#777e89;letter-spacing:1px;justify-content:space-between;gap:20px;margin-top:20px;font-size:9px;display:flex}.select-footer p:last-child{letter-spacing:0;font-size:11px}.arena-top{letter-spacing:1px;color:#949dab;justify-content:space-between;align-items:center;height:65px;font-size:10px;display:flex}.arena-top b{color:#d4b25c;margin:0 12px}.fight-screen{max-width:1450px;margin:auto}.arena{aspect-ratio:1200/650;background:#111827;border:1px solid #30394b;width:100%;position:relative;overflow:hidden}.arena canvas{width:100%;height:100%;display:block}.hud{align-items:start;gap:25px;display:flex;position:absolute;top:4%;left:3%;right:3%}.health{width:43%}.health>div:first-child{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.health b{font-size:clamp(15px,2.1vw,31px);font-style:italic;font-weight:900}.health span{letter-spacing:2px;color:#aeb6c2;font-size:9px}.health-track{background:#060a13;border:1px solid #586278;height:17px;padding:3px;transform:skew(12deg)}.health-track i{background:linear-gradient(90deg,#bb8334,#ffe48d);height:100%;transition:width .1s;display:block}.right>div:first-child{flex-direction:row-reverse}.right .health-track{transform:skew(-12deg)}.right .health-track i{background:linear-gradient(90deg,#b3d7ef,#f4f5fa);margin-left:auto}.timer{text-align:center;color:#edc65c;min-width:65px}.timer b{font-size:clamp(26px,3.5vw,53px);font-weight:900;line-height:1}.timer span{letter-spacing:1px;color:#c0c6d0;margin-top:7px;font-size:8px;display:block}.callout{text-align:center;color:#ffda70;text-shadow:0 3px 25px #000;pointer-events:none;font-size:clamp(22px,4vw,60px);font-style:italic;font-weight:900;position:absolute;top:26%;left:0;right:0}.meters{justify-content:space-between;display:flex;position:absolute;bottom:8%;left:3%;right:3%}.meters>div{color:#b6beca;width:28%}.meters span{letter-spacing:1px;justify-content:space-between;margin-bottom:6px;font-size:9px;font-weight:700;display:flex}.meters>div>div{background:#10151f;border:1px solid #516074;height:10px;padding:2px}.meters i{background:#d3ad4e;height:100%;display:block}.meters .ready{color:#ffdb73;text-shadow:0 0 12px #ffd265}.controls{border-bottom:1px solid #272d37;justify-content:space-between;gap:10px;padding:23px 0;display:flex}.controls>div{align-items:center;gap:8px;display:flex}.controls span{color:#9ba3af;letter-spacing:1px;margin-right:14px;font-size:9px}kbd{color:#e0dcca;background:#161c28;border:1px solid #46505f;border-radius:3px;justify-content:center;align-items:center;min-width:25px;padding:4px 6px;font-size:10px;display:inline-flex}.match-footer p{letter-spacing:.4px;font-size:9px}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#060a15d9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay h2{letter-spacing:-3px;color:#eec65c;margin:0;font-size:clamp(42px,7vw,100px);font-style:italic;font-weight:900}.overlay>p:not(.eyebrow){color:#b0b8c3;margin:12px 0 27px}.text-button{color:#aab0bc;letter-spacing:1px;background:0 0;border:0;margin-top:20px;font-size:10px}.notice{color:#efc75e;font-size:12px}.punchline:fullscreen{overflow:auto}@media (width<=1000px){.punchline{padding:0 24px 20px}.mast-right{gap:15px}.build-tag{display:none}.roster{gap:8px}.card-info{padding:12px 8px}.card-info h2{font-size:21px}.controls{flex-wrap:wrap}.controls span{margin-right:5px}.intro-copy{max-width:240px}.launch small{margin:10px 0 0;display:block}.select-footer,.match-footer{flex-wrap:wrap}}@media (width<=650px){.selection-heading{align-items:start;gap:20px}.selection h1{letter-spacing:-2px}.intro-copy{display:none}.roster{grid-template-columns:repeat(2,1fr)}.portrait{height:210px}.launch{gap:16px;padding:15px}.primary{padding:15px}.primary span{margin-left:10px}.launch p{font-size:18px}.controls{gap:15px}.controls>div{gap:4px}.meters span,.health span{font-size:6px}.hud{gap:10px}.timer{min-width:40px}.mast-right button{font-size:8px}.wordmark>span{font-size:23px}}.voice-setup{border-bottom:1px solid #303641;align-items:center;gap:18px;padding:23px 0;display:flex}.voice-setup>div{flex:1}.voice-setup b{letter-spacing:1.5px;color:#edc65c;font-size:10px}.voice-setup p{color:#c1c5ce;margin:6px 0;font-size:12px}.voice-setup small{color:#777f8c;font-size:10px}.audio-upload,.voice-setup button{color:#edc65c;letter-spacing:1px;cursor:pointer;background:#141820;border:1px solid #5d5337;padding:13px;font-size:9px}.audio-upload input{color:#929ba9;max-width:200px;margin-top:8px;font-size:10px;display:block}.voice-setup button{font-family:inherit}@media (width<=700px){.voice-setup{flex-wrap:wrap}}.move-guide{color:#a5afbd;flex-wrap:wrap;gap:12px 28px;padding:14px 0;font-size:11px;line-height:1.6;display:flex}.move-guide b{color:#edc65c;margin-right:8px}.announcer-picker{border-top:1px solid #282e38;margin-top:38px;padding-top:30px}.announcer-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.announcer-heading h2{letter-spacing:-.7px;margin:0;font-size:24px}.announcer-toggle{color:#bfc6d1;letter-spacing:1px;white-space:nowrap;align-items:center;gap:10px;font-size:10px;font-weight:700;display:flex}.announcer-toggle input{accent-color:#edc65c;width:17px;height:17px}.announcer-options{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.announcer-option{text-align:left;color:#f2f0e7;background:linear-gradient(135deg,#151c27,#0e131c);border:1px solid #303b4c;min-width:0;padding:23px;position:relative;overflow:hidden}.announcer-option.selected{border-color:#edc65c;box-shadow:inset 0 0 0 1px #edc65c,0 0 24px #edc65c0c}.announcer-option:hover{border-color:#c7b16b}.voice-wave{opacity:.85;align-items:center;gap:5px;height:52px;margin-bottom:20px;display:flex}.voice-wave i{background:#edc65c;border-radius:3px;width:4px;display:block}.voice-wave-classic i{background:#e4a788}.voice-wave-cyber i{background:#8ecfe1}.announcer-option small{letter-spacing:2px;color:#b9a36c;font-size:9px}.announcer-option h3{letter-spacing:-.7px;margin:8px 0;font-size:25px}.announcer-option p{color:#a2adbd;margin:0 0 20px;font-size:12px;line-height:1.6}.announcer-option>span{letter-spacing:1.2px;color:#edc65c;font-size:9px;font-weight:700}.announcer-tools{flex-wrap:wrap;align-items:end;gap:24px;padding:24px 0 0;display:flex}.voice-select{flex:1;min-width:200px;max-width:560px}.voice-select,.announcer-volume{letter-spacing:1.5px;color:#a7b1c0;font-size:9px;font-weight:700}.voice-select select{color:#e1e6ed;background:#101621;border:1px solid #3d4655;border-radius:0;width:100%;min-height:44px;margin-top:10px;padding:13px 12px;font-size:12px;display:block}.announcer-volume{min-width:170px}.announcer-volume span{float:right;color:#e4c779;letter-spacing:0}.announcer-volume input{accent-color:#edc65c;width:100%;height:32px;margin-top:12px;display:block}.preview-voice{color:#edc65c;letter-spacing:1px;background:#1c1d1a;border:1px solid #665a36;min-height:44px;padding:14px 24px;font-size:10px;font-weight:700}.preview-voice:hover{background:#2b281b}.punchline button:disabled:not(.fighter-card){opacity:.45;cursor:default}.announcer-picker input:focus-visible,.announcer-picker select:focus-visible{outline-offset:4px;outline:3px solid #6dceff}.announcer-status{color:#d5bd7a;min-height:18px;margin:16px 0 8px;font-size:12px;line-height:1.5}.announcer-note{color:#929eaf;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;font-size:11px;line-height:1.6;display:flex}.announcer-note span:last-child{color:#b7bdc7}@media (width<=700px){.announcer-heading{flex-direction:column;align-items:start}.announcer-options{grid-template-columns:1fr}.announcer-option{min-height:150px;padding:20px 20px 20px 100px}.voice-wave{gap:3px;position:absolute;top:45px;left:22px}.voice-wave i{width:3px}.announcer-option p{margin-bottom:12px}.announcer-tools{gap:16px}.voice-select{flex-basis:100%;max-width:none}.announcer-volume{flex:1}.preview-voice{padding:14px 16px}}.arena-picker{margin-top:36px}.arena-picker-heading h2{letter-spacing:-.7px;margin:0 0 18px;font-size:24px}.arena-options{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.arena-option{text-align:left;color:#f2f0e7;background:#111822;border:1px solid #303b4c;padding:0;overflow:hidden}.arena-option.selected{border:2px solid #edc65c;box-shadow:0 0 20px #edc65c12}.arena-option img{aspect-ratio:360/195;width:100%;height:auto;display:block}.arena-option>div{padding:16px}.arena-option small{color:#bfa55e;letter-spacing:2px;font-size:9px}.arena-option h3{margin:7px 0;font-size:19px}.arena-option p{color:#9ba7b8;margin:0 0 14px;font-size:12px}.arena-option span{color:#edc65c;letter-spacing:1px;font-size:10px;font-weight:700}.arena-option:hover{border-color:#d1bb78}@media (width<=650px){.arena-options{grid-template-columns:1fr}.arena-option{grid-template-columns:40% 60%;align-items:center;display:grid}.arena-option h3{font-size:16px}.arena-option p{font-size:10px}}.opponent-select{color:#a7b1c0;letter-spacing:1.5px;min-width:155px;margin:0 20px;font-size:9px;font-weight:700;display:block}.opponent-select select{color:#ecebe7;background:#101621;border:1px solid #3d4655;width:100%;margin-top:10px;padding:12px;font:700 12px Arial;display:block}.opponent-select select:focus-visible{outline-offset:4px;outline:3px solid #6dceff}.hud-portrait{object-fit:cover;object-position:center 28%;border:1px solid #7c714c;border-radius:3px;width:38px;height:42px;margin-right:8px}.health b{flex:1}.health.right .hud-portrait{margin:0 0 0 8px}.health.right b{text-align:right}@media (width<=850px){.launch{flex-wrap:wrap;gap:18px}.opponent-select{min-width:135px;margin:0}.hud-portrait{width:25px;height:29px}.health span{letter-spacing:.4px}.health>div:first-child{gap:5px}}@media (width<=650px){.health span{max-width:52px}.hud-portrait{display:none}.launch>div{flex-basis:100%}.launch>.primary{margin-left:auto}}.fighter-card .portrait img{width:auto;max-width:none;height:100%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.fighter-card.dna .portrait img{transform:translate(-46%)}.fighter-card.peach .portrait img,.fighter-card.ceo .portrait img{height:96%}.fighter-card.livin .portrait img{height:96%;transform:translate(-54%)}.fighter-card.cristal .portrait img,.fighter-card.tia .portrait img{height:96%}@media (width>=651px) and (width<=1100px){.roster{grid-template-columns:repeat(4,minmax(0,1fr))}}.replay-banner{z-index:3;color:#f6d883;letter-spacing:.1em;background:#101621e8;border:1px solid #eac35c;justify-content:center;align-items:center;gap:12px;width:max-content;max-width:92%;padding:8px 13px;font-size:11px;display:flex;position:absolute;top:22%;left:50%;transform:translate(-50%)}.replay-banner button{color:#15191f;cursor:pointer;background:#eac35c;border:0;padding:7px 10px;font-size:10px;font-weight:800}.move-guide button{border:1px solid #343b48;padding:6px 9px}.lobby-details{color:#b7c1ce;margin:16px 0}.lobby-details summary{cursor:pointer;color:#f1f1ee;width:fit-content;padding:8px 0;font-weight:700}.creator-credit{color:#b7c1ce;margin:2px 0 5px;font-size:12px;line-height:1}.creator-credit span{color:#f1f1ee;margin-left:3px;font:italic 25px Segoe Script,Brush Script MT,Apple Chancery,cursive;display:inline-block;transform:rotate(-6deg)}.selection>.roster{margin-top:24px}.mast:has(.creator-credit){flex-wrap:wrap;gap:12px;height:auto;min-height:99px;padding:14px 0 18px}.mast-brand:has(.creator-credit) .wordmark{letter-spacing:-.055em;font-size:clamp(30px,6vw,68px);line-height:1.05}.lobby-guide{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px;margin-top:8px;display:grid}.lobby-guide section{background:#121820;border:1px solid #303743;border-radius:8px;padding:14px 16px}.lobby-guide h3{color:#f1f1ee;margin:0;font-size:14px}.lobby-guide p{margin:8px 0 0;line-height:1.7}.lobby-guide kbd{color:#fff;white-space:nowrap;background:#222c38;border:1px solid #465365;border-radius:4px;padding:0 5px;display:inline-block}.lobby-guide .guide-highlight{background:#221e15;border-color:#8f742f}.lobby-guide .guide-highlight h3{color:#f9cd62}
