@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Space+Grotesk:wght@400;500;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:Space Grotesk,Trebuchet MS,sans-serif;background:#101713;color:#efe9d4;line-height:1.4}h1,h2,h3{font-family:Cinzel,Times New Roman,serif;font-weight:700}input,textarea,select,button{font:inherit}.iso-stage{border:1px solid #574833;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 20% 30%,#263926,#1a231a 68%)}.iso-stage svg{display:block;width:100%;height:auto}.iso-bg{fill:#1a2519}.iso-woods{fill:#223822;opacity:.92}.iso-high-ground{fill:#6b5b43;opacity:.78}.iso-lane{stroke:#a8936c;stroke-width:2}.iso-river{opacity:.9}.iso-tower rect{fill:#ddd3be;stroke:#433726;stroke-width:2}.health-bg{fill:#2a2117;stroke:none}.health-radiant{fill:#9bde66;stroke:none}.health-dire{fill:#ed7158;stroke:none}.hero circle{transition:transform .18s ease}.radiant-hero>circle:first-child{fill:#9fdb65}.dire-hero>circle:first-child{fill:#ef7663}.hero .pulse{fill:transparent;stroke-width:2;opacity:.4;animation:pulse 2.2s infinite ease-out}.radiant-hero .pulse{stroke:#9fdb65}.dire-hero .pulse{stroke:#ef7663}.creep-wave{fill:#f3e8ca;opacity:.88}.creep-wave-a{animation:creepForward 7s infinite linear}.creep-wave-b{animation:creepBackward 7s infinite linear}.tower-label{fill:#efe2bf;font-size:18px;font-weight:700;letter-spacing:.06em}.arena-caption{display:flex;flex-wrap:wrap;gap:10px;padding:10px 12px;border-top:1px solid #4f422e;background:#1f2a1e;color:#d6cfbe;font-size:.8rem}@keyframes pulse{0%{transform:scale(.8);opacity:.45}to{transform:scale(1.4);opacity:0}}@keyframes creepForward{0%{transform:translate(-12px,4px)}50%{transform:translate(16px,-5px)}to{transform:translate(-12px,4px)}}@keyframes creepBackward{0%{transform:translate(12px,-4px)}50%{transform:translate(-16px,5px)}to{transform:translate(12px,-4px)}}.shell{min-height:100vh;color:#efe9d4;background:radial-gradient(120% 80% at 10% 0%,rgba(191,117,73,.24),transparent),radial-gradient(95% 60% at 85% 15%,rgba(64,102,82,.33),transparent),#101713;padding:18px;display:flex;flex-direction:column;gap:14px}.loading-state{min-height:100vh;display:grid;place-items:center;background:#101713;color:#efe9d4}.card{border:1px solid #3c4a3d;border-radius:16px;padding:14px;background:#131915f0;box-shadow:0 12px 28px #0000004d}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center}.topbar h1{font-size:1.6rem}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#b8bd8c;font-size:.72rem}.meta{color:#9eb39e;font-size:.82rem}.meta span{color:#ebdcb6;font-weight:700}.topbar-right{display:flex;align-items:center;gap:10px}.notice{font-size:.82rem;color:#d6c99f;max-width:360px}.layout{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.column-left,.column-right{display:flex;flex-direction:column;gap:14px}.arena-card{overflow:hidden}.card-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:10px}.card-head h2{font-size:1.03rem}.card-head p{color:#90a594;font-size:.8rem}.match-status{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.match-status div{border:1px solid #3f513f;border-radius:10px;padding:8px;background:#1a221cd1}.match-status h3{font-size:.92rem}.duel-console{margin-top:10px;border:1px solid #435546;border-radius:12px;padding:10px;background:#141e18db;display:flex;flex-direction:column;gap:10px}.duel-metrics{display:flex;flex-wrap:wrap;gap:10px;font-size:.82rem;color:#d9d2bd}.duel-metrics.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px}.duel-metrics.two-col>div{border:1px solid #3b4c3d;border-radius:10px;padding:8px;background:#1a231d}.duel-metrics h3{font-size:.88rem;margin-bottom:4px}.hint{color:#879c89;font-size:.86rem}.lobby-actions,.active-lobby{display:flex;flex-direction:column;gap:10px}.inline-form{display:flex;gap:8px}.inline-form input,.inline-form select,.result-controls select{width:100%;background:#1f2c21;border:1px solid #4d5d4c;border-radius:10px;color:#efe9d4;padding:10px}.members{display:flex;flex-direction:column;gap:6px}.member-row{display:flex;justify-content:space-between;border:1px solid #425444;border-radius:10px;padding:8px;background:#1a231d}.ready{color:#87d987;font-weight:600}.not-ready{color:#e4ad8a;font-weight:600}.button-row{display:flex;gap:8px;flex-wrap:wrap}.open-lobbies{margin-top:10px;display:flex;flex-direction:column;gap:8px}.open-lobby-row{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid #3e4f3f;border-radius:10px;padding:8px}.rules-list{padding-left:18px;display:flex;flex-direction:column;gap:4px;color:#d8d2bd;font-size:.85rem}.item-grid{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.item-phase-list{display:flex;flex-direction:column;gap:10px}.item-phase-list h4{margin-top:6px;color:#b8bd8c;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}.item-chip{border:1px solid #485b49;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:2px;background:#1e2a21;font-size:.8rem}.mechanics-grid{display:grid;grid-template-columns:1fr;gap:8px}.leaderboard{display:flex;flex-direction:column;gap:6px}.leader-row{display:flex;justify-content:space-between;gap:10px;border:1px solid #415341;border-radius:10px;padding:8px;font-size:.8rem}.chat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.chat-messages{max-height:220px;overflow:auto;border:1px solid #3c4d3d;border-radius:10px;padding:8px;background:#18211a;display:flex;flex-direction:column;gap:6px;font-size:.82rem}.chat-messages p{line-height:1.35}.result-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}button{border:1px solid #738663;border-radius:10px;background:linear-gradient(135deg,#b8bf7e,#8ea067);color:#142015;font-weight:700;padding:9px 12px;cursor:pointer}button.secondary{background:#2b3a2d;color:#e5e0ce;border-color:#4f6551}button.danger{background:#5a2f2d;color:#f6d7d3;border-color:#8e5150}button:disabled{cursor:not-allowed;opacity:.4}@media(max-width:1100px){.layout,.chat-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.topbar-right{width:100%;justify-content:space-between}.item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.shell{padding:12px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.button-row,.result-controls,.inline-form{flex-direction:column}.duel-metrics.two-col{grid-template-columns:1fr}}