:root{--bg:#14162e;--bg-2:#1d2045;--card:#262a57;--card-2:#30356b;--line:#3d4383;--text:#f3f1ff;--muted:#a9a8d6;--accent:#ff7a59;--accent-2:#ffb35c;--good:#5fe0a6;--bad:#ff6680;--feu:#ff6b3d;--glace:#4fc3f7;--foudre:#f5c542;--radius:14px;--tap:44px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:Nunito,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(160deg, #ff7a5914, transparent 40%), linear-gradient(330deg, #4fc3f714, transparent 45%), var(--bg);min-height:100dvh;margin:0}button{font:inherit;color:inherit}.app{max-width:560px;min-height:100dvh;padding:0 16px calc(96px + env(safe-area-inset-bottom));margin:0 auto}.screen.center,.center{text-align:center;flex-direction:column;align-items:center;gap:16px;padding-top:12vh;display:flex}.title{letter-spacing:.02em;background:linear-gradient(90deg, var(--accent-2), var(--accent), var(--glace));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.4rem}.lead{margin:0;font-size:1.05rem}.muted{color:var(--muted)}.small{font-size:.8rem}.stack{flex-direction:column;gap:12px;width:100%;max-width:320px;display:flex}.row{gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.field{text-align:left;width:100%;max-width:320px;color:var(--muted);flex-direction:column;gap:6px;display:flex}.field input{min-height:var(--tap);border-radius:var(--radius);border:2px solid var(--line);background:var(--bg-2);color:var(--text);padding:0 14px;font-size:1.05rem}.field input:focus{border-color:var(--accent);outline:none}.button{min-height:var(--tap);border-radius:var(--radius);background:linear-gradient(180deg, var(--accent-2), var(--accent));color:#2a0f06;cursor:pointer;border:none;padding:0 18px;font-weight:800;box-shadow:0 3px #b8432a}.button:active{transform:translateY(2px);box-shadow:0 1px #b8432a}.button.secondary{background:var(--card-2);color:var(--text);box-shadow:0 3px #1a1d40}.button.small{min-height:var(--tap);padding:0 12px;font-size:.9rem}.button.active{outline:3px solid var(--glace)}.button:disabled{opacity:.4;cursor:default;transform:none}.banner{z-index:10;text-align:center;background:#5b3a8f;margin:0 -16px;padding:8px 16px;font-size:.9rem;position:sticky;top:0}.toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:20;max-width:calc(100% - 32px);min-height:var(--tap);border-radius:var(--radius);background:var(--bad);color:#2a0610;border:none;padding:8px 16px;font-weight:700;position:fixed;transform:translate(-50%)}.spinner{border:4px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.match-header{z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);background:#14162eeb;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:0 -16px;padding:10px 16px;display:grid;position:sticky;top:0}.player{align-items:center;gap:8px;min-width:0;display:flex}.player.them{justify-content:flex-end}.player-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.score{color:var(--accent-2);font-size:1.4rem;font-weight:900}.phase{flex-direction:column;align-items:center;display:flex}.phase-label{color:var(--muted);white-space:nowrap;font-size:.75rem}.timer{font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:900}.timer.urgent{color:var(--bad)}.panel{flex-direction:column;gap:14px;padding-top:14px;display:flex}.prompt{text-align:center;color:var(--muted);margin:0;font-weight:700}.prompt.active{color:var(--accent-2)}.teams{justify-content:space-between;gap:12px;display:flex}.team-row{flex-direction:column;gap:4px;display:flex}.tokens{gap:4px;display:flex}.token-slot{border:2px dashed var(--line);border-radius:8px;width:32px;height:32px}.hero-token-letter{fill:#14162ebf;font-size:30px;font-weight:900}.hero-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.hero-card,.slot-card{border-radius:var(--radius);background:var(--card);cursor:pointer;border:2px solid #0000;flex-direction:column;align-items:center;gap:2px;width:100%;min-height:108px;padding:8px 4px;display:flex;position:relative}.hero-card:disabled{cursor:default}.hero-card.selected,.slot-card.selected{border-color:var(--accent);background:var(--card-2)}.hero-card.yours{border-color:var(--good)}.hero-card.theirs{border-color:var(--bad)}.hero-card.banned{opacity:.55}.hero-name{font-size:.9rem;font-weight:800}.hero-tags,.level,.item{color:var(--muted);font-size:.72rem}.hero-badge{background:var(--bg);border-radius:8px;padding:1px 6px;font-size:.65rem;position:absolute;top:4px;right:4px}.sheet{z-index:15;max-width:560px;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:var(--bg-2);border-top:2px solid var(--line);border-radius:20px 20px 0 0;flex-direction:column;gap:12px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.sheet .row .button{flex:1}.hero-details-head{align-items:center;gap:12px;display:flex}.hero-details p{margin:8px 0 0}.stats{grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0 0;display:grid}.stats div{background:var(--card);text-align:center;border-radius:10px;padding:6px}.stats dt{color:var(--muted);font-size:.7rem}.stats dd{margin:0;font-weight:800}.synergies{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.synergy{background:var(--card);border-left:4px solid var(--muted);border-radius:999px;padding:4px 10px;font-size:.78rem}.synergy.feu{border-left-color:var(--feu)}.synergy.glace{border-left-color:var(--glace)}.synergy.foudre{border-left-color:var(--foudre)}.round-result{border-radius:var(--radius);text-align:center;margin:0;padding:10px;font-weight:700}.round-result.won{color:var(--good);background:#5fe0a626}.round-result.lost{color:var(--bad);background:#ff668026}.gold{color:var(--accent-2);justify-content:center;align-items:center;gap:8px;font-size:1.3rem;font-weight:900;display:flex}.coin{background:var(--foudre);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);width:18px;height:18px}.formation{flex-direction:column;gap:8px;display:flex}.formation-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.row-label{color:var(--muted);grid-column:1/-1;font-size:.75rem}.slot-card.swap-target{border-style:dashed;border-color:var(--glace)}.unit-shop{border-radius:var(--radius);background:var(--bg-2);flex-direction:column;gap:10px;padding:12px;display:flex}.item-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.item-row{width:100%;min-height:var(--tap);background:var(--card);text-align:left;cursor:pointer;border:none;border-radius:10px;grid-template-columns:32px 1fr;grid-template-areas:"cost name""cost desc";align-items:center;column-gap:10px;padding:6px 10px;display:grid}.item-row:disabled{opacity:.45;cursor:default}.item-row.owned{outline:2px solid var(--good);opacity:1}.item-cost{color:var(--accent-2);text-align:center;grid-area:cost;font-weight:900}.item-name{grid-area:name;font-weight:700}.item-desc{color:var(--muted);grid-area:desc;font-size:.75rem}.opponent-preview{border-radius:var(--radius);border:1px dashed var(--line);flex-direction:column;gap:6px;padding:12px;display:flex}.footer-bar{z-index:8;max-width:560px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg, transparent, var(--bg) 30%);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.footer-bar>.button:last-child{flex-shrink:0;margin-left:auto}.footer-bar p{margin:0 auto}.invite-code{letter-spacing:.22em;font-variant-numeric:tabular-nums;color:var(--accent-2);margin:4px 0 0;font-size:2.6rem;font-weight:800}.invite-link{overflow-wrap:anywhere;max-width:100%;margin:0}.waiting{align-items:center;gap:10px;display:flex}.spinner.small{border-width:3px;width:18px;height:18px}.join-code{width:100%;max-width:320px}.join-code .row input{letter-spacing:.15em;text-transform:uppercase;flex:1;min-width:0}.banner.away{border-radius:var(--radius);color:var(--text);background:#ff66802e;margin:8px 0 0}.forfeit{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:18px;display:flex}.link-button{min-height:var(--tap);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:0 12px;font-size:.85rem;text-decoration:underline}.button.danger{background:var(--bad);color:#2a0610;box-shadow:0 3px #9c2f45}.board{flex-direction:column;gap:14px;display:flex}.board-side{border-radius:18px;flex-direction:column;gap:6px;padding:8px;display:flex}.board-side.theirs{background:#ff668012}.board-side.mine{background:#5fe0a612}.board-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.cell{background:var(--card);cursor:pointer;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:3px;min-height:112px;padding:6px;display:flex;position:relative}.cell.empty{background:0 0}.cell.active{border-color:var(--accent)}.cell.targetable{border-color:var(--glace);box-shadow:0 0 0 3px #4fc3f74d}.cell.dead{opacity:.45}.hp-bar{background:var(--bg);border-radius:4px;width:100%;height:7px;overflow:hidden}.hp-bar span{background:var(--good);height:100%;transition:width .4s;display:block}.hp-bar span.low{background:var(--bad)}.hp-text{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.7rem}.energy{gap:3px;display:flex}.energy span{background:var(--line);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:9px;height:9px}.energy span.on{background:var(--foudre)}.chips{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.chips span{background:var(--bg-2);border-radius:6px;padding:0 6px;font-size:.62rem}.order{color:var(--accent-2);text-align:center;font-size:.68rem}.action-bar{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.log{border-radius:var(--radius);background:var(--bg-2);flex-direction:column;gap:3px;max-height:220px;margin:0;padding:10px 12px;font-size:.82rem;list-style:none;display:flex;overflow-y:auto}.log li{opacity:0;animation:.25s forwards appear}@keyframes appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.arena{touch-action:manipulation;background:radial-gradient(closest-side,#4fc3f724,#0000);height:clamp(400px,60vh,680px);margin:0 -16px;position:relative;overflow:hidden}.arena-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.arena-overlay{pointer-events:none;position:absolute;inset:0}.arena-unit{color:var(--text);font:inherit;pointer-events:auto;cursor:pointer;will-change:transform;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:flex-start;align-items:center;padding:0;display:flex;position:absolute;top:0;left:0}.arena-unit:focus-visible{outline:3px solid var(--glace)}.arena-label{background:#14162ec7;border:2px solid #0000;border-radius:9px;flex-direction:column;align-items:center;gap:2px;width:100%;padding:2px 5px 3px;display:flex}.arena-unit.mine .arena-label{box-shadow:inset 0 -2px #5fe0a68c}.arena-unit.theirs .arena-label{box-shadow:inset 0 -2px #ff66808c}.arena-unit.active .arena-label{border-color:var(--accent)}.arena-unit.targetable .arena-label{border-color:var(--glace);box-shadow:0 0 0 3px #4fc3f759}.arena-unit.dead .arena-label{opacity:.5}.arena-unit .hero-name{white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;font-weight:700;line-height:1.15;overflow:hidden}.arena-unit .hero-name sup{color:var(--accent-2);margin-left:2px;font-size:.6rem}.arena-stats{justify-content:space-between;align-items:center;gap:4px;width:100%;display:flex}.arena-stats .hp-text{font-size:.62rem}.arena-unit .hp-bar{flex:1;height:5px}.arena-unit .energy{gap:2px}.arena-unit .energy span{width:7px;height:7px}.arena-chips{flex-wrap:wrap;justify-content:center;gap:2px;margin-top:2px;display:flex}.arena-unit .arena-chips span{background:var(--card-2);border-radius:5px;padding:0 4px;font-size:.56rem}.arena-unit .order{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.62rem;line-height:1.15;overflow:hidden}.arena-floats{z-index:2000;position:absolute;inset:0}.arena-float{white-space:nowrap;color:var(--text);text-shadow:0 2px #0000008c,0 0 6px #00000080;font-size:1.05rem;font-weight:800;animation:1.1s ease-out forwards float-up;position:absolute;transform:translate(-50%)}.arena-float.damage{color:#ff8fa3}.arena-float.strong{color:var(--accent-2);font-size:1.3rem}.arena-float.heal{color:var(--good)}.arena-float.shield{color:var(--glace);font-size:.9rem}.arena-float.info{color:var(--muted);font-size:.82rem}.arena-float.skill{color:var(--foudre);font-size:.9rem}@keyframes float-up{0%{opacity:0;transform:translate(-50%,8px)scale(.8)}15%{opacity:1;transform:translate(-50%)scale(1.08)}to{opacity:0;transform:translate(-50%,-34px)scale(1)}}.arena-skip{z-index:2001;position:absolute;bottom:12px;right:12px}.verdict{margin:0;font-size:2.6rem}.verdict.won{color:var(--good)}.verdict.lost{color:var(--bad)}.history{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.history li{background:var(--card);border-radius:10px;padding:8px 14px}.history li.won{border-left:4px solid var(--good)}.history li.lost{border-left:4px solid var(--bad)}@media (prefers-reduced-motion:reduce){.arena-float{animation-duration:10ms}.log li{opacity:1;animation:none}.spinner{animation-duration:3s}}@media (width>=720px){.app{max-width:720px}.hero-grid{grid-template-columns:repeat(4,1fr)}.sheet,.footer-bar{max-width:720px}}