#fight-night{box-sizing:border-box;width:min(780px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:clamp(13px,2.5vw,26px);color:#f4f1ea;background:#11151c;border:1px solid #424950;border-radius:18px;overflow:auto;overscroll-behavior:contain;text-align:left;font:500 15px/1.5 system-ui;box-shadow:0 22px 85px #000a}
#fight-night::backdrop{background:#05070cce}#fight-night *{box-sizing:border-box}#fight-night [hidden],.career-transfer [hidden]{display:none!important}
.fn-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid #343b41;padding-bottom:12px;margin-bottom:12px}
#fight-night small,.fn-entrance small{font:750 10px/1.4 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#b9d6cf}
#fight-night h2{font:850 clamp(23px,4vw,36px)/1.05 system-ui;letter-spacing:-.045em;margin:3px 0}
#fn-wallet{margin-left:auto;color:#f1d090;white-space:nowrap;font:750 14px/1 system-ui}#fn-close{font-size:25px!important;min-width:44px}
#fight-night button,.career-transfer button,.fn-door{font:700 13px/1.25 system-ui;min-height:44px;padding:8px 13px;background:#202631;color:#e7e7e4;border:1px solid #424b55;border-radius:9px;cursor:pointer}
#fight-night button:hover:not(:disabled),.fn-door:hover,.career-transfer button:hover{border-color:#b0cfc5}
#fight-night button:focus-visible,#fight-night select:focus-visible,.career-transfer :focus-visible,.fn-door:focus-visible{outline:3px solid #9de6d5;outline-offset:2px}
#fight-night button[aria-pressed=true]{background:#233a39;border-color:#78cfc0;color:#b4f3e4}
#fight-night button.fn-primary{background:#edcf94;border-color:#f2d69e;color:#211a14}
#fight-night button:disabled{opacity:.48;cursor:default}#fn-tabs,.fn-row{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}
#fn-tabs{padding-bottom:10px;border-bottom:1px solid #343b41}#fn-tabs button{flex:1 1 auto}
.fn-cover{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;min-height:177px;border:1px solid #4b5d5e;border-radius:13px;padding:clamp(17px,4vw,30px);background:#171e24 var(--fn-art) center 58% / cover}
.fn-cover::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071419f5,#071419a6 65%,#07141925),linear-gradient(0deg,#081118bf,transparent 75%)}
.fn-cover-copy{position:relative;z-index:2;max-width:72%}#fight-night h3{font:850 clamp(25px,4.8vw,44px)/1.03 system-ui;letter-spacing:-.045em;margin:8px 0;color:#fff4da}
.fn-cover-copy p{margin:0;color:#e2e5e1;font-size:14px}.fn-featured,.fn-trophy img{position:absolute;right:1.5%;bottom:1%;height:94%;width:32%;object-fit:contain;object-position:center bottom;z-index:0}
.fn-trophy img{width:36%;height:82%;bottom:8%;object-position:center}.fn-trophy.unearned img{filter:grayscale(.87);opacity:.64}.fn-trophy .fn-cover-copy,.fn-poster .fn-cover-copy{max-width:63%}
.fn-poster[data-theme=ink]{border-color:#93bed8}.fn-poster[data-theme=ink]::before{background:linear-gradient(100deg,#061b33f4,#103e5eaa 55%,#06162745)}
.fn-muted,.fn-note,#fn-status,.fn-arcade-purse{font:550 13px/1.45 system-ui;color:#bdc7cf;margin:10px 0}
.fn-note,.fn-arcade-purse{padding:10px 13px;border-left:2px solid #ddbf81;background:#1e242b;color:#ead6ae}
#fn-status:empty{display:none}#fn-status{color:#f3cd83}
#fight-night footer{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #343b41;margin:15px 0 0;padding:12px 0 0}
.fn-editor{border-top:1px solid #3e4650;margin:14px 0;padding-top:4px}.fn-field{display:grid;gap:3px;font:700 11px/1.35 system-ui;letter-spacing:.025em;color:#c1cec9}
.fn-field select{width:100%;min-width:0;color:#f4f1ec;background:#212833;border:1px solid #485162;min-height:43px;padding:7px 5px;border-radius:6px;font:650 13px/1.3 system-ui}.fn-editor>.fn-row>.fn-field{flex:1 1 100px}
.fn-slot{display:grid;grid-template-columns:27px minmax(0,1fr) minmax(0,1fr);align-items:end;gap:8px;padding:7px 0;border-top:1px solid #323a44}.fn-slot>b{align-self:center;color:#c8ac77}
#fight-night ol{margin:12px 0;padding:0;list-style:none;display:grid;gap:5px}#fight-night li{display:flex;align-items:center;gap:12px;background:#191f27;border:1px solid #353f48;padding:8px 10px;border-radius:7px;font:650 13px/1.4 system-ui}#fight-night li small{margin-left:auto}
#fight-night li img{width:36px;height:48px;object-fit:contain}#fight-night li[aria-current=step]{border-color:#75bbae}
.fn-entrance{position:absolute;inset:auto 2% 8% 2%;z-index:24;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-inline-start:3px solid var(--light);background:linear-gradient(100deg,#0b141df5 0%,#0b141de8 54%,#112129bb);box-shadow:0 0 22px color-mix(in srgb,var(--light) 20%,transparent);pointer-events:none;color:#fff5df}
.fn-entrance>div{display:grid;gap:2px}.fn-entrance strong{font:800 clamp(16px,2.7vw,27px)/1.1 system-ui}.fn-entrance span{font:600 11px/1.3 system-ui;text-transform:capitalize}.fn-entrance small{color:var(--light)}.fn-entrance button{pointer-events:auto;color:#fff;min-height:44px;border-radius:6px;background:#18242f;border:1px solid #67938b;padding:4px 12px}
#fight-night .fn-listen{position:sticky;bottom:0;margin-top:10px}.fn-door{color:#e7d2a8;border-color:#746347;background:#29251f}
.career-transfer{margin:14px 0;color:#eee9dc;background:#172027;border:1px solid #465653;border-radius:10px;padding:12px;font:550 13px/1.5 system-ui}.career-transfer summary{cursor:pointer;font-weight:780;color:#b8ebdd;min-height:32px}.career-transfer p{margin:7px 0}.career-transfer button{margin:3px}.career-transfer .fn-status{color:#edcf94}
#wk-shop[data-category=gear] #wk-feature{grid-template-rows:auto auto auto}
#wk-shop[data-category=gear] #wk-exhibit{grid-row:1;grid-column:1;height:clamp(195px,32vh,305px)}
#wk-shop[data-category=gear] .wk-feature-copy{grid-row:2;grid-column:1;padding:8px 13px}#wk-shop[data-category=gear] .wk-poses{grid-row:3;grid-column:1}
#wk-shop[data-category=gear] .wk-thumb canvas{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:520px){#fn-tabs{display:grid;grid-template-columns:1fr 1fr}.fn-cover{min-height:155px}.fn-cover-copy{max-width:92%}.fn-cover-copy p{font-size:12px}.fn-trophy .fn-cover-copy,.fn-poster .fn-cover-copy{max-width:61%}.fn-head{gap:6px}#fight-night{width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}}
@media(orientation:landscape) and (max-height:540px){#fight-night{max-height:calc(100dvh - 8px)}.fn-cover{min-height:108px}.fn-cover h3{margin:4px 0}#wk-shop[data-category=gear] #wk-exhibit{height:clamp(140px,35vh,180px)}}
#fight-night .fn-bill li[data-current=true]{border-color:#73bcab;background:#1e2e32}#fight-night .fn-bill li>div{display:grid;gap:1px}#fight-night .fn-bill li>span{margin-left:auto;color:#e9cc88}#fight-night .fn-bill img{object-fit:cover;object-position:center 18%;border-radius:4px}
.fn-currencies{display:grid;justify-items:end;gap:3px;margin-left:auto}#fight-night .fn-currencies small{font-size:9px;letter-spacing:.03em;color:#afb7c4}.fn-trophy.cabinet-owned{border:4px ridge #ad8852;box-shadow:inset 0 0 24px #685a30}.fn-trophy.cabinet-owned img{filter:drop-shadow(0 6px 9px #111b)}.fn-trophy.cabinet-owned.unearned img{filter:grayscale(.87)}
.fn-ambience{position:absolute;inset:0;pointer-events:none;z-index:13;background:radial-gradient(ellipse at 17% 4%,#7af2e04a,transparent 53%),linear-gradient(110deg,#297c7739 4%,transparent 46%);animation:fn-light-up .38s ease-out both}
.fn-ambience[data-entrance=championship-entrance]{background:conic-gradient(from 147deg at 72% -20%,transparent 0deg,#ffd9803e 22deg,#ecca7520 37deg,transparent 57deg),radial-gradient(ellipse at 72% 0%,#ffebad40,transparent 56%)}
.fn-ambience[data-entrance=marquee]{background:radial-gradient(ellipse at 15% 0%,#e8a4c847,transparent 45%),radial-gradient(ellipse at 80% 3%,#ffe49b4a,transparent 53%)}
@keyframes fn-light-up{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.fn-ambience{animation:none}}
.fn-undercard{display:block;margin-top:10px;border-top:1px solid #afac8e6b;padding-top:5px;color:#d3dfdb;font:700 10px/1.55 system-ui;letter-spacing:.055em;text-transform:uppercase}
