@font-face{font-family:Arena;src:local('Bahnschrift')}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#101717;color:#eeeade;font-family:Arena,'Malgun Gothic',system-ui,sans-serif}body{height:100vh;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #e4bb70;outline-offset:3px}button{transition:background .18s,transform .18s}button:hover:not(:disabled){filter:brightness(1.12)}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;display:block}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,15,17,.84),transparent 42%,transparent 65%,rgba(8,15,17,.40)),linear-gradient(0deg,#101717 0%,transparent 33%,transparent 78%,rgba(8,15,17,.8))}body.in-battle .vignette{background:linear-gradient(0deg,rgba(8,15,17,.8),transparent 20%,transparent 74%,rgba(8,15,17,.85))}header{position:fixed;top:0;left:0;right:0;height:96px;padding:25px 42px;display:flex;align-items:center;justify-content:space-between;z-index:10;border-bottom:1px solid #ede6cb12}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:#e9ddc2;font-size:17px;font-weight:700;letter-spacing:3px}.brand-sub{display:block;font-size:10px;letter-spacing:4px;margin-top:4px;color:#af9570}.crest{display:grid;place-items:center;border:1px solid #bf995f;width:39px;height:43px;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);font:900 29px Georgia;color:#d6b06e;background:#b28b4820}.top-right{display:flex;gap:19px;align-items:center}.edition{font-size:10px;letter-spacing:2px;color:#c2c3b4}.connection{font-size:11px;color:#a0b5a7;display:flex;align-items:center;gap:7px}.connection:before,.live-dot{content:'';width:5px;height:5px;background:#9cc295;border-radius:50%;display:inline-block}.connection.offline{color:#ef9e88}.connection.offline:before{background:#ef9e88}.icon-button{border:1px solid #ead6b426;background:#0e1b1b66;color:#c9c5b7;width:32px;height:32px;font-size:19px}.intro{position:absolute;left:4%;top:19%;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:3px;color:#bfa26a;display:flex;gap:11px;align-items:center}.eyebrow span{width:25px;height:1px;background:#c7a268}h1{font-size:clamp(31px,3.7vw,56px);font-weight:700;line-height:1.34;letter-spacing:-2px;margin:23px 0 19px}h1 em{font-style:normal;color:#d4b076}.intro p{font-size:13px;line-height:1.9;color:#b3b9b2;margin:0}.feature-row{display:flex;align-items:center;gap:13px;font-size:8px;letter-spacing:1.4px;color:#b0b0a0;margin-top:27px}.feature-row i{height:3px;width:3px;background:#b9a278}.play-panel{position:absolute;right:3%;top:15%;width:305px;background:linear-gradient(140deg,#152324ee,#101918f2);border:1px solid #d6bd8a30;padding:23px 23px 16px;box-shadow:0 10px 50px #0004;backdrop-filter:blur(14px)}.panel-top{display:flex;align-items:center;justify-content:space-between}.tiny-label{font-size:9px;letter-spacing:2px;color:#bd9c65}.family{font-size:10px;color:#a9bbb0}.fighter-heading{display:flex;align-items:center;gap:12px;margin:17px 0}.fighter-heading img{width:55px;height:55px;object-fit:contain}.fighter-heading h2{font-size:25px;margin:5px 0 0;letter-spacing:-1px}.fighter-heading .tiny-label{letter-spacing:1px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 10px}.stat small{display:block;color:#8a9c93;font-size:9px;margin-bottom:6px}.stat strong{font-size:13px;font-weight:500;color:#e4d9bf}.stat-line{height:3px;background:#71857828;margin-top:7px}.stat-line i{display:block;height:100%;background:#b59967}.style-note{font-size:10px;color:#adb9ad;margin:13px 0 20px;padding-bottom:16px;border-bottom:1px solid #d3c3931c}.input-label{display:block;font-size:10px;color:#a7b4a9;margin-bottom:7px}input,select{background:#0a141480;border:1px solid #c6b58730;color:#e4dfd3;border-radius:0;outline:none}input{padding:10px 12px;height:38px;width:100%;font-size:12px}input::placeholder{color:#77877e}.primary{width:100%;display:flex;justify-content:space-between;align-items:center;background:#c5a16a;color:#17211d;border:1px solid #e0bd7e;padding:12px 14px;font-size:12px;font-weight:700;margin-top:13px}.secondary{background:#21333080;border:1px solid #b99f6e4d;color:#d0c4a8;padding:10px 15px;font-size:12px}.join-row{display:flex;gap:8px;margin-top:10px}.join-row input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:2px}.join-row button{width:64px;padding:0}.practice-row{display:flex;align-items:center;gap:6px;margin-top:17px;flex-wrap:wrap}.practice-row label{font-size:9px;color:#8fa295}.practice-row select{flex:1;width:90px;font-size:10px;padding:5px}.text-button{background:none;border:0;color:#c3a774;padding:8px 0;font-size:11px}.practice-row .text-button{margin-left:auto}.panel-foot{font-size:9px;color:#7f9889;display:flex;align-items:center;gap:7px;border-top:1px solid #d3c39318;padding-top:13px;margin-top:12px}.panel-foot .live-dot{width:4px;height:4px}.roster-section{position:absolute;bottom:64px;left:4%;right:4%;z-index:3}.roster-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14px}.roster-top>div{display:flex;flex-direction:column;gap:7px}.roster-title{font-size:16px;letter-spacing:-.5px}.roster-title small{font-size:11px;color:#af9465;margin-left:8px}.roster-hint{color:#869c8e;font-size:10px}.roster{display:grid;grid-template-columns:repeat(25,minmax(0,1fr));gap:5px}.monster-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:8px 3px 7px;background:#142421d9;border:1px solid #c6b58723;color:#a8b3a4;transition:.18s;height:83px}.monster-card:hover{background:#344235;transform:translateY(-4px)!important}.monster-card.selected{background:#c09f6533;border-color:#d1b079;color:#e4d5b7;box-shadow:inset 0 -2px #d1b079}.monster-card img{width:100%;max-width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 3px 4px #0009)}.monster-card span{font-size:8px;letter-spacing:-.5px;white-space:nowrap;margin-top:6px}.monster-card .number{position:absolute;top:4px;left:5px;font-size:7px;color:#6c8676}.monster-card.selected .number{color:#cbb17e}.lobby-foot{position:absolute;bottom:26px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;color:#7f9283;font-size:9px;letter-spacing:.4px}.lobby-foot>span:last-child{font-size:8px;letter-spacing:1.4px}.modal-backdrop{position:fixed;inset:0;z-index:30;background:#061211ad;backdrop-filter:blur(9px);display:grid;place-items:center}.modal{width:min(440px,92vw);padding:36px;text-align:center;border:1px solid #c8ab7255;background:linear-gradient(130deg,#1c302b,#111e1b);box-shadow:0 20px 70px #0008}.modal h2{font-size:25px;letter-spacing:-.8px;margin:22px 0 17px}.modal p{font-size:12px;line-height:1.9;color:#a7b5a7}.modal .primary{justify-content:center}.modal .text-button{margin-top:16px}.invite-code{font-size:45px;letter-spacing:10px;color:#dec18a;padding:17px 0 22px;font-weight:700}.modal .subtle{font-size:10px;color:#7b9283}.loading{position:fixed;left:50%;bottom:28%;transform:translateX(-50%);background:#12241be8;border:1px solid #ba9a593d;padding:13px 20px;display:flex;gap:12px;align-items:center;z-index:40;color:#d7c79f;font-size:12px;pointer-events:none}.spinner{width:16px;height:16px;border:1px solid #dfc1833d;border-top-color:#dfc183;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;bottom:21px;left:50%;transform:translateX(-50%);background:#203d31;border:1px solid #b69a68;padding:13px 22px;font-size:12px;color:#f2dfb3;z-index:100;max-width:90vw}.battle-hud{position:fixed;top:113px;left:4%;right:4%;display:flex;align-items:flex-start;gap:35px}.fighter-hud{flex:1;min-width:0}.hud-title{display:flex;gap:11px;align-items:center;height:53px}.hud-title img{width:46px;height:46px;object-fit:contain}.hud-title h2{font-size:23px;margin:0 0 5px}.hud-title span{color:#a5b9aa;font-size:10px}.hud-title .wins{margin-left:auto;color:#d7b376;font-size:18px;letter-spacing:8px}.health{height:19px;background:#1b2a24cc;border:1px solid #b4c0a35e;position:relative;margin-top:7px}.health i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#849e68,#c4c18a);transition:width .1s}.health span{position:absolute;inset:0;text-align:center;font-size:9px;line-height:17px;color:#f5f6d6;text-shadow:0 1px 2px #000}.fighter-hud.right .health i{margin-left:auto;background:linear-gradient(90deg,#c58d71,#a3735f)}.sub-bars{display:flex;gap:8px;margin-top:8px}.sub-bars>div{height:5px;flex:1;background:#14241e;border:1px solid #c2b68a1f}.sub-bars i{display:block;height:100%;transition:width .1s}.stamina i{background:#739c8a}.meter i{background:#c3a565}.meter.ready{box-shadow:0 0 9px #e4b45066}.meter.ready i{background:#efd190}.meter-label{display:flex;justify-content:space-between;color:#819889;font-size:8px;margin-top:6px;letter-spacing:1px}.meter-label span:last-child{color:#c6a770}.round-hud{width:95px;flex-shrink:0;text-align:center;padding-top:8px}.round-hud>span{display:block;font-size:9px;letter-spacing:2px;color:#b59d6f}.round-hud strong{display:block;font-size:48px;color:#e6d7b9;line-height:1.1;margin:4px 0}.callout{position:fixed;top:39%;left:0;right:0;text-align:center;pointer-events:none;font-size:clamp(35px,5vw,75px);font-weight:800;letter-spacing:7px;color:#f0d19a;text-shadow:0 4px 20px #0b1712,0 0 40px #000;z-index:6}.callout small{display:block;font-size:12px;letter-spacing:2px;color:#d4d7c2;margin-top:13px;font-weight:400}.battle-bottom{position:fixed;bottom:25px;left:4%;right:4%;display:flex;gap:20px;justify-content:space-between;align-items:center}.small{font-size:10px;padding:9px 13px}.moves{display:flex;gap:15px;align-items:center;color:#a7b9a9;font-size:10px}.moves>button{background:none;border:0;padding:0;color:inherit;font-size:10px}.moves .ready{color:#f1cf83;text-shadow:0 0 8px #deaf4655}kbd{font-family:inherit;border:1px solid #b7b58c46;padding:5px 7px;font-size:9px;color:#d6c398;background:#14261ec9;margin-right:4px}#ping{font-size:10px;color:#7ea08b;min-width:50px}.final-score{font-size:56px;letter-spacing:15px;color:#cfb47e;padding:7px}.damage-number{position:fixed;transform:translate(-50%,-50%);font-size:24px;color:#ffe3ac;text-shadow:0 2px 3px #000;font-weight:700;pointer-events:none;animation:damage .9s ease-out forwards}.damage-number.block{font-size:15px;color:#aadacc}@keyframes damage{to{opacity:0;transform:translate(-50%,-170%) scale(.8)}}#touch-controls{display:none}.touch-guard,.dpad button{width:40px;height:40px;border:1px solid #ac997860;background:#1b3324a8;color:#d7c9ac}.dpad{text-align:center}.dpad>div{display:flex;gap:3px;margin-top:3px}.in-battle header{height:80px}.in-battle .edition{display:none}
#touch-controls,.moves>button{touch-action:none;user-select:none}
@media(min-width:1700px){.roster{gap:8px}.monster-card{height:102px}.monster-card img{max-width:56px;height:56px}.monster-card span{font-size:10px}.play-panel{width:340px;top:19%}.intro{top:23%}}
@media(max-width:1100px){header{padding:20px 25px;height:82px}.intro{top:16%}.intro h1{font-size:36px}.play-panel{top:13%;width:280px;padding:18px}.roster{grid-template-columns:repeat(13,minmax(0,1fr))}.monster-card{height:62px;padding:6px 2px}.monster-card img{height:32px;width:32px}.monster-card span{margin-top:2px}.roster-section{bottom:58px}.roster-top{margin-bottom:10px}.style-note{margin-bottom:10px;padding-bottom:10px}.stats{margin-top:14px}.fighter-heading{margin:13px 0}.panel-foot{display:none}.practice-row{margin-top:9px}.battle-hud{gap:15px;top:98px}.moves{gap:7px}kbd{padding:4px}.lobby-foot>span:last-child{display:none}}
@media(max-height:760px) and (min-width:850px){.intro{top:17%}.intro h1{font-size:36px;margin:16px 0}.play-panel{top:15%;padding:16px 20px}.fighter-heading{margin:10px 0}.stats{margin:12px 0 8px}.style-note{margin:8px 0 12px;padding-bottom:8px}.practice-row{margin-top:8px}.panel-foot{display:none}.roster-section{bottom:50px}.monster-card{height:68px}.monster-card img{height:34px}.roster-top{margin-bottom:9px}.lobby-foot{bottom:20px}}
@media(max-width:760px){body{height:auto;min-height:100vh;overflow:auto}header{position:relative;height:74px;padding:16px 18px}.brand{font-size:13px;gap:9px}.crest{width:30px;height:35px;font-size:23px}.brand-sub{font-size:8px}.top-right{gap:9px}.edition{display:none}.connection{font-size:9px}.icon-button{width:28px;height:28px}.vignette{background:linear-gradient(0deg,#101717 20%,#10171799 70%,#10171755)}#lobby{position:relative;padding:20px 18px 15px}.intro{position:relative;left:auto;top:auto}.eyebrow{font-size:8px}.intro h1{font-size:29px;line-height:1.4;margin:15px 0}.intro p{font-size:11px}.feature-row{margin:15px 0;font-size:7px}.play-panel{position:relative;top:auto;right:auto;width:100%;margin:190px 0 25px;padding:19px}.fighter-heading h2{font-size:23px}.panel-foot{display:flex}.practice-row{margin-top:12px}.roster-section{position:relative;left:auto;right:auto;bottom:auto}.roster{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.monster-card{height:75px}.monster-card img{width:42px;height:42px}.monster-card span{font-size:9px}.roster-top{margin-bottom:14px}.roster-hint{font-size:9px}.lobby-foot{position:relative;left:auto;right:auto;bottom:auto;font-size:9px;line-height:1.8;margin:23px 0}.in-battle{height:100dvh;overflow:hidden}.in-battle header{position:fixed;height:64px}.battle-hud{top:83px;left:15px;right:15px;gap:10px}.hud-title{gap:5px}.hud-title img{width:28px;height:28px}.hud-title h2{font-size:13px}.hud-title span{font-size:8px}.hud-title .wins{font-size:10px;letter-spacing:3px}.round-hud{width:46px}.round-hud strong{font-size:35px}.round-hud>span{font-size:7px;letter-spacing:0}.health{height:13px}.health span{font-size:7px;line-height:11px}.battle-bottom{bottom:18px;left:15px;right:15px;align-items:flex-end;gap:9px}.moves{max-width:225px;flex-wrap:wrap;justify-content:flex-end;gap:12px 9px}.moves>span{display:none}.moves button{font-size:10px;min-height:34px;padding:8px;background:#183024bb;border:1px solid #bda67a55}.moves kbd{display:none}#ping{position:absolute;bottom:52px;font-size:8px}#touch-controls{display:flex;position:fixed;bottom:85px;left:15px;right:15px;justify-content:space-between;align-items:flex-end}.touch-guard{width:60px;height:44px}.callout{font-size:34px;letter-spacing:2px}.loading{bottom:38%;font-size:11px;white-space:nowrap}.modal{padding:27px}.modal h2{font-size:21px}.invite-code{font-size:33px}input{font-size:16px}#room-code{font-size:14px}}