:root{--orange: #f47b20;--orange-hi: #ffa24a;--orange-lo: #b9500b;--black: #121010;--ink: #1d1916;--ink-2: #2a2420;--paper: #f2e2bf;--paper-2: #e3c995;--paper-ink: #3b2a19;--red: #d32f2f;--chakra: #2f7fe0;--chakra-hi: #7cc0ff;--green: #48b54f;--text: #f6efe4;--muted: #a99c8c;--radius: 12px;--font: "Trebuchet MS", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-title: "Palatino Linotype", "Book Antiqua", Georgia, serif;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%}body{font-family:var(--font);color:var(--text);background-color:var(--black);background-image:radial-gradient(ellipse at 50% -10%,rgba(244,123,32,.28),transparent 60%),radial-gradient(ellipse at 100% 100%,rgba(140,30,20,.25),transparent 55%),repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 2px,transparent 2px 14px);background-attachment:fixed;overscroll-behavior:none;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}input,select,textarea{user-select:text;-webkit-user-select:text}a{color:var(--orange-hi)}button{font:inherit;color:inherit}.muted{color:var(--muted)}.center{text-align:center}.tiny{font-size:11px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:10px;padding:10px 16px;font-weight:700;letter-spacing:.02em;cursor:pointer;text-decoration:none;color:var(--text);background:var(--ink-2);box-shadow:inset 0 0 0 1px #ffffff14;transition:transform .12s ease,filter .15s ease,opacity .15s;white-space:nowrap}.btn:active:not(:disabled){transform:translateY(1px) scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:linear-gradient(180deg,var(--orange-hi),var(--orange) 55%,var(--orange-lo));color:#1c0f04;box-shadow:0 2px #6e2e05,inset 0 1px #ffffff73;text-shadow:0 1px 0 rgba(255,255,255,.25)}.btn-fire{background:linear-gradient(180deg,#ffcf4a,#ff7b1c 50%,#c2330a);color:#200a00;box-shadow:0 0 14px #ff781e8c,0 2px #6e1d05,inset 0 1px #ffffff80}.btn-danger{background:linear-gradient(180deg,#e65050,#a71d1d)}.btn-ghost{background:#ffffff0f}.btn-sm{padding:6px 10px;font-size:13px;border-radius:8px}.btn-big{padding:13px 22px;font-size:17px;width:100%}.input{width:100%;padding:11px 12px;font:inherit;font-size:16px;color:var(--paper-ink);background:#fff8ea;border:2px solid #c9a46a;border-radius:10px;outline:none}.input:focus{border-color:var(--orange)}.form-error{color:#ffb4a8;background:#c8281e33;border-radius:8px;padding:8px 10px;font-size:14px}.scroll-paper .form-error{color:#8d1a10;background:#c8281e1f}.hint{color:var(--muted);font-size:13px}.scroll-paper .hint{color:#6c5435}.tag{display:inline-block;margin-left:6px;padding:1px 6px;font-size:11px;border-radius:6px;background:#ffffff1f;vertical-align:2px}.tag-host{background:var(--orange);color:#1c0f04}.tag-turn{background:var(--green);color:#062008}.scroll-paper{color:var(--paper-ink);background:radial-gradient(circle at 20% 30%,rgba(160,110,40,.12),transparent 40%),radial-gradient(circle at 80% 70%,rgba(160,110,40,.14),transparent 45%),repeating-linear-gradient(0deg,rgba(110,70,20,.05) 0 1px,transparent 1px 4px),linear-gradient(180deg,var(--paper),var(--paper-2));border-radius:var(--radius);box-shadow:0 0 0 2px #7a5326,0 0 0 4px #2b1b0c,0 8px 24px #00000073,inset 0 0 26px #78461459;padding:14px}.shell{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:8px 14px;background:linear-gradient(180deg,#0c0a09,#120e0ceb);border-bottom:3px solid var(--orange);box-shadow:0 4px 16px #00000080}.topbar-logo{text-decoration:none;color:inherit}.topnav{display:none;gap:4px;margin-left:12px}.topnav a,.bottomnav a{color:var(--muted);text-decoration:none;font-weight:700}.topnav a{padding:6px 12px;border-radius:8px}.topnav a.on{color:var(--text);background:#f47b2038}.topbar-user{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:0}.topbar-nick{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.conn{width:9px;height:9px;border-radius:50%;background:#777;flex:none}.conn-open{background:var(--green);box-shadow:0 0 6px var(--green)}.conn-connecting{background:#e3b341}.conn-closed{background:var(--red)}.main{flex:1;padding-bottom:76px}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;background:#0c0a09f5;border-top:2px solid var(--orange-lo);padding-bottom:env(safe-area-inset-bottom)}.bottomnav a{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 0 8px;font-size:12px}.bottomnav a.on{color:var(--orange-hi)}.bn-icon{font-size:19px;line-height:1}.bn-dot{position:absolute;top:6px;right:calc(50% - 18px);width:8px;height:8px;border-radius:50%;background:var(--green)}@media(min-width:760px){.topnav{display:flex}.bottomnav{display:none}.main{padding-bottom:24px}}.conn-banner{position:fixed;left:50%;top:8px;transform:translate(-50%);z-index:200;background:#6d1414;color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;box-shadow:0 4px 12px #00000080}.logo{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--orange)}.logo--small{flex-direction:row;gap:8px}.logo-text{font-family:var(--font-title);font-weight:900;font-size:38px;letter-spacing:.03em;color:var(--orange);text-shadow:0 2px 0 #4a1b02,0 0 18px rgba(244,123,32,.45)}.logo--small .logo-text{font-size:19px}@media(max-width:380px){.logo--small .logo-text{display:none}}.leaf-mark{filter:drop-shadow(0 0 6px rgba(244,123,32,.5))}.toasts{position:fixed;left:50%;bottom:86px;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.toast{padding:10px 14px;border-radius:10px;background:#1e1814f5;border-left:4px solid var(--orange);box-shadow:0 6px 18px #00000080;font-size:14px;animation:toast-in .25s ease-out}.toast-error{border-left-color:var(--red)}.toast-good{border-left-color:var(--green)}@keyframes toast-in{0%{transform:translateY(12px);opacity:0}}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#050302b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:16px;animation:fade-in .18s ease-out}@keyframes fade-in{0%{opacity:0}}.sheet{position:absolute;left:0;right:0;bottom:0;max-height:82vh;overflow:auto;border-radius:18px 18px 0 0;padding-bottom:calc(16px + env(safe-area-inset-bottom));animation:sheet-in .22s ease-out}@keyframes sheet-in{0%{transform:translateY(40%);opacity:.4}}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px}.scroll-paper .btn-ghost{background:#3c230a1f;color:var(--paper-ink)}.zoom{display:flex;flex-direction:column;align-items:center;gap:12px;max-height:100%;overflow:auto;animation:zoom-in .2s ease-out}@keyframes zoom-in{0%{transform:scale(.85);opacity:0}}.zoom-info{width:min(92vw,360px);font-size:14px;line-height:1.4}.zoom-meta{font-weight:700;margin-bottom:6px}.zoom-kw{margin:4px 0}.zoom-flavor{margin-top:8px;font-style:italic;color:#6c5435}.zoom-actions{display:flex;gap:8px;margin-top:10px}.rar-txt-common{color:#6b6b6b}.rar-txt-rare{color:#1f63c4}.rar-txt-epic{color:#8a2fc4}.rar-txt-legendary{color:#d26a00}.page{max-width:1100px;margin:0 auto;padding:14px}.page-title{font-family:var(--font-title);font-size:26px;margin:6px 0 14px;color:var(--orange-hi);text-shadow:0 2px 0 #3a1500}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-head h2{font-size:17px;margin:18px 0 8px}.empty{padding:22px 12px;text-align:center;color:var(--muted);border:2px dashed rgba(255,255,255,.1);border-radius:var(--radius)}.login{position:relative;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 18px;gap:14px;overflow:hidden}.login-sun{position:absolute;width:520px;height:520px;top:-200px;border-radius:50%;background:radial-gradient(circle,rgba(255,140,40,.35),transparent 65%);pointer-events:none}.login-sub{text-align:center;color:var(--muted);max-width:320px;margin:0 0 8px}.login-form{width:min(100%,360px);display:flex;flex-direction:column;gap:12px}.login-form label{font-weight:700}.row-form{display:flex;gap:8px;padding:10px}.room-list,.room-players,.deck-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.room-item,.deck-item,.room-player{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius);background:linear-gradient(90deg,#f47b201f,#ffffff08);border:1px solid rgba(244,123,32,.25);color:inherit;text-decoration:none}.room-item.is-ingame{opacity:.6}.room-item-main,.deck-item-main,.room-player-main{flex:1;min-width:0;color:inherit;text-decoration:none}.room-item-name,.deck-item-name,.room-player-nick{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-item-meta,.deck-item-meta,.room-player-meta{font-size:12px;color:var(--muted);margin-top:2px}.deck-item.is-draft{border-style:dashed}.deck-item-actions{display:flex;gap:6px}.room-player.is-empty{justify-content:center;color:var(--muted);background:transparent;border:2px dashed rgba(255,255,255,.1);min-height:70px}.room-player.is-offline{opacity:.55}.room-player.is-ready{border-color:var(--green);background:linear-gradient(90deg,#48b54f2e,#ffffff05)}.ready-mark{font-size:12px;font-weight:700;color:var(--muted)}.ready-mark.on{color:var(--green)}.ready-box{margin-top:16px;display:flex;flex-direction:column;gap:10px}.ready-box label{font-weight:700}.start-box{margin-top:16px;display:flex;flex-direction:column;gap:6px;text-align:center}.hero-portrait{flex:none;border-radius:50%;overflow:hidden;border:3px solid var(--orange);box-shadow:0 0 0 2px #2a1607,0 2px 8px #0009;background:#2a1d14}.hero-portrait .art{width:100%;height:100%}.filters{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips-cost{flex-wrap:nowrap;overflow-x:auto}.chip{border:1px solid rgba(255,255,255,.14);background:#ffffff0d;border-radius:999px;padding:5px 11px;font-size:13px;cursor:pointer;flex:none}.chip.on{background:var(--orange);color:#1c0f04;border-color:var(--orange-hi);font-weight:700}.chip-mana{width:34px;height:34px;padding:0;font-weight:800;background:radial-gradient(circle at 35% 30%,#8fd0ff,var(--chakra) 55%,#133b78);border-color:#0d2a55;color:#fff;text-shadow:0 1px 2px #000}.chip-mana.on{box-shadow:0 0 0 3px var(--orange);background:radial-gradient(circle at 35% 30%,#ffe0a8,var(--orange) 55%,#7a3000);color:#fff}.rar-chip-rare.on{background:#2f7fe0;color:#fff}.rar-chip-epic.on{background:#9b3fd6;color:#fff}.rar-chip-legendary.on{background:#ff9800}.chip-reset{border-style:dashed}.card-grid{display:grid;gap:12px 10px;justify-content:center}.grid-cell{position:relative}.zoom-btn{position:absolute;top:2px;right:2px;width:26px;height:26px;border-radius:50%;border:2px solid #f2e2bf;background:#140e0ad9;font-weight:800;font-style:italic;font-family:Georgia,serif;cursor:pointer;z-index:5}.builder-head{display:flex;gap:10px;align-items:center;margin-bottom:12px}.builder-class{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(244,123,32,.35);border-radius:12px;padding:4px 10px 4px 4px;cursor:pointer;text-align:left;flex:none;max-width:50%}.builder-class span{display:flex;flex-direction:column;min-width:0}.builder-class b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builder-class small{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builder-name{flex:1;min-width:0}.builder-body{display:flex;gap:18px;align-items:flex-start}.builder-collection{flex:1;min-width:0;padding-bottom:70px}.builder--wide .builder-collection{padding-bottom:0}.builder--wide{max-width:1280px}.builder-side{width:340px;flex:none;position:sticky;top:70px;max-height:calc(100vh - 90px);overflow:auto}.deck-bar{position:fixed;left:10px;right:10px;bottom:calc(64px + env(safe-area-inset-bottom));z-index:15;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:0;border-radius:14px;padding:11px 14px;background:linear-gradient(180deg,#3a2414,#22150c);border:2px solid var(--orange);box-shadow:0 8px 22px #0009;cursor:pointer;font-weight:800;text-align:left}.deck-bar.ok{border-color:var(--green)}.deck-bar-mini{font-weight:400;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-panel{display:flex;flex-direction:column;gap:10px}.deck-counters{display:flex;justify-content:space-between;font-weight:700;font-size:14px}.deck-counters .ok{color:#1d7a25}.deck-counters .warn{color:#9a5a00}.deck-counters .bad{color:#b31b10}.deck-errors{margin:0;padding:8px 10px 8px 26px;border-radius:8px;background:#c8281e1f;color:#8d1a10;font-size:13px}.deck-rows{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3px}.deck-row{display:flex;align-items:center;gap:8px;padding:5px 8px 5px 4px;border-radius:8px;background:linear-gradient(90deg,#2a1b10,#4a3220);color:#f6efe4;cursor:pointer;font-size:14px;border-left:4px solid #aaa;transition:transform .1s}.deck-row:active{transform:scale(.98)}.deck-row.rar-rare{border-left-color:#2f7fe0}.deck-row.rar-epic{border-left-color:#9b3fd6}.deck-row.rar-legendary{border-left-color:#ff9800}.deck-row.bad{background:linear-gradient(90deg,#5a1010,#4a3220)}.deck-row-cost{width:24px;height:24px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;background:radial-gradient(circle at 35% 30%,#8fd0ff,var(--chakra) 55%,#133b78);text-shadow:0 1px 2px #000}.deck-row-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-row-n{color:var(--orange-hi);font-weight:800}.deck-row-x{color:var(--muted);font-weight:800}.deck-panel-actions{display:flex;flex-direction:column;gap:6px;align-items:center}.curve{display:flex;gap:4px;height:84px;align-items:stretch}.curve-col{flex:1;display:flex;flex-direction:column;align-items:center;font-size:11px}.curve-n{height:14px;font-weight:700}.curve-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;background:#3c230a1a;border-radius:4px}.curve-bar{width:100%;background:linear-gradient(180deg,var(--orange-hi),var(--orange-lo));border-radius:4px 4px 0 0;transition:height .25s ease}.curve-cost{font-weight:800;color:#1d4f99}.class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}.class-tile{display:flex;gap:12px;align-items:flex-start;text-align:left;padding:12px;border-radius:var(--radius);border:2px solid rgba(244,123,32,.3);background:linear-gradient(135deg,#f47b2024,#ffffff05);cursor:pointer;transition:transform .12s,border-color .15s}.class-tile:active{transform:scale(.98)}.class-tile.on{border-color:var(--orange);box-shadow:0 0 16px #f47b2066}.class-tile-main{min-width:0}.class-tile-hero{font-weight:800;font-size:16px}.class-tile-name{color:var(--orange-hi);font-size:12px;margin-bottom:6px}.class-tile-power{font-size:13px}.class-tile-desc{font-size:12px;color:var(--muted);margin-top:4px}.mini-mana{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:12px;font-weight:800;background:radial-gradient(circle at 35% 30%,#8fd0ff,var(--chakra) 55%,#133b78)}.demo-switch{position:fixed;right:6px;bottom:50%;z-index:400;display:flex;flex-direction:column;gap:4px;opacity:.7}.menu-panel,.results{width:min(92vw,360px);display:flex;flex-direction:column;gap:12px}.log-panel{width:min(94vw,420px);max-height:80vh;display:flex;flex-direction:column}.log-list{list-style:none;margin:0;padding:0;overflow:auto;font-size:14px}.log-list li{padding:5px 2px;border-bottom:1px solid rgba(80,50,20,.15)}.log-turn{font-weight:800;color:#a64300}.log-dmg{color:#9c1d14}.log-death{color:#555;font-style:italic}.log-out{font-weight:800;color:#6a1b9a}.audio-btn{padding:5px 8px}.audio-panel{width:min(92vw,340px);display:flex;flex-direction:column;gap:12px}.audio-row{display:grid;grid-template-columns:110px 1fr 42px;align-items:center;gap:8px}.audio-toggle{display:flex;align-items:center;gap:6px;font-weight:700}.audio-toggle input{width:18px;height:18px;accent-color:var(--orange)}.audio-row input[type=range]{width:100%;accent-color:var(--orange)}.audio-pct{text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.card{--u: calc(var(--cw) / 100);position:relative;width:var(--cw);height:calc(var(--u) * 140);flex:none;font-size:calc(var(--u) * 7);line-height:1.15;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease;border-radius:calc(var(--u) * 8)}.card.is-clickable{cursor:pointer}.card.is-clickable:active{transform:scale(.97)}.card-frame{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(var(--u) * 8);overflow:hidden;background:repeating-linear-gradient(100deg,rgba(255,255,255,.03) 0 calc(var(--u) * 1.5),transparent calc(var(--u) * 1.5) calc(var(--u) * 5)),linear-gradient(160deg,#5a3a1f,#2b1a0c 60%,#1b0f06);box-shadow:inset 0 0 0 calc(var(--u) * 1.6) #120a04,inset 0 0 0 calc(var(--u) * 3) #c8792a,inset 0 0 0 calc(var(--u) * 3.8) #3a1f0b,0 calc(var(--u) * 2) calc(var(--u) * 6) #0009}.card--spell .card-frame{background:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px calc(var(--u) * 3)),linear-gradient(160deg,#7a1f1a,#3d0d0b 60%,#200605);box-shadow:inset 0 0 0 calc(var(--u) * 1.6) #140303,inset 0 0 0 calc(var(--u) * 3) #d9a441,inset 0 0 0 calc(var(--u) * 3.8) #3d0d0b,0 calc(var(--u) * 2) calc(var(--u) * 6) #0009}.card--weapon .card-frame{background:repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 1px,transparent 1px calc(var(--u) * 4)),linear-gradient(160deg,#5f646c,#2d3036 60%,#16181b);box-shadow:inset 0 0 0 calc(var(--u) * 1.6) #0b0c0e,inset 0 0 0 calc(var(--u) * 3) #a9b1bb,inset 0 0 0 calc(var(--u) * 3.8) #2d3036,0 calc(var(--u) * 2) calc(var(--u) * 6) #0009}.card.rar-legendary .card-frame{box-shadow:inset 0 0 0 calc(var(--u) * 1.6) #140a02,inset 0 0 0 calc(var(--u) * 3) #ffb43a,inset 0 0 0 calc(var(--u) * 3.8) #5a2c05,0 0 calc(var(--u) * 6) #ffa02873,0 calc(var(--u) * 2) calc(var(--u) * 6) #0009}.card-art{position:absolute;left:calc(var(--u) * 14);top:calc(var(--u) * 7);width:calc(var(--u) * 72);height:calc(var(--u) * 62);border-radius:50%;overflow:hidden;background:#1b120a;box-shadow:0 0 0 calc(var(--u) * 1.4) #120a04,0 0 0 calc(var(--u) * 2.6) #d28d3c,0 calc(var(--u) * 1) calc(var(--u) * 3) #000000b3}.card--spell .card-art{left:calc(var(--u) * 10);top:calc(var(--u) * 8);width:calc(var(--u) * 80);height:calc(var(--u) * 58);border-radius:calc(var(--u) * 6) calc(var(--u) * 6) calc(var(--u) * 18) calc(var(--u) * 18);box-shadow:0 0 0 calc(var(--u) * 1.4) #140303,0 0 0 calc(var(--u) * 2.6) #d9a441}.card--weapon .card-art{left:calc(var(--u) * 15);top:calc(var(--u) * 7);width:calc(var(--u) * 70);height:calc(var(--u) * 62);border-radius:calc(var(--u) * 30) calc(var(--u) * 30) calc(var(--u) * 10) calc(var(--u) * 10);box-shadow:0 0 0 calc(var(--u) * 1.4) #0b0c0e,0 0 0 calc(var(--u) * 2.6) #a9b1bb}.art{display:block;width:100%;height:100%;object-fit:cover}.art-ph{display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,rgba(255,170,70,.5),transparent 55%),repeating-conic-gradient(from 0deg at 50% 38%,rgba(255,140,40,.16) 0 8deg,transparent 8deg 22deg),linear-gradient(180deg,#3b2412,#160c05)}.card--spell .art-ph{background:radial-gradient(circle at 50% 45%,rgba(110,190,255,.55),transparent 55%),repeating-conic-gradient(from 0deg at 50% 45%,rgba(120,180,255,.16) 0 8deg,transparent 8deg 22deg),linear-gradient(180deg,#2a0f2e,#0f0510)}.card--weapon .art-ph{background:radial-gradient(circle at 50% 40%,rgba(230,235,245,.45),transparent 55%),repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 3px,transparent 3px 9px),linear-gradient(180deg,#3a3d44,#121316)}.art-ph-glyph{font-family:var(--font-title);font-weight:900;font-size:2.6em;color:#ffe6bebf;text-shadow:0 .06em .12em rgba(0,0,0,.8)}.card .art-ph-glyph{font-size:calc(var(--u) * 22)}.card-name{position:absolute;left:calc(var(--u) * 3);right:calc(var(--u) * 3);top:calc(var(--u) * 63);height:calc(var(--u) * 13);display:flex;align-items:center;justify-content:center;padding:0 calc(var(--u) * 8);background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 45%,rgba(0,0,0,.25)),linear-gradient(90deg,#b84f0a,#f58a2a 20%,#ffad55,#f58a2a 80%,#b84f0a);clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%);z-index:2}.card--spell .card-name{background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 45%,rgba(0,0,0,.25)),linear-gradient(90deg,#8a6a1d,#e0b552 20%,#f8db8d,#e0b552 80%,#8a6a1d)}.card--weapon .card-name{background:linear-gradient(180deg,rgba(255,255,255,.4),transparent 45%,rgba(0,0,0,.25)),linear-gradient(90deg,#5d636b,#b9c1cb 20%,#e2e7ee,#b9c1cb 80%,#5d636b)}.card-name span{font-weight:900;font-size:calc(var(--u) * 7.4);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em;text-shadow:0 0 calc(var(--u) * .8) #000,calc(var(--u) * .5) calc(var(--u) * .5) 0 #2b1204,calc(var(--u) * -.5) calc(var(--u) * -.5) 0 #2b1204,calc(var(--u) * .5) calc(var(--u) * -.5) 0 #2b1204,calc(var(--u) * -.5) calc(var(--u) * .5) 0 #2b1204}.card-gem{position:absolute;left:50%;top:calc(var(--u) * 75);width:calc(var(--u) * 7);height:calc(var(--u) * 7);transform:translate(-50%) rotate(45deg);background:radial-gradient(circle at 35% 35%,#fff,#c9c9c9 50%,#7d7d7d);box-shadow:0 0 0 calc(var(--u) * .9) #1a1008;z-index:3}.rar-rare .card-gem{background:radial-gradient(circle at 35% 35%,#d4ecff,#3b8ef0 50%,#123f8a)}.rar-epic .card-gem{background:radial-gradient(circle at 35% 35%,#f3d6ff,#a645e6 50%,#4b0f78)}.rar-legendary .card-gem{background:radial-gradient(circle at 35% 35%,#fff2c8,#ff9a1a 50%,#8a3a00);box-shadow:0 0 0 calc(var(--u) * .9) #1a1008,0 0 calc(var(--u) * 4) #ffae3a}.card-text{position:absolute;left:calc(var(--u) * 9);right:calc(var(--u) * 9);top:calc(var(--u) * 80);bottom:calc(var(--u) * 15);display:flex;align-items:center;justify-content:center;text-align:center;padding:calc(var(--u) * 3) calc(var(--u) * 3);font-size:calc(var(--u) * 6.4);color:#2e1f10;border-radius:calc(var(--u) * 3);background:repeating-linear-gradient(0deg,rgba(110,70,20,.06) 0 1px,transparent 1px calc(var(--u) * 2.5)),radial-gradient(circle at 30% 30%,rgba(160,110,40,.15),transparent 50%),linear-gradient(180deg,#f6e8c8,#e0c590);box-shadow:inset 0 0 calc(var(--u) * 3) #6e3c0a73,0 0 0 calc(var(--u) * .8) #2a1709;overflow:hidden}.card-name.len-m span{font-size:calc(var(--u) * 6.4)}.card-name.len-l span{font-size:calc(var(--u) * 5.5)}.card-name.len-xl span{font-size:calc(var(--u) * 4.8)}.card-text.len-m{font-size:calc(var(--u) * 5.9)}.card-text.len-l{font-size:calc(var(--u) * 5.3);padding:calc(var(--u) * 1.5) calc(var(--u) * 2)}.card-text b{font-weight:900}.card-flavor{color:#6c5435}.card-tribe{position:absolute;left:50%;bottom:calc(var(--u) * 4.6);transform:translate(-50%);max-width:calc(var(--u) * 54);padding:calc(var(--u) * .6) calc(var(--u) * 4);font-size:calc(var(--u) * 5.2);font-weight:700;color:#f2e2bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(180deg,#3a2414,#150b04);border-radius:calc(var(--u) * 3);box-shadow:0 0 0 calc(var(--u) * .7) #c8792a}.card--tiny .card-tribe{display:none}.card--tiny .card-text{bottom:calc(var(--u) * 10);padding:calc(var(--u) * 1.5)}.card-cost,.card-atk,.card-hp,.card-dur{position:absolute;width:calc(var(--u) * 25);height:calc(var(--u) * 25);display:grid;place-items:center;z-index:4}.card-cost span,.card-atk span,.card-hp span,.card-dur span{font-weight:900;font-size:calc(var(--u) * 15);color:#fff;line-height:1;text-shadow:calc(var(--u) * .8) calc(var(--u) * .8) 0 #000,calc(var(--u) * -.8) calc(var(--u) * -.8) 0 #000,calc(var(--u) * .8) calc(var(--u) * -.8) 0 #000,calc(var(--u) * -.8) calc(var(--u) * .8) 0 #000,0 0 calc(var(--u) * 2) #000}.card-cost{left:calc(var(--u) * -4);top:calc(var(--u) * -4);border-radius:50%;background:conic-gradient(from 0deg,rgba(255,255,255,.28) 0 10%,transparent 10% 25%,rgba(255,255,255,.2) 25% 35%,transparent 35% 60%,rgba(255,255,255,.22) 60% 70%,transparent 70%),radial-gradient(circle at 35% 30%,#a9dcff,#2f7fe0 55%,#0d2d63);box-shadow:0 0 0 calc(var(--u) * 1.4) #0b1a33,0 0 0 calc(var(--u) * 2.4) #8bb8e8,0 calc(var(--u) * 1) calc(var(--u) * 3) #000000b3}.card-cost.up span{color:#7dff7d}.card-cost.down span{color:#ff7d7d}.card-atk{left:calc(var(--u) * -4);bottom:calc(var(--u) * -4);border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a0,#f0a51a 50%,#7a4300);box-shadow:0 0 0 calc(var(--u) * 1.4) #2a1600,0 calc(var(--u) * 1) calc(var(--u) * 3) #000000b3}.card-atk:before{content:"";position:absolute;inset:calc(var(--u) * 3);border:calc(var(--u) * .8) solid rgba(255,255,255,.35);transform:rotate(45deg);border-radius:calc(var(--u) * 2)}.card-hp{right:calc(var(--u) * -4);bottom:calc(var(--u) * -4);border-radius:50%/58% 58% 42% 42%;background:radial-gradient(circle at 35% 30%,#ffb3a6,#e1302a 50%,#6d0707);box-shadow:0 0 0 calc(var(--u) * 1.4) #2a0303,0 calc(var(--u) * 1) calc(var(--u) * 3) #000000b3}.card-dur{right:calc(var(--u) * -4);bottom:calc(var(--u) * -4);border-radius:calc(var(--u) * 4) calc(var(--u) * 4) 50% 50%;background:radial-gradient(circle at 35% 30%,#f2f5f9,#8d96a3 50%,#2e333a);box-shadow:0 0 0 calc(var(--u) * 1.4) #0b0c0e,0 calc(var(--u) * 1) calc(var(--u) * 3) #000000b3}.card-crown{position:absolute;left:50%;top:calc(var(--u) * -7);width:calc(var(--u) * 42);height:calc(var(--u) * 14);transform:translate(-50%);z-index:3;background:linear-gradient(180deg,#fff3b0,#ffae2a 45%,#d2560a);clip-path:polygon(0 100%,8% 40%,18% 75%,30% 10%,40% 65%,50% 0,60% 65%,70% 10%,82% 75%,92% 40%,100% 100%);filter:drop-shadow(0 0 calc(var(--u) * 2) rgba(255,150,30,.8))}.card-badge{position:absolute;right:calc(var(--u) * -3);top:calc(var(--u) * 46);z-index:5;min-width:calc(var(--u) * 20);padding:calc(var(--u) * 1) calc(var(--u) * 3);border-radius:calc(var(--u) * 5);background:var(--orange);color:#1c0f04;font-weight:900;font-size:max(11px,calc(var(--u) * 9));text-align:center;box-shadow:0 0 0 2px #2a1607,0 2px 6px #0009}.card.is-playable .card-frame{outline:calc(var(--u) * 2) solid #63ff63;outline-offset:calc(var(--u) * -.5);animation:playable-glow 1.6s ease-in-out infinite}@keyframes playable-glow{50%{filter:brightness(1.12);outline-color:#b3ffb3}}.card.is-selected .card-frame{outline:calc(var(--u) * 2.4) solid var(--orange-hi);box-shadow:0 0 calc(var(--u) * 10) #ff9628cc}.card.is-dim{filter:grayscale(.85) brightness(.65)}.zoom-card{animation:none}.game{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;max-width:760px;margin:0 auto;background:radial-gradient(ellipse at 50% 100%,rgba(244,123,32,.18),transparent 55%),radial-gradient(ellipse at 50% 0%,rgba(120,20,20,.25),transparent 50%),repeating-linear-gradient(90deg,rgba(255,255,255,.015) 0 1px,transparent 1px 40px),linear-gradient(180deg,#17110e,#221812 50%,#1a120c);box-shadow:0 0 0 1px #f47b2026;height:100dvh}.game-top{position:relative;display:flex;align-items:center;justify-content:space-between;padding:6px 8px 8px;background:#080605bf;flex:none}.turn-info{display:flex;align-items:baseline;gap:8px;min-width:0}.turn-who{font-weight:800;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-who.mine{color:var(--orange-hi)}.turn-secs{font-variant-numeric:tabular-nums;font-weight:700;color:var(--muted);font-size:13px}.turn-secs.low{color:#ff6b5b;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:.4}}.game-top-btns{display:flex;gap:6px}.turn-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff0f}.turn-bar>div{height:100%;background:linear-gradient(90deg,var(--orange-lo),var(--orange-hi));transition:width .25s linear}.turn-bar>div.low{background:linear-gradient(90deg,#8a1010,#ff5040)}.opps{flex:none;padding:6px 6px 0;display:flex;flex-direction:column;gap:6px}.opp-row{display:flex;gap:5px}.opp-compact{flex:1;min-width:0;padding:5px;border-radius:10px;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.08);cursor:pointer;transition:border-color .2s,background .2s,opacity .3s}.opp-compact.is-current{border-color:var(--orange);background:#f47b201a}.opp-compact.is-open{background:#f47b202e}.opp-compact.has-target{border-color:#ff4b3a;animation:target-pulse 1.1s ease-in-out infinite}.opp-compact.is-out,.opp-wide.is-out{filter:grayscale(1);opacity:.5}.opp-compact-top{display:flex;gap:6px;align-items:center}.opp-compact-info{min-width:0;font-size:11px;display:flex;flex-direction:column;gap:2px}.opp-nick{font-weight:800;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opp-class{font-size:11px;color:var(--muted)}.opp-stats{display:flex;gap:6px;align-items:center;font-size:11px;font-weight:700}.stat-hand:before,.stat-deck:before{content:"";display:inline-block;width:8px;height:11px;margin-right:3px;vertical-align:-1px;border-radius:2px;background:linear-gradient(160deg,#f58a2a,#7a3500);box-shadow:0 0 0 1px #2a1607}.stat-deck:before{background:linear-gradient(160deg,#6d5040,#2b1a0c);box-shadow:1px 1px #555,0 0 0 1px #000}.mana-compact{display:inline-flex;align-items:center;gap:3px;color:var(--chakra-hi)}.mana-dot{width:9px;height:9px;transform:rotate(45deg);background:radial-gradient(circle at 35% 30%,#a9dcff,var(--chakra) 55%,#0d2d63);display:inline-block}.mini-board{display:flex;flex-wrap:wrap;gap:2px;margin-top:4px;min-height:20px}.mini{position:relative;border-radius:45%;background:linear-gradient(180deg,#6b4524,#2b1a0c);box-shadow:0 0 0 1px #c8792a;font-size:9px;font-weight:900}.mini.has-taunt{box-shadow:0 0 0 2px #b9c1cb}.mini.mark-target{box-shadow:0 0 0 2px #ff3b2b,0 0 8px #ff3b2b;animation:target-pulse 1.1s ease-in-out infinite}.mini-a,.mini-h{position:absolute;bottom:-2px;text-shadow:0 0 2px #000,0 0 2px #000}.mini-a{left:0;color:#ffd54a}.mini-h{right:0;color:#ff8a80}.mini-empty{font-size:10px}.opp-wide{border-radius:12px;padding:6px;background:#00000040;border:1.5px solid rgba(255,255,255,.06);animation:fade-in .2s ease-out}.opp-wide.is-current{border-color:#f47b2099}.opp-wide-head{display:flex;align-items:center;gap:10px;margin-bottom:4px}.opp-info{min-width:0;display:flex;flex-direction:column;gap:2px}.opp-close{margin-left:auto}.board{display:flex;justify-content:center;align-items:center;gap:5px;padding:4px 2px;flex-wrap:nowrap}.board--mine{padding-top:8px}.board.is-placing{background:#63ff630d;border-radius:12px}.board-empty{color:#ffffff1f;font-size:12px;letter-spacing:.2em;text-transform:uppercase}.slot{width:14px;flex:none;border-radius:8px;border:2px dashed rgba(99,255,99,.6);cursor:pointer;animation:slot-pulse 1.2s ease-in-out infinite}.slot-wide{width:60%}@keyframes slot-pulse{50%{background:#63ff632e}}.center-line{flex:1;min-height:22px;display:flex;align-items:center;justify-content:center;position:relative;padding:0 12px}.center-line:before{content:"";position:absolute;left:8%;right:8%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(244,123,32,.6),transparent)}.center-text{position:relative;padding:2px 10px;border-radius:10px;background:#1d1510;font-size:12px;color:var(--muted);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;animation:fade-in .3s ease-out}.minion{--ms: 50px;position:relative;width:var(--ms);height:calc(var(--ms) * 1.25);flex:none;isolation:isolate;transition:transform .15s ease}.minion.is-clickable{cursor:pointer}.minion-body{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;background:#2a1a0c;box-shadow:0 0 0 2px #120a04,0 0 0 3.5px #c8792a,0 3px 8px #0009}.minion.rar-legendary .minion-body{box-shadow:0 0 0 2px #120a04,0 0 0 3.5px #ffb43a,0 0 10px #ffaa3299}.minion .art-ph-glyph{font-size:calc(var(--ms) * .36)}.minion.has-taunt:before{content:"";position:absolute;top:-5px;right:-6px;bottom:-3px;left:-6px;z-index:-1;border-radius:46% 46% 50% 50%/30% 30% 70% 70%;background:linear-gradient(180deg,#e3e8ee,#7c8591 60%,#3d434b);box-shadow:0 0 0 1.5px #111}.minion.has-shield .minion-body:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 50% 40%,transparent 50%,rgba(255,220,90,.55));box-shadow:inset 0 0 0 2px #ffe678e6;animation:shield-shimmer 2.4s ease-in-out infinite}@keyframes shield-shimmer{50%{opacity:.6}}.minion.has-stealth .minion-body{filter:grayscale(.6) brightness(.55);box-shadow:0 0 0 2px #120a04,0 0 0 3.5px #a0a0c880}.minion.is-frozen .minion-body:before,.hero.is-frozen .hero-face:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;background:linear-gradient(160deg,#b4e6ffa6,#3c8cdc66);box-shadow:inset 0 0 8px #fff}.minion.is-silenced .minion-body{filter:sepia(.6)}.minion-atk,.minion-hp{position:absolute;bottom:-4px;width:calc(var(--ms) * .4);height:calc(var(--ms) * .4);min-width:18px;min-height:18px;display:grid;place-items:center;border-radius:50%;font-weight:900;font-size:max(11px,calc(var(--ms) * .26));color:#fff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;z-index:3}.minion-atk{left:-5px;background:radial-gradient(circle at 35% 30%,#ffe9a0,#f0a51a 50%,#7a4300);box-shadow:0 0 0 1.5px #2a1600}.minion-hp{right:-5px;border-radius:50%/58% 58% 42% 42%;background:radial-gradient(circle at 35% 30%,#ffb3a6,#e1302a 50%,#6d0707);box-shadow:0 0 0 1.5px #2a0303}.minion-atk.up,.minion-hp.up{color:#8dff8d}.minion-hp.down,.hero-hp.down{color:#ff9d94}.minion-icons{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);display:flex;gap:1px;z-index:3}.minion-icons span{width:14px;height:14px;display:grid;place-items:center;border-radius:50%;background:#1a100a;box-shadow:0 0 0 1px #c8792a;font-size:9px;font-weight:900;color:#ffd9a8}.hero{--hs: 64px;position:relative;width:var(--hs);height:var(--hs);flex:none;transition:transform .15s ease}.hero.is-clickable{cursor:pointer}.hero-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50% 50% 46% 46%;overflow:hidden;background:#2a1d14;box-shadow:0 0 0 2px #120a04,0 0 0 4px var(--orange),0 0 0 5.5px #2a1607,0 4px 10px #0009}.hero .art-ph-glyph{font-size:calc(var(--hs) * .34)}.hero-hp,.hero-atk,.hero-armor{position:absolute;min-width:max(20px,calc(var(--hs) * .36));height:max(20px,calc(var(--hs) * .36));padding:0 3px;display:grid;place-items:center;font-weight:900;font-size:max(11px,calc(var(--hs) * .22));color:#fff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;z-index:3}.hero-hp{right:-6px;bottom:-5px;border-radius:50%/58% 58% 42% 42%;background:radial-gradient(circle at 35% 30%,#ffb3a6,#e1302a 50%,#6d0707);box-shadow:0 0 0 1.5px #2a0303}.hero-atk{left:-6px;bottom:-5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a0,#f0a51a 50%,#7a4300);box-shadow:0 0 0 1.5px #2a1600}.hero-armor{right:-6px;top:40%;transform:translateY(-100%);border-radius:4px 4px 50% 50%;background:radial-gradient(circle at 35% 30%,#f2f5f9,#8d96a3 50%,#2e333a);box-shadow:0 0 0 1.5px #0b0c0e}.hero-weapon{position:absolute;left:-9px;top:-4px;display:flex;flex-direction:column;align-items:center;padding:2px 3px;border-radius:8px;background:linear-gradient(180deg,#5f646c,#1c1e22);box-shadow:0 0 0 1.5px #a9b1bb;font-size:10px;font-weight:900;line-height:1.1;z-index:3}.w-atk{color:#ffd54a}.w-dur{color:#d9dee5}.hero-place{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);padding:1px 5px;font-size:10px;font-weight:900;white-space:nowrap;background:#6d1414;color:#fff;border-radius:4px;z-index:4}.mark-canAct .minion-body,.mark-canAct .hero-face{box-shadow:0 0 0 2px #0b2a0b,0 0 0 4px #63ff63,0 0 12px #63ff63b3}.mark-selected{transform:translateY(-6px) scale(1.06)}.mark-selected .minion-body,.mark-selected .hero-face{box-shadow:0 0 0 2px #2a1607,0 0 0 4px var(--orange-hi),0 0 16px #ff9628e6}.mark-target .minion-body,.mark-target .hero-face{box-shadow:0 0 0 2px #2a0303,0 0 0 4px #ff3b2b,0 0 14px #ff3c28d9;animation:target-pulse 1.1s ease-in-out infinite}@keyframes target-pulse{50%{filter:brightness(1.25)}}.anim-lunge{animation:lunge .45s ease-out}@keyframes lunge{40%{transform:translateY(-14px) scale(1.12)}}.board--mine .anim-lunge,.me-hero .anim-lunge{animation-name:lunge-up}@keyframes lunge-up{40%{transform:translateY(-20px) scale(1.12)}}.anim-hit{animation:hit .4s ease-out}@keyframes hit{20%{transform:translate(-4px) rotate(-3deg)}45%{transform:translate(4px) rotate(3deg)}70%{transform:translate(-2px)}}.anim-death{animation:death .6s ease-in forwards}@keyframes death{to{transform:scale(.4) rotate(12deg);opacity:0;filter:grayscale(1)}}.anim-summon{animation:summon .45s cubic-bezier(.2,1.6,.4,1)}@keyframes summon{0%{transform:scale(.3);opacity:0}}.floats{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;display:grid;place-items:center}.float{grid-area:1 / 1;font-weight:900;font-size:20px;padding:1px 6px;border-radius:12px;animation:float-up 1.3s ease-out forwards;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.float-dmg{color:#fff;background:radial-gradient(circle,#e52b1f 40%,#e52b1f00 72%);padding:8px 10px}.float-heal{color:#b6ffb6}.float-shield{color:#ffe27a;font-size:13px}@keyframes float-up{0%{transform:scale(.4);opacity:0}15%{transform:scale(1.25);opacity:1}70%{transform:translateY(-10px) scale(1);opacity:1}to{transform:translateY(-26px);opacity:0}}.me{flex:none;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(180deg,transparent,rgba(244,123,32,.06))}.me.is-out{filter:grayscale(.8)}.me-row{display:flex;align-items:center;gap:10px;padding:8px 10px 4px}.me-hero{padding-left:6px}.me-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.mana-gems{display:flex;flex-direction:column;gap:2px}.mana-num{font-weight:900;color:var(--chakra-hi);font-size:14px}.mana-row{display:flex;flex-wrap:wrap;gap:3px}.gem{width:10px;height:10px;transform:rotate(45deg);background:#1c2a3c;box-shadow:0 0 0 1px #0a1220}.gem.full{background:radial-gradient(circle at 35% 30%,#c4e6ff,var(--chakra) 55%,#0d2d63);box-shadow:0 0 0 1px #0a1220,0 0 5px #50a0ffb3}.hero-power{position:relative;width:58px;height:58px;flex:none;border-radius:50%;border:0;cursor:pointer;background:radial-gradient(circle at 40% 35%,#6a5a4e,#2b221c 70%);box-shadow:0 0 0 2px #120a04,0 0 0 3.5px #8a7a6a;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;opacity:.7;transition:box-shadow .2s,opacity .2s,transform .12s}.hero-power.ready{opacity:1;background:radial-gradient(circle at 40% 35%,#ffbb6b,#c4500c 65%,#4a1a02);box-shadow:0 0 0 2px #120a04,0 0 0 3.5px #ffd08a,0 0 14px #ff8c28b3}.hero-power.on{transform:scale(1.08);box-shadow:0 0 0 2px #120a04,0 0 0 4px #fff2c8,0 0 20px #ffa03c}.hero-power.used{filter:grayscale(1);opacity:.45}.hp-cost{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:20px;height:20px;display:grid;place-items:center;font-size:12px;font-weight:900;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a9dcff,var(--chakra) 55%,#0d2d63);box-shadow:0 0 0 1.5px #0a1220}.hp-name{font-size:9px;font-weight:800;line-height:1.05;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-shadow:0 1px 2px #000}.end-turn{flex:none;min-width:96px;padding:12px 10px}.action-bar{display:flex;align-items:center;justify-content:center;gap:8px;margin:2px 8px 0;padding:5px 8px;border-radius:10px;background:#f47b2026;border:1px solid rgba(244,123,32,.45);font-size:13px;font-weight:700;animation:fade-in .15s ease-out}.hand{position:relative;margin:6px auto 0;flex:none}.hand-slot{position:absolute;bottom:-18%;transform-origin:50% 120%;transition:transform .18s ease,left .2s ease}.hand-empty{text-align:center;color:var(--muted);font-size:12px;padding-top:20px}.out-banner{margin:8px;padding:10px;text-align:center;border-radius:10px;background:#6d141499;font-weight:700}.sel-preview{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);pointer-events:none;z-index:60;animation:zoom-in .15s ease-out;filter:drop-shadow(0 10px 22px rgba(0,0,0,.8))}.played-preview{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);pointer-events:none;z-index:55;display:flex;flex-direction:column;align-items:center;gap:6px;animation:played 1.8s ease-in-out forwards;filter:drop-shadow(0 10px 22px rgba(0,0,0,.8))}.played-by{font-weight:800;font-size:13px;padding:2px 10px;border-radius:10px;background:#000000b3}@keyframes played{0%{opacity:0;transform:translate(-50%,-40%) scale(.7)}15%,80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(.9)}}.turn-banner{position:absolute;left:0;right:0;top:44%;z-index:70;text-align:center;pointer-events:none;font-family:var(--font-title);font-weight:900;font-size:40px;color:var(--orange-hi);text-shadow:0 3px 0 #3a1500,0 0 26px rgba(255,140,40,.9);background:linear-gradient(90deg,transparent,rgba(0,0,0,.7) 20%,rgba(0,0,0,.7) 80%,transparent);padding:6px 0;animation:banner 1.3s ease-out forwards}@keyframes banner{0%{opacity:0;transform:scaleX(.6)}20%,75%{opacity:1;transform:none}to{opacity:0}}.menu-power{font-size:14px}.results-back{z-index:150}.results-title{font-family:var(--font-title);font-size:34px;font-weight:900;text-align:center;color:#7a3500}.results-title.win{color:#d26a00;text-shadow:0 0 16px rgba(255,170,40,.8)}.results-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.results-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:#3c230a1a}.results-list li.is-me{outline:2px solid var(--orange)}.results-list li.is-win{background:#ffaa284d}.res-place{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#3b2a19;color:#fff;font-weight:900}.res-nick{font-weight:800;flex:1}.res-hero{font-size:12px;color:#6c5435}@media(min-height:900px){.center-line{min-height:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}