:root{--ink:#eef7fb;--muted:#9eb2bd;--bg:#061018;--panel:#0b1c27;--line:#24404f;--gold:#ffbd3d;--cyan:#4ad7ff;--red:#ff5f56;--green:#54df8c;--shadow:0 18px 55px #0008;font-family:Inter,Segoe UI,system-ui,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 25% -10%,#123044 0,transparent 35%),linear-gradient(135deg,#061018,#071620 60%,#0b1117);min-height:100vh}.top{min-height:72px;padding:10px clamp(16px,4vw,54px);display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);background:#050d14e8;position:sticky;top:0;z-index:20;backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;letter-spacing:.14em}.brand b{font-size:.88rem;color:var(--gold)}.brand small{display:block;font-size:.59rem;color:var(--muted);margin-top:3px}.anchor{display:grid;place-items:center;width:42px;height:42px;border:1px solid #775e23;border-radius:7px;background:#ffbd3d12;font-size:22px}.top nav{display:flex;gap:24px;margin-left:auto}.top nav a{color:var(--muted);text-decoration:none;font-weight:750;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.top nav a:hover{color:var(--gold)}button,.button{font:inherit;border:1px solid var(--line);background:#102633;color:var(--ink);padding:.72rem 1rem;border-radius:6px;font-weight:800;cursor:pointer;text-decoration:none}button:hover,.button:hover{border-color:var(--cyan);transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}.primary{background:var(--gold);color:#171109;border-color:var(--gold)}.danger{background:#481b20;border-color:#7b2a33}.head-actions{display:flex;gap:8px}main{width:min(1500px,calc(100% - 24px));margin:0 auto;padding:26px 0 60px}.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);min-height:380px;border:1px solid var(--line);overflow:hidden;background:#091924;box-shadow:var(--shadow)}.hero-copy{padding:clamp(28px,6vw,76px);display:flex;flex-direction:column;justify-content:center}.eyebrow{text-transform:uppercase;color:var(--gold);font-size:.76rem;font-weight:900;letter-spacing:.14em}.hero h1,.select-screen h1{font-size:clamp(2.8rem,7vw,6rem);line-height:.85;letter-spacing:-.06em;margin:.18em 0;text-transform:uppercase}.hero h1 span{color:var(--cyan)}.hero p{max-width:620px;color:var(--muted);font-size:1.08rem;line-height:1.65}.hero-image{min-height:330px;background:linear-gradient(90deg,#09192400,#09192411),url('assets/cover.png') center/cover no-repeat;position:relative}.hero-image:after{content:'12 FIGHTERS · 2 TEAMS · 1 WINNER';position:absolute;bottom:18px;right:18px;background:#07131ddd;border:1px solid var(--gold);padding:10px 14px;color:var(--gold);font-size:.73rem;font-weight:900;letter-spacing:.1em}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.mode-card{text-align:left;padding:18px;background:#0c202c;border-color:#2a4554}.mode-card strong{display:block;font-size:1.15rem;margin-bottom:5px}.mode-card span{font-weight:500;color:var(--muted);line-height:1.45}.select-screen>.title-row,.game-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.select-screen h1{font-size:clamp(2.5rem,6vw,5rem)}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.team-panel,.panel{border:1px solid var(--line);background:#091923;padding:18px;box-shadow:var(--shadow)}.team-panel h2,.panel h2{margin:0 0 12px;text-transform:uppercase;letter-spacing:-.03em}.fighters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fighter-pick{padding:0;overflow:hidden;position:relative;min-height:225px;background:#101d25;border-color:#243e4d}.fighter-pick img{width:100%;height:175px;object-fit:cover;object-position:50% 18%;display:block;filter:saturate(.85)}.fighter-pick span{display:block;padding:9px 7px;font-size:.82rem}.fighter-pick.selected{outline:3px solid var(--gold);border-color:var(--gold)}.fighter-pick.selected:after{content:'✓';position:absolute;top:8px;right:8px;background:var(--gold);color:#111;width:28px;height:28px;display:grid;place-items:center;border-radius:50%}.setup-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.game-top h1{margin:.1em 0;font-size:clamp(2rem,5vw,4.3rem);line-height:.9;text-transform:uppercase}.round{color:var(--gold);font-weight:900}.arena{display:grid;grid-template-columns:1fr minmax(250px,.55fr) 1fr;gap:14px;align-items:start}.team{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fighter{min-width:0;background:linear-gradient(180deg,#122632,#09151d);border:1px solid var(--line);padding:10px;position:relative;overflow:hidden}.fighter.ko{filter:grayscale(1);opacity:.55}.fighter img{width:100%;height:230px;object-fit:cover;object-position:50% 15%;border:1px solid #ffffff18}.fighter h3{margin:8px 0 5px;font-size:1rem}.stats{display:flex;gap:6px;flex-wrap:wrap}.stat{background:#071018;border:1px solid var(--line);padding:5px 7px;border-radius:4px;font-size:.82rem;font-weight:850}.hp{color:#69ef98}.power{color:#c3a5ff}.special{color:var(--gold)}.center{display:flex;flex-direction:column;gap:12px}.prompt{position:sticky;top:88px;z-index:10;background:#102836;border:1px solid var(--cyan);padding:14px;text-align:center;box-shadow:var(--shadow)}.prompt strong{display:block;margin-bottom:5px}.versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.played{aspect-ratio:368/580;border-radius:10px;border:1px solid var(--line);background:#071018;overflow:hidden}.played img,.card img{width:100%;height:100%;object-fit:cover}.played.back{background:url('assets/cards-back.png') center/cover}.vs{font-weight:1000;color:var(--red)}.timeline{font-size:.78rem;color:var(--muted);text-align:center}.card{padding:0;border:2px solid #ffffff22;background:#101820;overflow:hidden;border-radius:10px;position:relative;aspect-ratio:368/580}.card:hover{border-color:var(--gold)}.card.selected{border-color:var(--gold);box-shadow:0 0 0 3px #ffbd3d44}.build{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.build-controls{display:flex;gap:8px;align-items:center;margin-top:12px;flex-wrap:wrap}select,input{font:inherit;background:#071018;color:var(--ink);border:1px solid var(--line);padding:.72rem;border-radius:5px}.log{margin-top:14px;border:1px solid var(--line);background:#07131d;padding:12px}.log ol{margin:0;padding-left:24px;color:var(--muted);line-height:1.55}.winner{border-color:var(--gold);text-align:center;padding:28px}.winner h2{font-size:clamp(2rem,5vw,4rem);margin:.2em 0;color:var(--gold)}dialog{width:min(760px,calc(100% - 24px));max-height:85vh;overflow:auto;border:1px solid var(--line);background:#091923;color:var(--ink);box-shadow:var(--shadow);padding:28px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog .close{position:sticky;float:right;top:0;font-size:1.3rem}.rules-text{line-height:1.6;color:var(--muted)}.rules-text h2,.rules-text h3{color:var(--ink)}.online-box{max-width:620px;margin:20px auto}.online-box label{display:block;margin:12px 0 6px;color:var(--muted)}.code{font:900 1.5rem ui-monospace,monospace;letter-spacing:.14em;color:var(--gold)}.hidden{display:none!important}@media(max-width:950px){.top nav{display:none}.arena{grid-template-columns:1fr}.center{grid-row:1}.team{grid-template-columns:1fr 1fr}.fighters{grid-template-columns:repeat(2,1fr)}.setup-grid{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.hero-image{min-height:300px}}@media(max-width:560px){main{width:min(100% - 14px,1500px);padding-top:12px}.top{padding:8px 10px;gap:8px}.brand small{display:none}.brand b{font-size:.72rem}.anchor{width:34px;height:34px}.head-actions button{padding:.55rem}.mode-grid{grid-template-columns:1fr}.hero-copy{padding:26px 18px}.fighters{grid-template-columns:repeat(2,1fr)}.fighter-pick{min-height:180px}.fighter-pick img{height:135px}.fighter img{height:190px}.team-panel{padding:10px}.build{gap:5px}.prompt{top:67px}.played{border-radius:6px}}