@font-face{font-family:Teko;src:url('assets/fonts/Teko-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('assets/fonts/BarlowCondensed-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--display:Teko,Impact,'Arial Narrow',sans-serif;--ui:'Barlow Condensed','Arial Narrow',Arial,sans-serif;--gold:#e5b96b;--pale:#fff0c2;--line:#d0a66050}
body{background:#070b10;font:16px/1.45 var(--ui)}
body:before{background:linear-gradient(#060a10d9,#060a10f5),url('assets/academy.webp') center top/cover fixed;opacity:1}
.topbar{height:106px;border-bottom:2px solid #87632d;position:relative;background:linear-gradient(90deg,transparent,#21303a40,transparent)}
.brand{letter-spacing:0;flex-shrink:0;width:280px;filter:drop-shadow(0 4px 8px #000)}.brand img{display:block;width:100%;height:auto}
.edition{font:700 17px var(--ui);letter-spacing:2px;color:#bea275;text-align:center}
.header-actions{gap:9px}
.header-actions button,.game-toolbar button,.game-bottom>button,.preview-controls button,.secondary-button{position:relative;border:1px solid #8d7549;background:linear-gradient(#354048,#131f29 14%,#09111a 90%,#26313a);box-shadow:inset 0 0 0 2px #080e16,0 3px 0 #020508;color:#ecd29c;font:700 16px var(--ui);letter-spacing:.8px;padding:7px 13px;min-height:39px;text-transform:uppercase;text-shadow:1px 2px #000}
.header-actions button:hover,.game-toolbar button:hover,.preview-controls button:hover,.secondary-button:hover{background:linear-gradient(#5a4f36,#28343b 18%,#131b22);border-color:#ffdc91;color:#fff2c8;box-shadow:inset 0 0 0 2px #080e16,0 0 16px #e6b35c30}
button:active:not(:disabled){filter:brightness(1.3);transform:translateY(1px)}button:focus-visible,select:focus-visible{outline:3px solid #fff0bd;outline-offset:3px}
.selection-heading{margin:13px 0 25px}.eyebrow{font:700 14px var(--ui);letter-spacing:3px;color:#dfb46c}
.selection-heading h1,.fighter-bio h2,.game-overlay h2,dialog h2{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#f5d99c;text-shadow:0 2px #8b6028,0 4px #201307,2px 6px #000;line-height:1}
.selection-heading h1{font-size:58px;margin:8px 0 4px}.selection-heading p{font-size:16px;color:#acb8bc;letter-spacing:.7px}
.selection-layout{gap:32px}.fighter-detail{border:2px solid #9c7a42;padding-inline:26px;background:linear-gradient(135deg,#314349,#111a25 45%,#080e16);box-shadow:inset 0 0 0 4px #090f17,0 0 0 1px #392b17,0 18px 50px #0009;min-height:690px}
.fighter-detail:before{background-image:linear-gradient(0deg,#0b141e 8%,transparent 80%),url('assets/academy.webp');opacity:.7}
.fighter-art{filter:drop-shadow(0 0 22px color-mix(in srgb,var(--fighter-color,#ddbf77),transparent 65%))}
.fighter-number,.fighter-class{font:700 14px var(--ui);color:#f5dfae;letter-spacing:1px;background:#071019cf;border:1px solid #8d774b;padding:5px 8px;top:17px}
.fighter-bio h2{font-size:46px;margin:7px 0}.fighter-bio .era{font:700 14px var(--ui);letter-spacing:1.5px;color:#aab6bb}.fighter-bio .epithet{font:700 16px var(--ui);letter-spacing:1.5px;color:var(--fighter-color,#d8b370);margin-bottom:9px}.fighter-bio p{font:14px/1.6 Arial,sans-serif;color:#b5c1c6;max-width:420px}
.preview-controls{gap:8px;margin:0 0 18px}.preview-controls button{font-size:14px;padding:6px 9px;min-height:34px}
.stat-label{font:700 13px var(--ui);color:#b4c3c7;letter-spacing:1.5px}.stat-bars{gap:4px}.stat-bars i{height:8px;background:#0a151e;border:1px solid #39454c;transform:skew(-15deg)}.stat-bars i.on{border-color:#f9d78b;background:linear-gradient(#f7d991,#a57832);box-shadow:0 0 6px #ffc46530}
.finisher-preview{padding:14px;border:1px solid #876f424d;background:linear-gradient(105deg,#47252766,#09111bcc);margin-top:19px}.finisher-glyph{font-size:35px;color:#efbe68;text-shadow:0 0 15px #c9473380}.finisher-preview small{font:700 12px var(--ui);letter-spacing:2px;color:#c49571}.finisher-preview strong{font:700 26px/1.1 var(--display);text-transform:uppercase;color:#f3d99d;text-shadow:1px 2px #000}
.section-label{font:700 16px var(--ui);letter-spacing:1.5px;padding:8px 11px;background:linear-gradient(90deg,#313329,#101923);border:1px solid #8d75494d;color:#ecd39e;margin-bottom:11px}.section-label span:last-child{color:#a2b4b9}
.roster{gap:8px}.fighter-card{border:2px solid #526069;background:radial-gradient(ellipse at 50% 25%,#3d505e,#0a111b 75%);box-shadow:inset 0 0 0 2px #060c14,0 4px 8px #0008;aspect-ratio:.98}.fighter-card.selected{border:2px solid #ffdd91;background:radial-gradient(ellipse at 50% 25%,#8c6231,#151824 80%);box-shadow:0 0 0 2px #8b622f,0 0 22px #dba94942}.fighter-card.selected:after{inset:4px;border-color:#ffdf9c7a}.fighter-card .name{font:700 16px/1 var(--ui);text-transform:uppercase;letter-spacing:.4px;padding:22px 3px 8px;background:linear-gradient(transparent,#07101af5 48%);text-shadow:1px 2px #000;color:#eee5d2}.fighter-card.selected .name{color:#ffe1a0}.fighter-card .selected-check{font-size:16px;right:6px;top:4px;filter:drop-shadow(0 2px 2px #000)}
label{font:700 14px var(--ui);letter-spacing:1.7px;color:#c4b58f;margin-bottom:7px}.match-config{margin:20px 0 18px;gap:16px}select{font:700 17px var(--ui);border:1px solid #a17c40;color:#eee0c1;background:linear-gradient(#24313c,#0c151f);min-height:45px;box-shadow:inset 0 0 0 3px #080e18;padding:10px 13px}
.arena-options{gap:8px}.arena-option{height:78px;border:2px solid #4c5c64;font:700 15px/1.1 var(--ui);text-transform:uppercase;padding:40px 7px 8px;box-shadow:inset 0 -34px 23px -12px #02060bec;text-shadow:1px 2px 3px #000}.arena-option.selected{border-color:#ffdc8e;box-shadow:inset 0 -4px #ddb86b,inset 0 -36px 25px -12px #000,0 0 13px #dbb46830}
.gold-button{font:700 31px/1 var(--display);letter-spacing:1.5px;min-height:61px;color:#fff0c3;text-shadow:0 2px #553418,0 3px #27170b;background:linear-gradient(#f5d78d 0%,#b38741 7%,#92632e 49%,#624022 51%,#ba8a40 94%,#3d2818 100%);border:2px solid #eed190;box-shadow:inset 0 0 0 3px #503919,0 5px #04070d,0 9px 25px #0009;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
.gold-button:focus-visible{outline:0;box-shadow:inset 0 0 0 5px #fff8d6,0 0 22px #ffe4a1}
#fightBtn{margin-top:20px}#fightBtn span{font:700 22px var(--ui);right:20px}.selection-foot{font:700 13px var(--ui);color:#91a3ae;letter-spacing:.5px;margin-top:14px}footer{font:700 13px var(--ui);color:#8e9ca5;border-color:#7c623430}
.in-match .topbar{height:70px}.in-match .brand{width:193px}.in-match .header-actions button{font-size:14px;min-height:34px}.game-toolbar{padding:8px 0 15px;gap:12px}.game-toolbar button{font:700 16px var(--ui);min-height:40px;padding:8px 15px}.game-toolbar #matchLabel{font:700 18px var(--display);letter-spacing:1.4px;color:#d3c4a4;text-shadow:1px 2px #000}
.game-stage{border:2px solid #bd9856;box-shadow:0 0 0 3px #141e28,0 0 0 4px #715631,0 20px 80px #000c}.game-bottom{background:linear-gradient(#24303980,#0a121bcc);padding:13px;border:1px solid #41505b;font:700 14px var(--ui);margin-top:15px;letter-spacing:.5px}.game-bottom #moveHints{gap:12px}.game-bottom>button{font-size:15px;flex-shrink:0}.game-bottom kbd,kbd{font:700 15px var(--ui);background:linear-gradient(#37424b,#101922);border:1px solid #8f825f;border-bottom:3px solid #514936;min-width:25px;display:inline-block;text-align:center;color:#f6dfae;padding:2px 6px;box-shadow:0 2px 2px #0005;margin-right:4px}
.touch-controls button{font:700 17px var(--display);border:1px solid #a08651;border-bottom:4px solid #504128;background:linear-gradient(#36434c,#141f2b);border-radius:3px;color:#ead5a2;min-height:51px}.touch-controls .finish-touch{background:linear-gradient(#6b3030,#2c1920);color:#ffbd88;border-color:#ba704e}.touch-controls button.pressed{background:#8d6633;box-shadow:inset 0 4px 7px #0008}
.game-overlay{background:radial-gradient(ellipse at 50% 20%,#34382fed,#040911fa 80%)}.overlay-content{padding:34px 20px;border-block:2px solid #b8924b;background:linear-gradient(90deg,transparent,#12212f,transparent);box-shadow:0 18px 50px #0006}.game-overlay h2{font-size:72px;color:#f0d38a;margin:12px 0 16px}.game-overlay p{font:700 18px/1.45 var(--ui);color:#ccd0c9}.game-overlay .gold-button{font-size:28px;min-height:56px;max-width:355px}.game-overlay .secondary-button{font:700 16px var(--ui);margin-top:15px;color:#d3c6a8}.result-stats{gap:15px;padding:0;border:0;margin:12px 0}.result-stats span{min-width:126px;border:1px solid #876c40;background:linear-gradient(#31404a,#0b1420);box-shadow:inset 0 0 0 3px #0b131e;padding:12px 18px;color:#b9c2bb;font:700 13px var(--ui);letter-spacing:1px}.result-stats b{font:700 44px/1 var(--display);color:#f4d38d;text-shadow:1px 3px #000}
.ladder i{font:700 25px var(--display);background:#101c2c;box-shadow:inset 0 0 0 3px #070f19;min-width:38px;padding:5px 13px}.ladder i.done{background:linear-gradient(#8b6b33,#3c2c16);color:#ffe4a4;border-color:#e0b66b}
dialog{border:2px solid #c09754;background:radial-gradient(ellipse at 50% 0,#263d4c,#0a121e 80%);box-shadow:inset 0 0 0 4px #050b13,0 20px 100px #000;padding:34px}dialog h2{font-size:45px;margin-top:8px}dialog h3{font:700 27px var(--display);text-transform:uppercase;color:#f1d49b;letter-spacing:1px;border-bottom:1px solid #896b3c5c;padding-bottom:6px}dialog p{font:14px/1.65 Arial,sans-serif;color:#bfcbd2}.close-dialog{border:1px solid #947b4b;min-width:31px;line-height:30px;background:#0a141f;color:#ffe7b0;top:10px;right:10px}.control-grid div{font:700 17px var(--ui);border-bottom-color:#455661}.moves-table{font:700 17px var(--ui);grid-template-columns:110px 1fr}.moves-table strong{font:700 24px var(--display);text-transform:uppercase;color:#f6d99a}.moves-table small{font:13px/1.6 Arial,sans-serif;color:#b0c0cc}.combo-guide>div{background:linear-gradient(#293b48,#111e2d);border:1px solid #9b7f49;box-shadow:inset 0 0 0 3px #0d1722}.combo-guide strong{font:700 26px var(--display);text-transform:uppercase;color:#edd194}.combo-guide small{font:13px/1.5 Arial,sans-serif;color:#b8c7d2}.help-note{border-color:#d5aa5d;background:#24394d66}
.load-track{height:6px;border:1px solid #a98b55;background:#0c1620}.load-track i{box-shadow:0 0 10px #efbe63}
@media(min-width:1000px) and (max-height:850px){.topbar{height:87px}.brand{width:240px}.selection-heading{margin:5px 0 19px}.selection-heading h1{font-size:46px}.selection-heading p{font-size:14px}.fighter-detail{min-height:665px}.fighter-art-wrap,.fighter-art{height:300px}.in-match #gameScreen{max-width:calc((100vh - 198px)*16/9 + 8vw)}}
@media(max-width:1100px){.edition{display:none}.brand{width:235px}.selection-layout{grid-template-columns:.85fr 1.15fr;gap:22px}.fighter-card .name{font-size:14px}.arena-option{font-size:13px}.fighter-bio h2{font-size:38px}.preview-controls button{font-size:12px;padding:6px}.game-bottom #moveHints{gap:7px}.game-bottom{font-size:12px}}
@media(max-width:760px){.topbar{height:84px;margin-inline:3vw;gap:10px}.brand{width:190px}.header-actions{gap:5px;flex-wrap:wrap;justify-content:flex-end}.header-actions button{font-size:12px;padding:5px 7px;min-height:31px;letter-spacing:0}.selection-heading h1{font-size:44px}.selection-heading .eyebrow{font-size:12px}.selection-heading p{font-size:14px}.selection-layout{grid-template-columns:1fr;gap:24px}.fighter-detail{min-height:0;padding:0 15px 17px}.fighter-art-wrap,.fighter-art{height:255px}.fighter-number{font-size:11px;padding:4px;top:10px}.fighter-bio{padding:19px 0 0 12px}.fighter-bio h2{font-size:37px}.fighter-bio .era{font-size:12px}.fighter-bio .epithet{font-size:13px;letter-spacing:.5px}.fighter-bio p{font-size:12px;margin-bottom:10px;line-height:1.5}.stat-label{font-size:11px}.stats{gap:8px}.finisher-preview{padding:8px;margin-top:11px;gap:8px}.finisher-preview small{font-size:10px;letter-spacing:1px}.finisher-preview strong{font-size:22px}.finisher-glyph{font-size:25px}.preview-controls{margin:4px 0 0;gap:9px}.preview-controls button{font-size:14px;padding:6px 10px}.fighter-card .name{font-size:15px}.roster{gap:7px}.arena-options{grid-template-columns:repeat(3,1fr)}.arena-option{font-size:16px}.selection-foot{font-size:12px}.in-match .topbar{height:61px}.in-match .brand{width:145px}.in-match .header-actions button{font-size:11px;min-height:29px}.game-toolbar{gap:6px;flex-wrap:wrap;padding:5px 0 10px}.game-toolbar #matchLabel{order:-1;flex-basis:100%;font-size:17px;text-align:center;padding-bottom:4px}.game-toolbar button{font-size:14px;min-height:35px;padding:5px 10px}.game-toolbar #backBtn{margin-right:auto}.game-bottom{padding:9px;margin-top:12px;font-size:12px}.game-bottom kbd{font-size:12px;padding:2px 4px;min-width:20px}.game-bottom>button{font-size:13px;padding:7px;min-height:35px}.touch-controls{gap:10px}.touch-controls button{min-width:43px;font-size:16px}.touch-directions{max-width:105px}.touch-attacks{max-width:290px}.game-overlay h2{font-size:57px}.overlay-content{padding:25px 12px}.game-overlay p{font-size:17px}.game-overlay .eyebrow{font-size:13px}.game-overlay .gold-button{font-size:28px;min-height:54px}.game-overlay .secondary-button{font-size:15px}.result-stats{gap:8px}.result-stats span{min-width:95px;padding:10px 12px;font-size:11px}.result-stats b{font-size:38px}dialog{padding:30px 22px}dialog h2{font-size:39px}.moves-table{font-size:15px;grid-template-columns:90px 1fr}.moves-table strong{font-size:23px}.control-grid div{font-size:17px}}
@media(max-width:440px){.brand{width:155px}.header-actions button{font-size:11px;padding:4px 6px;min-height:29px}.fighter-bio h2{font-size:31px}.fighter-bio .epithet{font-size:12px}.fighter-bio p{font-size:11px}.fighter-art-wrap,.fighter-art{height:255px}.fighter-number{font-size:10px}.fighter-card .name{font-size:13px;letter-spacing:0}.fighter-bio .era{font-size:11px}.finisher-preview strong{font-size:20px}.touch-controls button{min-width:37px;min-height:45px;font-size:14px}.touch-directions{max-width:84px}.touch-attacks{max-width:235px;gap:4px}.game-toolbar button{font-size:13px;padding:5px 7px}.game-overlay h2{font-size:49px}.result-stats span{min-width:85px;padding:9px}.result-stats b{font-size:34px}.match-config{gap:10px}select{font-size:15px;padding:10px}.in-match .brand{width:132px}}
@media(max-height:450px){.overlay-content{padding:14px}.game-overlay h2{font-size:43px;margin:6px}.game-overlay p{margin:5px;font-size:15px}.result-stats{margin:6px}.result-stats span{padding:6px}.result-stats b{font-size:31px}.game-overlay .gold-button{margin-top:10px;min-height:42px}.game-overlay .secondary-button{margin-top:8px;min-height:32px}}
.arena-config{margin-top:24px}.arena-config>label{font:700 23px var(--display);letter-spacing:1.2px;color:#efd197;border-bottom:1px solid #8b6e3d66;padding-bottom:8px;margin-bottom:12px}.arena-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.arena-option{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:133px;height:auto;padding:43px 11px 12px;background-position:center;background-size:cover;box-shadow:inset 0 -80px 50px -30px #040911e8}.arena-option strong{font:700 24px/.95 var(--display);text-transform:uppercase;color:#f8ebcd;text-shadow:1px 3px #000;text-align:left}.arena-caption{font:700 12px/1.2 var(--ui);color:#bfccd0;margin-top:5px;text-transform:none;letter-spacing:.3px}.arena-index{position:absolute;left:8px;top:5px;font:700 19px var(--display);color:#e8d6aa;opacity:.8}.arena-picked{position:absolute;right:0;top:0;padding:4px 7px;font:700 10px var(--ui);color:#19150d;background:#e9c375;letter-spacing:.7px;text-shadow:none}.arena-option.selected{box-shadow:inset 0 -4px #e7c175,inset 0 -80px 50px -30px #040911e8,0 0 14px #dca95130}.arena-option:hover{background-size:cover;filter:brightness(1.2)}
@media(min-width:761px){.fighter-detail{position:sticky;top:20px}}
@media(max-width:1050px){.arena-option{padding:40px 8px 12px;min-height:126px}.arena-option strong{font-size:21px}.arena-caption{font-size:11px}}
@media(max-width:760px){.arena-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.arena-option{min-height:142px;padding:55px 12px 13px}.arena-option strong{font-size:28px}.arena-caption{font-size:14px}.arena-picked{font-size:12px}.arena-index{font-size:22px}}
@media(max-width:760px){.header-actions button,.in-match .header-actions button{font-size:14px}.fighter-bio p{font-size:14px}.fighter-bio .epithet{font-size:14px}.fighter-bio .era{font-size:12px}.game-toolbar button{font-size:14px}}