@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--gold:#f3c360;--cream:#fff4d9;--muted:#ae9884;--accent:#ee6953;--paper:#140e0c}*{box-sizing:border-box}html{background:#100b09;color:var(--cream);font-family:'DM Sans',sans-serif}body{margin:0;background:radial-gradient(ellipse at 50% 0,#372116 0,transparent 70%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}#app{max-width:1440px;padding:0 38px;margin:auto}button:active{transform:translateY(1px)}.topbar{height:85px;display:flex;align-items:center;gap:23px}.venue img{width:174px;display:block;border-radius:2px}.edition{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:2px}.edition small{font-size:8px;color:#968474;letter-spacing:1.2px;border-left:1px solid #79624c;padding-left:17px;margin-left:8px}.live-dot{width:5px;height:5px;background:var(--gold);border-radius:50%;box-shadow:0 0 10px var(--gold)}.icon-button{background:none;font-size:22px;display:flex;align-items:center;gap:8px;color:#d8c7b3;padding:6px}.icon-button span{font-size:9px;letter-spacing:1px}#sound{margin-left:auto}#fullscreen{font-size:26px}.select-scene{position:relative;height:520px;border:1px solid #71502e;background:#28170f url('assets/stage-v4.webp') center 40%/cover no-repeat;overflow:hidden}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0e090ce8 0%,#0e090c28 45%,#0e090cdd 70%,#0e090cf2 100%),linear-gradient(0deg,#130b0d 0,transparent 20%)}.title-lockup{position:absolute;top:35px;left:36px;z-index:2}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2.4px;color:var(--gold);margin:0 0 16px}h1{font:900 110px/.83 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px;margin:0;transform:skew(-5deg);text-shadow:4px 6px 0 #0009}h1 span{color:var(--gold)}.deck{font-size:12px;line-height:1.7;color:#c9af94;margin-top:24px}.hero-character{position:absolute;left:16%;bottom:0;width:43%;height:96%;pointer-events:none}.hero-character img{height:100%;width:100%;object-fit:contain;position:relative;filter:drop-shadow(5px 8px 12px #0009);animation:breathe 3s ease-in-out infinite;transform-origin:50% 92%}.hero-ring{position:absolute;width:72%;height:18%;left:14%;bottom:4%;border:1px solid #f3c36070;border-radius:50%;background:#eca93d16;box-shadow:0 0 70px #f2a62c50}.player-flag{position:absolute;bottom:24px;left:38%;background:#f3c360;color:#20120a;font-size:8px;font-weight:800;letter-spacing:2px;padding:6px 11px;transform:skew(-9deg)}@keyframes breathe{50%{transform:translateY(-3px) scaleY(1.008)}}.fighter-info{position:absolute;right:35px;top:29px;width:29%;z-index:3}.fighter-info>.eyebrow{margin:0 0 3px;color:var(--accent)}.fighter-info h2{font:800 49px/1 'Barlow Condensed';text-transform:uppercase;margin:0;letter-spacing:-.6px}#fighter-style{font-size:8px;letter-spacing:2px;color:#c5aa92;margin:9px 0 15px}.stats{display:flex;gap:22px;margin-bottom:18px}.stat>span{display:block;font-size:7px;letter-spacing:1.4px;color:#a58d79;margin-bottom:6px}.stat i{display:inline-block;width:10px;height:4px;margin-right:3px;background:#5b4030}.stat i.on{background:var(--accent)}.signature{border-top:1px solid #b58e572e;padding-top:13px}.signature>span,.opponent-select>span{font-size:8px;letter-spacing:1.8px;color:#b3997b}.signature h3{font:700 25px 'Barlow Condensed';margin:3px 0 5px;color:var(--gold)}.signature p{font-size:11px;color:#cbb8a5;line-height:1.6;min-height:35px;margin:0}.opponent-select{margin-top:14px}.opponent-select>div{display:flex;align-items:center;justify-content:space-between;background:#0003;border:1px solid #9c784a4d;margin-top:6px;height:34px}.opponent-select b{font-size:10px;letter-spacing:.6px}.opponent-select button{background:none;font-size:25px;color:var(--gold);width:35px}.difficulty{display:flex;gap:0;margin:12px 0}.difficulty button{width:50%;font-size:8px;letter-spacing:1px;background:#21160f;padding:9px;border:1px solid #8a6a3c50;color:#a38d73}.difficulty button.active{color:var(--gold);background:#4e351d;border-color:#d2a858}.gold-button{display:flex;width:100%;justify-content:space-between;align-items:center;padding:17px 21px;background:linear-gradient(115deg,#f8d483,#edb74b);color:#21140b;font-size:11px;letter-spacing:1.5px;font-weight:800;box-shadow:0 4px 0 #855822;transition:filter .2s}.gold-button:hover{filter:brightness(1.12)}.gold-button b{font-size:22px;line-height:.5}.match-rule{font-size:8px;letter-spacing:1px;color:#9e856a;text-align:center;margin:11px 0 0}.roster-heading{display:flex;justify-content:space-between;margin:23px 0 10px;font-size:8px;letter-spacing:1.8px;color:#baa083}.roster-heading span:last-child{color:#746251}.roster{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.comic-card{position:relative;height:112px;overflow:hidden;background:linear-gradient(135deg,#241a17,#17100e);border:1px solid #5c4633;text-align:left;transition:border-color .2s,background .2s}.comic-card.active{border-color:var(--gold);background:linear-gradient(135deg,#5a3b21,#201612);box-shadow:inset 0 -2px var(--gold)}.comic-card img{position:absolute;width:150px;height:150px;object-fit:contain;left:-22px;top:-1px;filter:drop-shadow(4px 1px 5px #0008)}.comic-card .card-copy{position:absolute;left:46%;bottom:19px}.comic-card strong{font:800 27px/.95 'Barlow Condensed';display:block}.comic-card small{font-size:7px;letter-spacing:1px;color:#b39b84;display:block;margin-top:7px}.comic-card .number{position:absolute;right:8px;top:6px;font-size:8px;color:#846b54}.comic-card.active .number{color:var(--gold)}.howto{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0 6px}.howto p{font-size:9px;color:#b5a08b;margin:0;line-height:1.7}.howto b{font-size:8px;letter-spacing:1px;color:var(--gold);display:block}.howto span{display:block;color:#786655;font-size:8px}.howto button{font-size:8px;letter-spacing:1px;color:#c8ae8f;background:none;text-decoration:underline}.topbar,footer{flex-shrink:0}footer{display:flex;justify-content:space-between;gap:10px;padding:20px 0 22px;margin-top:12px;border-top:1px solid #b4925724;font-size:8px;color:#786958;letter-spacing:1.2px}footer b{color:#a38a70;font-weight:500}footer a{color:#d2ac70}#arena{padding-top:3px}#stage-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #765535;box-shadow:0 25px 65px #0007;background:#110b0d}canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;top:0;left:0;width:100%;display:flex;padding:18px 25px 35px;gap:22px;background:linear-gradient(#10090af5 0%,#10090ac9 60%,transparent);pointer-events:none}.fighter-hud{flex:1;min-width:0}.name-line{display:flex;align-items:center;gap:9px;margin-bottom:7px}.name-line>span{font-size:7px;letter-spacing:1px;background:#f4bd5a;color:#231406;padding:3px 4px}.name-line b{font:700 21px 'Barlow Condensed';letter-spacing:.5px}.round-dots{display:flex;gap:5px;margin-left:auto}.round-dots i{width:7px;height:7px;border:1px solid #bb8f52;transform:rotate(45deg)}.round-dots i.won{background:var(--gold);box-shadow:0 0 10px #f7ba57}.health{height:14px;border:1px solid #ecd09a80;background:#241313;position:relative;transform:skew(-12deg);overflow:hidden}.health>div{position:absolute;inset:0;transform-origin:left;will-change:transform}.health-trail{background:#faf0d1}.health-fill{background:linear-gradient(90deg,#c98239,#f2d07f)}.enemy .health-fill{background:linear-gradient(90deg,#f2d07f,#c98239)}.enemy .health>div{transform-origin:right}.enemy .name-line{flex-direction:row-reverse}.enemy .round-dots{margin-left:0;margin-right:auto}.enemy{text-align:right}.meter{height:4px;position:relative;background:#ffffff20;margin-top:6px;overflow:hidden}.meter>div{width:100%;height:100%;transform-origin:left;background:var(--gold)}.enemy .meter>div{transform-origin:right}.fighter-hud small{display:block;font-size:7px;letter-spacing:1.3px;margin-top:5px;color:#e8c376}.clock{text-align:center;flex:0 0 70px}.clock strong{font:800 49px/.9 'Barlow Condensed';color:#ffe1a5;font-variant-numeric:tabular-nums;text-shadow:0 0 15px #ffae3260}.clock span{display:block;font-size:7px;letter-spacing:.8px;margin-top:7px;color:#d6b88c}#round-call{position:absolute;top:38%;width:100%;text-align:center;pointer-events:none;text-shadow:0 4px 0 #4a260c,0 0 45px #000}#round-call small{font-size:11px;letter-spacing:4px;display:block}#round-call strong{display:block;font:900 clamp(48px,8vw,110px)/1.1 'Barlow Condensed';color:#ffda82;transform:skew(-5deg)}#round-call span{display:block;font-size:10px;letter-spacing:3px}#joke-banner{position:absolute;top:21%;left:15%;width:70%;text-align:center;padding:10px 18px 11px;background:linear-gradient(90deg,transparent,#0d090aee 15%,#0d090aee 85%,transparent);pointer-events:none;animation:bannerIn .18s ease-out}#joke-banner b{font:800 24px 'Barlow Condensed';text-transform:uppercase;color:var(--gold);letter-spacing:1px}#joke-banner p{font-size:11px;margin:4px 0 0;line-height:1.4;color:#ffead5}@keyframes bannerIn{from{transform:translateX(-20px);opacity:0}}#combo{position:absolute;top:32%;left:6%;transform:rotate(-6deg);text-shadow:2px 3px 0 #29120c;pointer-events:none}#combo strong{font:900 76px/.8 'Barlow Condensed';color:#ffdd8c}#combo span{display:block;font:800 22px 'Barlow Condensed';color:#fff0d1}#toast{position:absolute;left:0;bottom:14%;width:100%;text-align:center;font-size:10px;letter-spacing:2px;color:#f7d087;pointer-events:none}#pause{position:absolute;top:115px;right:17px;width:33px;height:30px;background:#140d0ab8;border:1px solid #b18c5650;border-radius:3px;color:#edc994}#overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;background:radial-gradient(ellipse,#130c0df0,#130c0dc4);backdrop-filter:blur(5px);z-index:8}#overlay h2{font:900 clamp(40px,7vw,85px)/1 'Barlow Condensed';margin:0 0 12px;color:var(--gold);text-transform:uppercase}#overlay .eyebrow{margin-bottom:13px}#detail{font-size:12px;line-height:1.7;max-width:450px;color:#c5ad95;margin:0 0 10px}#overlay .gold-button{max-width:280px;margin-top:15px}#round-results{display:flex;gap:20px;color:#e6c494;font-size:10px}.text-button{font-size:8px;letter-spacing:1.5px;background:none;color:#ac9178;margin-top:22px;text-decoration:underline}.control-deck{display:flex;justify-content:space-between;align-items:center;padding:22px 35px 13px;background:radial-gradient(at 50% 0,#312016,#100b09 80%);border:1px solid #62472c;border-top:0;user-select:none;touch-action:none}.joystick-zone{display:flex;align-items:center;flex-direction:column;gap:9px}#stick{width:108px;height:108px;border-radius:50%;position:relative;border:1px solid #bca07450;touch-action:none;background:radial-gradient(circle,#221b15 0,#18110e 50%,#48331f 51%,#17110e 53%);box-shadow:0 4px 0 #070504,inset 0 0 15px #000}.dir{position:absolute;color:#bba07870;font-style:normal;font-size:10px;pointer-events:none}.up{left:48px;top:5px}.down{left:48px;bottom:5px}.right{right:7px;top:44px}.left{left:7px;top:44px}#knob{position:absolute;width:51px;height:51px;left:calc(50% - 25.5px);top:calc(50% - 25.5px);border-radius:50%;background:radial-gradient(at 30% 25%,#91775a,#4a3524 48%,#241a12 78%);border:1px solid #c5a77d9c;box-shadow:0 7px 10px #0009;pointer-events:none}.joystick-zone>span{font-size:7px;letter-spacing:1.4px;color:#b19876}.control-note{text-align:center}.control-note b{display:block;font-size:9px;letter-spacing:2px;color:#e0bd84;margin-bottom:8px}.control-note span{font-size:9px;color:#8a745e;line-height:1.8}.action-buttons{display:flex;align-items:center;gap:18px}.action-buttons button{width:74px;height:74px;border-radius:50%;border:2px solid #e9d0a255;box-shadow:0 5px 0 #0a0605,inset 0 2px 2px #fff5,0 8px 14px #0008;touch-action:none;transition:transform .06s,filter .1s}.action-buttons button.pressed{transform:translateY(4px);filter:brightness(1.3);box-shadow:0 1px 0 #0a0605,inset 0 2px 2px #fff5}.action-buttons b{display:block;font:800 30px/.9 'Barlow Condensed'}.action-buttons span{display:block;font-size:7px;letter-spacing:1.5px;margin-top:4px}.attack-a{background:radial-gradient(at 35% 20%,#eb7963,#aa3d2e)}.attack-b{background:radial-gradient(at 35% 20%,#67c0c9,#276d77)}.action-buttons .attack-c{width:85px;height:85px;background:radial-gradient(at 35% 20%,#e7ca83,#a06c2c);color:#291609}.attack-c:not(.ready){filter:saturate(.35) brightness(.7)}.attack-c.ready{box-shadow:0 5px 0 #412c12,0 0 22px #f8ba3d45,inset 0 2px 2px #fff5}.keyboard-legend{text-align:center;color:#67533f;font-size:7px;letter-spacing:1.4px;margin-top:12px}dialog{background:#1b120f;border:1px solid #9e7442;color:#e1cbb3;max-width:540px;padding:35px;line-height:1.7}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font:800 45px 'Barlow Condensed';color:var(--gold);margin:0}dialog p,dialog dd{font-size:12px}dialog dt{font-size:10px;letter-spacing:1px;color:var(--gold);font-weight:700;margin-top:14px}dialog dd{margin:3px 0 0}#close-help{position:absolute;right:15px;top:10px;background:none;font-size:26px}.help-foot{color:#a18770;border-top:1px solid #92704540;padding-top:15px}[hidden]{display:none!important}@media(min-width:1500px){.select-scene{height:540px}.fighter-info{top:46px}.hero-character{left:18%}.title-lockup{top:50px}}
@media(max-width:900px){#app{padding:0 20px}.edition small{display:none}.select-scene{height:450px}.title-lockup{left:24px;top:32px}h1{font-size:83px}.deck{font-size:10px}.hero-character{left:12%;width:50%;height:88%}.fighter-info{right:24px;width:34%;top:23px}.fighter-info h2{font-size:38px}.stats{gap:14px;margin-bottom:13px}.signature h3{font-size:22px}.signature p{font-size:10px}.comic-card .card-copy{left:47%}.comic-card strong{font-size:23px}.comic-card small{font-size:6px}.comic-card img{left:-26px}.roster{gap:8px}.control-note{display:none}.control-deck{padding:18px 24px 12px}.hud{gap:16px;padding:13px 17px 30px}.name-line b{font-size:17px}.clock{flex-basis:52px}.clock strong{font-size:40px}.clock span{font-size:6px}.health{height:12px}#pause{top:95px}}
@media(max-width:600px){#app{padding:0 12px}.topbar{height:62px;gap:12px}.venue img{width:133px}.edition{display:none}.icon-button{font-size:21px;padding:5px}.icon-button span{font-size:7px;letter-spacing:.5px}.select-scene{height:590px;background-position:44% top;background-size:auto 400px;background-repeat:no-repeat;background-color:#160f0b}.scene-shade{background:linear-gradient(0deg,#140d0b 0,#140d0b 45%,transparent 73%),linear-gradient(90deg,#120b0c99,transparent)}.title-lockup{top:22px;left:22px}.title-lockup .eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:11px}h1{font-size:75px}.deck{font-size:9px;margin-top:16px;line-height:1.6}.hero-character{top:-1px;left:30%;width:74%;height:310px}.hero-character img{height:100%}.hero-ring{bottom:0}.player-flag{bottom:4px;left:35%;font-size:7px}.fighter-info{top:306px;left:22px;right:22px;width:auto;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.fighter-info>.eyebrow{grid-column:1/-1;margin-bottom:4px;font-size:7px}.fighter-info h2{font-size:35px;grid-column:1/-1}#fighter-style{font-size:7px;margin:8px 0 13px}.stats{gap:10px;margin:0;justify-content:flex-end;align-items:start;grid-column:2;grid-row:3}.stat>span{font-size:6px}.stat i{width:6px;margin-right:2px}.signature{grid-column:1/-1;padding-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:4px 15px}.signature>span{grid-column:1;font-size:6px;align-self:end}.signature h3{grid-column:1;font-size:20px;line-height:1.05;margin:0}.signature p{grid-column:2;grid-row:1/3;font-size:9px;min-height:0;align-self:center}.opponent-select{margin-top:12px}.opponent-select>span{font-size:6px}.opponent-select>div{height:30px;margin-top:5px}.opponent-select b{font-size:8px}.difficulty{align-self:end;height:30px;margin:0}.difficulty button{font-size:7px;padding:5px}#start{grid-column:1/-1;margin-top:14px;padding:14px 18px;font-size:10px}.match-rule{grid-column:1/-1;font-size:7px;margin:9px 0 0}.roster-heading{margin:18px 0 9px;font-size:7px;letter-spacing:1px}.roster-heading span:last-child{font-size:6px}.roster{gap:6px}.comic-card{height:116px;padding:0}.comic-card img{width:120px;height:120px;left:calc(50% - 60px);top:-10px}.comic-card .card-copy{left:0;width:100%;bottom:0;padding:17px 4px 9px;text-align:center;background:linear-gradient(transparent,#1a110e 42%)}.comic-card strong{font-size:19px}.comic-card small{display:none}.comic-card .number{font-size:6px;right:5px;top:5px}.howto{gap:10px;flex-wrap:wrap;padding-top:13px}.howto p{font-size:8px}.howto b{font-size:7px}.howto p:last-of-type{display:none}.howto span{display:none}.howto button{font-size:7px}footer{font-size:6px;padding:16px 0;letter-spacing:.6px;margin-top:15px}#stage-wrap{aspect-ratio:1.06}.hud{padding:12px 10px 24px;gap:10px}.name-line{gap:5px;margin-bottom:5px}.name-line b{font-size:14px}.name-line>span{font-size:5px;padding:2px}.round-dots{gap:4px}.round-dots i{width:5px;height:5px}.health{height:10px}.clock{flex-basis:38px}.clock strong{font-size:31px}.clock span{font-size:5px;letter-spacing:.1px;margin-top:4px}.fighter-hud small{font-size:5px;letter-spacing:.8px}.meter{margin-top:4px;height:3px}#pause{top:80px;right:9px;width:25px;height:24px;font-size:11px}.control-deck{padding:24px 13px 17px;gap:10px}.joystick-zone{gap:13px}#stick{height:92px;width:92px}.up,.down{left:39px}.right,.left{top:36px}#knob{width:47px;height:47px;left:calc(50% - 23.5px);top:calc(50% - 23.5px)}.joystick-zone>span{font-size:6px;letter-spacing:.6px}.action-buttons{gap:10px}.action-buttons button{width:55px;height:55px}.action-buttons .attack-c{width:63px;height:63px}.action-buttons b{font-size:26px}.action-buttons span{font-size:6px;letter-spacing:1px}.keyboard-legend{display:none}#joke-banner{top:25%;left:4%;width:92%;padding:8px 10px}#joke-banner b{font-size:19px}#joke-banner p{font-size:9px}#round-call{top:42%}#round-call small{font-size:7px;letter-spacing:2px}#round-call strong{font-size:62px}#round-call span{font-size:7px;letter-spacing:2px}#combo{top:34%;left:6%}#combo strong{font-size:52px}#combo span{font-size:16px}#overlay{padding:18px}#overlay h2{font-size:46px}#detail{font-size:10px}#overlay .eyebrow{font-size:8px}#overlay .gold-button{max-width:230px;padding:14px}#round-results{font-size:9px;gap:13px}#toast{font-size:7px}dialog{max-width:calc(100vw - 28px);padding:26px}}
@media(orientation:landscape) and (max-height:560px){body.playing{height:100dvh;overflow:hidden}body.playing #app{padding:0;max-width:none;height:100dvh}body.playing .topbar,body.playing footer{display:none}#arena{height:100%;padding:0}#stage-wrap{height:100%;width:100%;aspect-ratio:auto;border:0}.hud{top:env(safe-area-inset-top);padding:10px max(30px,env(safe-area-inset-right)) 23px;gap:25px}.health{height:10px}.name-line b{font-size:16px}.clock strong{font-size:34px}.clock span{font-size:6px}.control-deck{position:absolute;bottom:0;left:0;width:100%;padding:5px max(26px,env(safe-area-inset-right)) 12px;pointer-events:none;background:linear-gradient(transparent,#100b0955);border:0}.joystick-zone,.action-buttons{pointer-events:auto}.joystick-zone{gap:5px}.joystick-zone>span{font-size:6px}.control-note,.keyboard-legend{display:none}#stick{width:88px;height:88px;background:#17100ab0}.up,.down{left:37px}.right,.left{top:34px}.action-buttons button{width:53px;height:53px;opacity:.93}.action-buttons .attack-c{width:61px;height:61px}.action-buttons{gap:13px}.action-buttons b{font-size:25px}.action-buttons span{font-size:6px}#pause{top:80px;right:10px;width:24px;height:24px;font-size:11px}#joke-banner{top:25%;left:15%;width:70%;padding:4px 10px}#joke-banner b{font-size:20px}#joke-banner p{font-size:10px}#combo{top:32%;left:7%}#round-call strong{font-size:80px}#overlay h2{font-size:52px}#overlay .gold-button{padding:12px}#detail{font-size:10px}#overlay .eyebrow{margin-bottom:7px}.text-button{margin-top:17px}}
@media(prefers-reduced-motion:reduce){.hero-character img{animation:none}}

#arena-sound{position:absolute;top:152px;right:17px;width:33px;height:30px;background:#140d0ab8;border:1px solid #b18c5650;border-radius:3px;color:#edc994;font-size:20px}#round-call.entrance strong{font-size:clamp(32px,6vw,78px);margin:10px 0}#round-call.countdown strong{font-size:clamp(80px,11vw,150px);color:#ffdc78}#finish-banner{position:absolute;left:8%;top:20%;width:84%;text-align:center;pointer-events:none;text-shadow:0 3px 0 #35160c,0 0 30px #000;animation:bannerIn .3s ease-out}#finish-banner small{display:block;font-size:11px;letter-spacing:3px;color:#ffedc1}#finish-banner strong{display:block;font:900 clamp(30px,5.5vw,70px)/1.1 'Barlow Condensed';color:#ffd06d;transform:skew(-5deg);margin:6px 0}#finish-banner span{display:block;font-size:12px;color:#ffe8bc}#round-call.entrance small{letter-spacing:3px}.clock:has(strong:first-child){min-width:38px}
@media(max-width:900px){#arena-sound{top:131px}}@media(max-width:600px){#arena-sound{top:109px;right:9px;width:25px;height:24px;font-size:16px}#round-call.entrance{top:37%}#round-call.entrance strong{font-size:35px}#round-call.entrance small{font-size:7px;letter-spacing:1.5px}#finish-banner{top:24%;left:3%;width:94%}#finish-banner small{font-size:7px;letter-spacing:2px}#finish-banner strong{font-size:36px}#finish-banner span{font-size:9px}.fighter-hud small{font-size:6px}}@media(orientation:landscape) and (max-height:560px){#arena-sound{top:109px;right:10px;width:24px;height:24px;font-size:16px}#finish-banner{top:22%}#finish-banner strong{font-size:38px}#finish-banner small{font-size:8px}#finish-banner span{font-size:10px}#round-call.entrance strong{font-size:48px}#round-call.countdown strong{font-size:95px}}
#finish-banner{padding:10px 18px 14px;background:radial-gradient(ellipse,#10080bea 0,#10080bc0 48%,transparent 73%)}
/* Fight Night story edition */
.select-scene{height:590px}.hero-character{height:92%;bottom:0}.fighter-info{top:30px}.mode-select{display:flex;margin:14px 0 9px;border:1px solid #c59b5555}.mode-select button{width:50%;padding:10px 5px;font-size:9px;letter-spacing:1px;background:#130d0bc9;color:#ae947c}.mode-select button.active{background:#edbf63;color:#24160c;font-weight:800}.story-preview{font-size:10px;line-height:1.65;color:#cfb598;min-height:33px;margin:0 0 10px}#resume-story{width:100%;margin:15px 0 0;color:#e6c18a;font-size:8px}.match-rule{letter-spacing:.5px}.difficulty{margin:11px 0}.opponent-select{margin-top:8px}.roster-heading{margin-top:20px}
#story{position:relative;isolation:isolate;overflow:hidden;border:1px solid #795737;min-height:670px;padding:36px 28px 22px;background:#110b0b}.story-backdrop{position:absolute;inset:0;z-index:-1;background:linear-gradient(#10090ac9,#10090aad 45%,#10090af5),url('assets/stage-v4.webp') center/cover}.story-content{position:relative;max-width:750px;margin:auto;text-align:center}.story-content>.eyebrow{font-size:10px;margin-bottom:8px}.story-content h2{font:900 clamp(45px,6vw,76px)/1 'Barlow Condensed';text-transform:uppercase;color:#ffd47a;margin:0;text-shadow:0 5px 15px #000}.story-tag{font-size:8px;letter-spacing:3px;color:#c6a77f;margin:13px 0 0}.story-matchup{height:205px;display:flex;justify-content:center;align-items:center;gap:30px;margin:4px 0 0}.story-matchup figure{margin:0;position:relative;width:200px;height:100%}.story-matchup img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 15px #0009)}.story-matchup figure:last-child img{transform:scaleX(-1)}.story-matchup figcaption{position:absolute;bottom:0;left:0;right:0;font:800 24px 'Barlow Condensed';text-transform:uppercase;text-shadow:0 3px 5px #000;background:linear-gradient(transparent,#170e0ceb 70%);padding-top:18px}.versus{font:900 58px 'Barlow Condensed';font-style:italic;color:#c79949;text-shadow:2px 2px #633c20}.versus small{display:block;font:600 9px 'DM Sans';font-style:normal;letter-spacing:1px;color:#e1c293}.story-content blockquote{color:#f9dba5;font:700 20px 'Barlow Condensed';letter-spacing:.3px;margin:17px 0 8px}#story-copy{max-width:570px;margin:0 auto;font-size:12px;line-height:1.75;color:#d0b8a3}.story-route{display:flex;justify-content:center;gap:50px;position:relative;margin:18px auto 0;max-width:370px}.story-route:before{content:'';height:1px;background:#986a3d;position:absolute;top:24px;left:35px;right:35px;z-index:-1}.route-node{display:grid;justify-items:center;gap:3px;min-width:65px}.route-node img{width:49px;height:49px;border:1px solid #9d764e;border-radius:50%;background:#2b1c17;object-fit:cover;filter:grayscale(.9);opacity:.65}.route-node span{font-size:7px;letter-spacing:1px;color:#937a5e}.route-node b{font:700 16px 'Barlow Condensed';color:#b59a7c}.route-node.current img{filter:none;opacity:1;border:2px solid #f0c46b;box-shadow:0 0 15px #e5ae3b33}.route-node.current b,.route-node.current span{color:#f3c56e}.route-node.cleared img{filter:none;opacity:.7;border-color:#8fae89}.route-node.cleared span{color:#accda5}.story-tip{font-size:10px;line-height:1.7;color:#bda487;margin:15px auto;max-width:580px}#story-play{max-width:330px;margin:auto}.story-content>.text-button{margin-top:19px}.fiction-label{font-size:8px;color:#907660;margin:18px 0 0}.story-finale .story-matchup{height:225px}.story-finale .story-matchup figure:first-child{width:240px}.story-finale .story-matchup figure:last-child,.story-finale .versus{display:none}.story-venue{max-width:430px;margin:20px auto 0}
.heat-hud{position:absolute;left:25px;top:112px;display:flex;align-items:center;gap:8px;color:#d5b181;font-size:7px;letter-spacing:1px;pointer-events:none}.heat-hud>div{height:5px;width:110px;background:#160d0d;border:1px solid #ad794b77}.heat-hud i{display:block;width:100%;height:100%;background:#dc895c;transform-origin:left;transform:scaleX(0)}.heat-hud b{font-size:8px;font-weight:500}.heat-hud.on-fire{color:#ffcf55;text-shadow:0 0 10px #ffbd4a}.heat-hud.on-fire i{background:#ffcf55;box-shadow:0 0 9px #ffbd4a}#chapter-strip{position:absolute;bottom:11px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:2px;color:#caa57a;white-space:nowrap;margin:0;text-shadow:0 2px 5px #000}#banter{position:absolute;top:25%;left:50%;transform:translateX(-50%);max-width:70%;width:max-content;text-align:center;background:#140d0deb;border:1px solid #ae845155;padding:10px 16px;pointer-events:none;box-shadow:0 5px 15px #0005}#banter:after{content:'';position:absolute;bottom:-8px;left:48%;border:8px solid transparent;border-top-color:#140d0deb;border-bottom:0}#banter b{font-size:8px;letter-spacing:2px;display:block;margin-bottom:4px}#banter span{font-size:12px;color:#f5e1c7}.attack-cluster{display:flex;flex-direction:column;align-items:flex-end;gap:14px;pointer-events:auto}#taunt-button{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:155px;min-height:35px;padding:8px 14px;background:#36231b;border:1px solid #ba8b4f9c;border-radius:4px;color:#f3cb83}#taunt-button span{font-size:10px;letter-spacing:1px;font-weight:800}#taunt-button small{font-size:7px;color:#bca389;letter-spacing:.6px}#taunt-button.cooling{border-color:#77604c55;color:#9c846c;background:#211710}.control-deck{padding-top:18px}.keyboard-legend{color:#9d8369}.venue-break{margin-top:18px;padding-top:14px;border-top:1px solid #b58a4a38;max-width:430px;width:100%}.venue-break>p{font-size:8px;color:#c6a784;letter-spacing:1.5px;margin:0 0 10px}.venue-actions{display:flex;justify-content:center;gap:10px;width:100%}.venue-actions>a,.venue-actions>button{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #c69a565c;background:#2b1d16c9;padding:12px 14px;color:#e9c992;flex:1;font-size:9px;font-weight:700;letter-spacing:.6px;min-height:42px}.venue-actions>a{border-color:#d2a35c;background:#49311b;color:#ffdda0}.venue-actions span{font-size:15px}.venue-actions>a:hover,.venue-actions>button:hover{background:#634421}.venue-break>small{font-size:8px;color:#a48e79;display:block;margin-top:9px}#overlay{overflow-y:auto;padding:25px 25px 20px}#overlay h2{font-size:clamp(36px,5.5vw,70px);margin-bottom:9px}#overlay>.gold-button{margin-top:13px}#choose{margin-top:17px}#overlay .eyebrow{margin-bottom:10px}#detail{max-width:470px}.playing:has(#overlay:not([hidden])) .control-deck{pointer-events:none}.playing:has(#overlay:not([hidden])) .control-deck button,.playing:has(#overlay:not([hidden])) #stick{pointer-events:none}
#shows-dialog{width:490px;max-width:calc(100vw - 28px);padding:32px}#shows-dialog h2{font-size:48px;line-height:1;margin:0 0 18px}#close-shows{position:absolute;right:12px;top:8px;background:transparent;font-size:28px;min-width:36px;min-height:36px}.address{font-size:11px;color:#ac9178}.show-card{background:#281b15;border:1px solid #a67d4c55;padding:20px;margin:22px 0}.show-date{font-size:9px;letter-spacing:1px;color:#eec479}.show-card h3{font:800 30px 'Barlow Condensed';margin:7px 0}.show-card p{font-size:11px;color:#bda58e;line-height:1.6}.show-card a{font-size:10px;letter-spacing:.6px;color:#f2c675;display:inline-block;min-height:30px;padding-top:7px}.show-note{font-size:10px!important;color:#a98c73;margin-top:17px}.show-note+.text-button{display:block;margin:20px auto 0}.gold-button{min-height:44px}#shows-dialog .gold-button{font-size:9px;letter-spacing:.8px}
@media(min-width:1500px){.select-scene{height:600px}.fighter-info{top:32px}}
@media(max-width:900px){.select-scene{height:565px}.fighter-info{top:24px}.heat-hud{top:94px;left:17px}.heat-hud>div{width:80px}#story{padding:30px 24px 20px}#overlay h2{font-size:49px}#overlay{padding:18px}#overlay .eyebrow{font-size:8px}#overlay .gold-button{padding:12px 17px}.venue-break{margin-top:12px;padding-top:10px}.venue-break>p{font-size:7px}.venue-actions>a,.venue-actions>button{padding:10px 12px;font-size:8px}.venue-break>small{font-size:7px}#choose{margin-top:13px}}
@media(max-width:600px){
 .select-scene{height:680px}.hero-character{height:310px;top:-1px;bottom:auto}.fighter-info{top:306px}.mode-select{grid-column:1/-1;margin:13px 0 7px}.mode-select button{padding:10px 5px;font-size:8px}.story-preview{grid-column:1/-1;font-size:10px;min-height:0;margin:0 0 3px}.opponent-select{grid-column:1/-1;margin:2px 0 5px}.opponent-select>span{display:none}.opponent-select>div{height:33px}.opponent-select b{font-size:10px}.difficulty{grid-column:1/-1;margin:8px 0 0;height:30px}.difficulty button{font-size:8px}#resume-story{grid-column:1/-1;margin-top:14px;font-size:8px}#start{margin-top:13px;padding:15px 18px}.story-tag{font-size:7px;letter-spacing:1.3px}#story{padding:24px 16px 18px;min-height:0}.story-content>.eyebrow{font-size:8px;letter-spacing:1.5px;line-height:1.5;margin-bottom:10px}.story-content h2{font-size:45px}.story-matchup{height:155px;gap:0;margin-top:10px}.story-matchup figure{width:140px;min-width:0}.story-matchup figcaption{font-size:21px}.versus{font-size:37px;flex-shrink:0;width:40px}.versus small{font-size:7px;letter-spacing:0}.story-content blockquote{font-size:18px;margin-top:15px}#story-copy{font-size:11px;line-height:1.7}.story-route{margin-top:17px;gap:35px}.route-node img{width:43px;height:43px}.route-node b{font-size:16px}.story-tip{font-size:9px;margin:13px auto 15px}#story-play{padding:16px 18px;font-size:10px}.fiction-label{font-size:7px}.story-finale .story-matchup{height:190px}
 #stage-wrap{aspect-ratio:.88}.heat-hud{top:85px;left:11px;gap:6px;font-size:6px;letter-spacing:.7px}.heat-hud>div{width:64px}.heat-hud b{font-size:7px}#chapter-strip{bottom:9px;font-size:6px;letter-spacing:1px}#banter{top:29%;max-width:88%;padding:8px 10px}#banter span{font-size:10px}#banter b{font-size:7px}#joke-banner{top:29%}.attack-cluster{gap:12px}#taunt-button{min-height:33px;min-width:154px;padding:8px 10px}#taunt-button span{font-size:9px}#taunt-button small{font-size:6px}.control-deck{padding:15px 10px 17px;gap:6px}.joystick-zone{padding-top:30px;gap:10px}.action-buttons{gap:9px}.action-buttons button{width:54px;height:54px}.action-buttons .attack-c{width:61px;height:61px}#stick{width:88px;height:88px}.up,.down{left:37px}.right,.left{top:34px}.joystick-zone>span{font-size:5px}
 #overlay{padding:16px 14px;justify-content:center}#overlay h2{font-size:38px;margin-bottom:7px}#overlay .eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:8px}#detail{font-size:10px;line-height:1.6;margin-bottom:9px}#round-results{font-size:9px}#overlay>.gold-button{padding:13px;max-width:270px;font-size:10px;margin-top:12px}.venue-break{margin-top:15px;padding-top:12px}.venue-break>p{font-size:6px;letter-spacing:1px;margin-bottom:8px}.venue-actions{gap:7px}.venue-actions>a,.venue-actions>button{font-size:8px;padding:10px;min-height:42px;letter-spacing:.2px}.venue-actions span{font-size:13px}.venue-break>small{font-size:7px;margin-top:8px}#choose{font-size:7px;margin-top:15px}#shows-dialog{padding:29px 22px}#shows-dialog h2{font-size:42px}
}
@media(orientation:landscape) and (max-height:560px){
 .attack-cluster{gap:7px}.control-deck{padding:5px max(26px,env(safe-area-inset-right)) 12px}.joystick-zone{padding-top:0}#taunt-button{min-height:30px;padding:7px 10px;min-width:145px;background:#2b1b14cf}#taunt-button span{font-size:8px}#taunt-button small{font-size:6px}.heat-hud{top:82px;left:max(30px,env(safe-area-inset-left));font-size:6px}.heat-hud>div{width:75px}#chapter-strip{bottom:9px;font-size:6px;letter-spacing:1px}#banter{top:28%;max-width:65%;padding:7px 13px}#banter span{font-size:10px}#overlay{padding:13px max(120px,18vw);justify-content:center}#overlay h2{font-size:38px;white-space:nowrap;margin-bottom:7px}#detail{font-size:10px;line-height:1.5;margin-bottom:7px}#overlay .eyebrow{font-size:7px;margin-bottom:7px}#overlay>.gold-button{max-width:270px;min-height:38px;margin-top:10px;padding:10px 14px;font-size:9px}#round-results{font-size:8px}.venue-break{margin-top:10px;padding-top:9px}.venue-break>p{font-size:6px;margin-bottom:7px}.venue-actions>a,.venue-actions>button{min-height:35px;padding:7px 11px;font-size:8px}.venue-break>small{font-size:6px;margin-top:6px}#choose{font-size:7px;margin-top:10px}#story{min-height:0}.story-content h2{font-size:48px}.story-matchup{height:170px}.story-content blockquote{margin-top:12px}.story-route{margin-top:12px}
}
@media(max-width:350px){.action-buttons{gap:6px}.action-buttons button{width:47px;height:47px}.action-buttons .attack-c{width:54px;height:54px}.select-scene{height:742px}.fighter-info{left:16px;right:16px}#overlay h2{font-size:32px}.venue-actions>a,.venue-actions>button{font-size:7px;padding:8px}.joystick-zone>span{font-size:5px}}

.voice-preview{background:#21150dd9;border:1px solid #b88d4d7a;color:#f1c77e;font-size:8px;letter-spacing:1px;padding:11px 14px;margin-top:7px;min-height:36px}.voice-preview:hover{background:#4b301c}.voice-preview:disabled{opacity:.5}
@media(max-width:600px){.voice-preview{font-size:8px;letter-spacing:.6px;padding:9px 10px;min-height:36px;margin-top:0;width:145px;max-width:145px}.title-lockup .deck{margin-bottom:10px}}

/* Short audience captions stay clear of the fighters and touch controls. */
#crowd-callout{position:absolute;bottom:7%;left:50%;transform:translateX(-50%);width:max-content;max-width:70%;padding:9px 15px;border-left:2px solid #d3a56a;background:#110d11df;box-shadow:0 3px 16px #0005;pointer-events:none;text-align:center;border-radius:3px}#crowd-callout b{display:block;font-size:8px;letter-spacing:1.7px;color:#d8ad77;margin-bottom:3px}#crowd-callout span{font-size:13px;color:#fff0d9}#crowd-callout[data-speaker="fan"]{border-color:#eb95b1}#crowd-callout[data-speaker="fan"] b{color:#f3a8c0}
@media(max-width:600px){#crowd-callout{bottom:7%;max-width:84%;padding:7px 9px}#crowd-callout b{font-size:6px;letter-spacing:1px}#crowd-callout span{font-size:10px}}
@media(orientation:landscape) and (max-height:560px){#crowd-callout{bottom:8%;max-width:45%;padding:6px 10px}#crowd-callout b{font-size:6px}#crowd-callout span{font-size:11px}}

.voice-previews{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.voice-previews .voice-preview{margin-top:0}