.td-pick .td-mages{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.td-mage{text-align:left;cursor:pointer;color:var(--text);font:inherit;border:1px solid color-mix(in srgb, var(--c) 45%, var(--border));background:radial-gradient(circle at 85% 0%, color-mix(in srgb, var(--c) 28%, transparent), transparent 60%), var(--panel);border-radius:12px;flex-direction:column;gap:6px;padding:16px;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.td-mage:hover,.td-mage:focus-visible{box-shadow:0 8px 30px color-mix(in srgb, var(--c) 35%, transparent);transform:translateY(-3px)}.td-mage b{color:var(--c);font-size:1.15rem}.td-mage-orb{background:radial-gradient(circle, #fff, var(--c) 45%, transparent 72%);width:22px;height:22px;box-shadow:0 0 18px var(--c);border-radius:50%;position:absolute;top:14px;right:14px}.td-mage ul{columns:1;margin:6px 0 0;padding:0;font-size:.82rem;list-style:none}.td-mage li{padding:1px 0}.td-mage li i{background:#2c313c;border-radius:50%;place-items:center;width:17px;height:17px;margin-right:4px;font-size:.72rem;font-style:normal;display:inline-grid}.td-mage li em{color:var(--muted);font-style:normal}.td-mage li .td-picto{color:#111;background:#f3eee0;border-radius:4px;margin-right:4px;padding:2px}.td-mage li .td-picto svg{width:18px;height:18px}html.td-lock,html.td-lock body{overscroll-behavior:none;overflow:hidden}.td-arena{z-index:30;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;background:#08070c;grid-template-rows:minmax(0,1fr) auto;display:grid;position:fixed;inset:0}.td-canvas{touch-action:none;width:100%;height:100%;display:block}.td-bar{align-items:center;gap:10px;padding:6px 12px;font-size:.9rem;display:flex}.td-foe{background:linear-gradient(#000a,#0000);position:absolute;top:0;left:0;right:48px}.td-who{white-space:nowrap;font-weight:700}.td-foe .td-who{color:var(--foe)}.td-me .td-who{color:var(--c)}.td-life{background:#2a1416;border:1px solid #0006;border-radius:9px;flex:0 160px;height:18px;position:relative;overflow:hidden}.td-life i{background:linear-gradient(#ff7a6a,#c0281c);transition:width .25s;position:absolute;inset:0 auto 0 0}.td-me .td-life i{background:linear-gradient(#7aff8a,#239a3a)}.td-life b{text-align:center;text-shadow:0 1px 2px #000;font-size:.78rem;line-height:16px;display:block;position:relative}.td-mana{flex:1;align-items:center;gap:2px;min-width:0;display:flex}.td-mana img{aspect-ratio:1;opacity:.15;filter:drop-shadow(0 1px 2px #000);border-radius:50%;flex:0 20px;width:20px;min-width:0;transition:opacity .15s,transform .15s}.td-mana.small{flex:0 150px}.td-mana.small img{flex-basis:13px;width:13px}.td-quit{width:32px;height:32px;color:var(--text);font:inherit;cursor:pointer;background:#0009;border:0;border-radius:50%;place-items:center;font-size:1rem;display:grid;position:absolute;top:6px;right:10px}.td-quit:hover{background:#000c;text-decoration:none}.td-bottom{padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(#0000,#000c 30%)}.td-hand{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:640px;margin:0 auto;padding:4px 10px 10px;display:grid}.td-card{text-align:left;cursor:pointer;color:var(--text);font:inherit;border:2px solid color-mix(in srgb, var(--c) 70%, #000);background:linear-gradient(170deg, color-mix(in srgb, var(--c) 22%, #1a1c24), #121319 70%);border-radius:10px;flex-direction:column;gap:2px;min-height:0;padding:5px;transition:transform .12s,filter .2s,box-shadow .12s;display:flex;position:relative;box-shadow:0 4px 14px #000a}.td-card:hover{transform:translateY(-3px)}.td-card.short{filter:grayscale(.75)brightness(.6)}.td-card.short .td-pips{filter:grayscale()}.td-pips{flex-wrap:wrap;gap:1px;min-height:15px;display:flex}.td-pips img{filter:drop-shadow(0 1px 1px #000);border-radius:50%;width:15px;height:15px}.td-face{aspect-ratio:16/9;background:#111;border-radius:6px;display:block;position:relative;overflow:hidden}.td-art{object-fit:cover;background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--c) 55%, #222), #111);width:100%;height:100%;display:block}.td-face>.td-picto{color:#111;background:#f6f2e6ee;border-radius:8px;padding:3px;position:absolute;top:4px;left:4px;box-shadow:0 1px 4px #000a}.td-face .td-picto>svg{width:30px;height:30px}.td-name{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:700;line-height:1.15;overflow:hidden}.td-badges{color:#fff;filter:drop-shadow(0 1px 2px #000);flex-direction:column;gap:2px;display:flex;position:absolute;top:0;left:calc(100% + 4px)}.td-pt{color:#fff;background:#000c;border-radius:6px;padding:0 5px;font-size:.85rem;font-weight:800;position:absolute;bottom:24px;right:8px}.td-wait{color:#ffe9a0;justify-content:center;align-items:center;gap:6px;margin:0;padding:0 12px 4px;font-size:.78rem;display:flex}.td-wait-card{color:#111;width:28px;height:28px;box-shadow:0 0 10px color-mix(in srgb, var(--c) 70%, transparent);background:#f3eee0;border-radius:6px;place-items:center;animation:1.2s ease-in-out infinite td-pulse;display:inline-grid}@keyframes td-pulse{50%{box-shadow:0 0 16px var(--c);transform:translateY(-2px)}}.td-over{text-align:center;background:radial-gradient(circle,#000a,#000d);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;animation:.5s ease-out td-fade;display:flex;position:absolute;inset:0}.td-over h2{letter-spacing:1px;margin:0;font-size:2.6rem}.td-over.win h2{color:#ffd27a;text-shadow:0 0 30px #ffb02a}.td-over.loss h2{color:#ff7a6a;text-shadow:0 0 30px #c0281c}@keyframes td-fade{0%{opacity:0;transform:scale(1.05)}}@media (max-width:640px){.td-face{aspect-ratio:2}.td-name{font-size:.72rem}.td-pips img{width:12px;height:12px}.td-pips{min-height:12px}.td-mana img{width:16px}.td-face .td-picto>svg{width:22px;height:22px}}@media (min-aspect-ratio:1) and (min-width:700px){.td-arena{grid-template-rows:minmax(0,1fr)}.td-canvas{grid-area:1/1}.td-bottom{background:linear-gradient(#0000,#000a 45%);position:absolute;bottom:0;left:0;right:0}.td-me{max-width:640px;margin:0 auto}.td-hand{grid-template-columns:repeat(3,190px);justify-content:center;gap:14px}.td-foe{width:min(460px,45vw);right:auto}}