:root{--bg-0: #0b0d14;--bg-1: #12151f;--bg-2: #1a1e2c;--line: #2a2f42;--text: #e8eaf2;--muted: #8b90a5;--accent: #ffb02e;--accent-2: #5865f2;--rarity-common: #9e9e9e;--rarity-uncommon: #4caf50;--rarity-rare: #2196f3;--rarity-epic: #9c27b0;--rarity-legendary: #ff9800}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1100px 500px at 50% -10%,rgba(88,101,242,.18),transparent 60%),radial-gradient(800px 400px at 50% 110%,rgba(255,176,46,.1),transparent 60%),var(--bg-0);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow-x:hidden}code{background:var(--bg-2);border-radius:4px;padding:1px 5px;font-size:.85em}.pulse{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.screen-message{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:8px;text-align:center;padding:24px;color:var(--muted)}.screen-message h2{color:var(--text);margin:0}.hint{font-size:.8rem;color:var(--muted);display:block;margin-top:8px}.lobby{max-width:960px;margin:0 auto;padding:24px 16px 96px}.lobby-header h1,.match-header h1{margin:0;font-size:1.6rem;letter-spacing:.04em;text-transform:uppercase}.title-emoji{filter:drop-shadow(0 0 8px rgba(255,176,46,.6))}.lobby-header p{color:var(--muted);margin:4px 0 20px}.fighter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.lobby-footer{position:fixed;left:0;right:0;bottom:0;padding:14px 16px;background:linear-gradient(transparent,var(--bg-0) 40%);display:flex;justify-content:center}.cta{background:linear-gradient(180deg,#ffc861,var(--accent));color:#241a05;font-weight:700;font-size:1rem;border:0;border-radius:10px;padding:12px 28px;cursor:pointer;box-shadow:0 4px 18px #ffb02e59;transition:transform .12s ease,box-shadow .12s ease}.cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #ffb02e80}.cta:disabled{background:var(--bg-2);color:var(--muted);box-shadow:none;cursor:not-allowed}.fighter-card{background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border:2px solid var(--rarity, var(--line));border-radius:12px;overflow:hidden;position:relative;transition:transform .12s ease,box-shadow .12s ease}.fighter-card.rarity-common{--rarity: var(--rarity-common)}.fighter-card.rarity-uncommon{--rarity: var(--rarity-uncommon)}.fighter-card.rarity-rare{--rarity: var(--rarity-rare)}.fighter-card.rarity-epic{--rarity: var(--rarity-epic)}.fighter-card.rarity-legendary{--rarity: var(--rarity-legendary);box-shadow:0 0 18px #ff980040}.fighter-card.clickable{cursor:pointer}.fighter-card.clickable:hover{transform:translateY(-3px);box-shadow:0 8px 22px #00000080,0 0 14px color-mix(in srgb,var(--rarity) 45%,transparent)}.fighter-card.selected{outline:3px solid var(--accent);outline-offset:2px}.card-owner{position:absolute;top:8px;left:8px;z-index:1;background:#0009;padding:2px 8px;border-radius:999px;font-size:.7rem;letter-spacing:.03em}.card-art{aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;background:radial-gradient(220px 120px at 50% 100%,color-mix(in srgb,var(--rarity) 25%,transparent),transparent),var(--bg-1)}.card-art img{width:100%;height:100%;object-fit:cover}.card-emoji{font-size:3rem;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}.card-body{padding:10px 12px 12px}.card-title{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.card-name{font-weight:700}.card-level{color:var(--muted);font-size:.78rem}.card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.tag{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:999px;background:var(--bg-0);border:1px solid var(--line);color:var(--muted)}.rarity-tag{border-color:var(--rarity);color:var(--rarity)}.style-tag{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.card-hint{margin-top:7px;font-size:.72rem;color:var(--muted);min-height:1em}.hp-bar{position:relative;height:16px;margin-top:9px;background:var(--bg-0);border:1px solid var(--line);border-radius:999px;overflow:hidden}.hp-fill{height:100%;border-radius:999px;transition:width .6s cubic-bezier(.22,1,.36,1),background-color .4s ease}.hp-high{background:linear-gradient(90deg,#37c871,#7ee2a8)}.hp-mid{background:linear-gradient(90deg,#e2b93b,#f1d67c)}.hp-low{background:linear-gradient(90deg,#e2483d,#f08a83)}.hp-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.match{max-width:860px;margin:0 auto;padding:20px 16px 40px}.match-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.match-status{text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;padding:4px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.status-active{color:#7ee2a8;border-color:#2c6e4a}.status-finished{color:var(--accent);border-color:var(--accent)}.banner.error{background:#e2483d1f;border:1px solid rgba(226,72,61,.5);color:#f2a09a;padding:8px 12px;border-radius:8px;margin-bottom:12px}.arena-floor{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(400px 160px at 50% 120%,rgba(255,176,46,.08),transparent),var(--bg-1)}.vs-mark{align-self:center;font-weight:900;font-size:1.4rem;color:var(--accent);text-shadow:0 0 14px rgba(255,176,46,.6)}.side-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:180px;border:2px dashed var(--line);border-radius:12px;color:var(--muted);text-align:center;padding:12px;font-size:.9rem}.timing-wrap{margin:18px 0 6px;text-align:center}.timing-bar{position:relative;display:block;width:100%;height:54px;border:1px solid var(--line);border-radius:12px;background:var(--bg-1);overflow:hidden;cursor:crosshair;padding:0}.timing-bar.locked{cursor:default;opacity:.75}.zone{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);border-radius:6px}.zone-good{background:#5865f238}.zone-great{background:#37c8714d}.zone-perfect{background:#ffb02e8c;box-shadow:0 0 14px #ffb02e80}.center-line{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#ffffff80}.marker{position:absolute;top:3px;bottom:3px;width:5px;margin-left:-2.5px;border-radius:3px;background:#fff;box-shadow:0 0 10px #ffffffe6}.marker.stopped{background:var(--accent);box-shadow:0 0 14px var(--accent)}.timing-caption{margin-top:8px;font-size:.8rem;color:var(--muted);letter-spacing:.04em}.round-log{margin-top:18px;border:1px solid var(--line);border-radius:12px;background:var(--bg-1);padding:10px 14px;max-height:220px;overflow-y:auto;font-size:.86rem;display:flex;flex-direction:column;gap:5px}.log-line{animation:log-in .25s ease}.log-line.muted{color:var(--muted);font-style:italic}.grade-perfect{color:var(--accent);font-weight:700}.grade-great{color:#7ee2a8}.grade-good{color:var(--text)}.grade-miss{color:var(--muted)}@keyframes log-in{0%{opacity:0;transform:translateY(4px)}}.winner-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#05060abf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10}.winner-card{background:var(--bg-1);border:2px solid var(--accent);border-radius:16px;padding:32px 48px;text-align:center;animation:winner-in .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 40px #ffb02e59}.winner-card.lost{border-color:var(--line);box-shadow:none}.winner-card h2{margin:0 0 8px;font-size:2rem;letter-spacing:.08em}.winner-card p{color:var(--muted);margin:0 0 20px}@keyframes winner-in{0%{opacity:0;transform:scale(.85)}}.fighter-card.compact .card-art{aspect-ratio:16 / 9}@media(max-width:640px){.arena-floor{grid-template-columns:1fr}.vs-mark{justify-self:center}}