:root{--bg: #0a0c10;--bg-2: #12161d;--ink: #efe6d4;--muted: #b3a68f;--ember: #e07a3d;--ember-2: #f0a36a;--aether: #6ec8c7;--gold: #d4b06a;--hp: #c4453c;--mana: #4a90d9;--line: rgba(212, 176, 106, .22);--common: #b8b0a4;--rare: #5ea2e8;--epic: #c084fc;--legendary: #f0a36a;--hold-inline: 2.2rem;--hold-top: 5rem;--hold-bottom: 2.2rem;--font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-ui: "Source Sans 3", "Source Sans Pro", system-ui, sans-serif;--track-kicker: .2em;--track-label: .12em;--track-display: .012em;font-family:var(--font-ui);font-size:16px;line-height:1.45;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-ui);font-weight:400;letter-spacing:.01em;background:radial-gradient(1200px 600px at 50% -10%,rgba(224,122,61,.12),transparent 50%),radial-gradient(900px 500px at 100% 100%,rgba(110,200,199,.08),transparent 45%),var(--bg)}h1,h2,h3,.title{font-family:var(--font-display);font-weight:600;font-synthesis:none;letter-spacing:var(--track-display);line-height:1.05;margin:0;text-wrap:balance}h1{font-weight:600}h2{font-weight:600;letter-spacing:.02em}h3{font-weight:500;letter-spacing:.03em}a{color:var(--gold);text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#3a2a1c,#24180f);color:var(--gold);border:1px solid var(--gold);padding:.55rem 1.1rem;border-radius:2px;cursor:pointer;font-family:var(--font-ui);font-size:.8125rem;font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase}.btn:hover{background:#4a3422}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:linear-gradient(180deg,#c45d2a,#8e3a16);color:#fff8ee;border-color:var(--ember-2)}.btn.ghost{background:transparent}.layout{display:grid;grid-template-rows:auto 1fr;height:100dvh;max-height:100dvh;overflow:hidden}.layout>.page-shell{position:relative;min-height:0;overflow:hidden;display:flex;flex-direction:column}.layout>.page-shell>.page-stage{flex:1;min-height:0;overflow:auto;animation:page-stage-in .4s ease both}.layout>.page-shell>.page-stage>.deck-builder,.layout>.page-shell>.page-stage>.collection{overflow:hidden;height:100%;min-height:0}.nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1.2rem;flex-wrap:wrap;padding:.55rem var(--hold-inline);border-bottom:1px solid var(--line);background:#0a0c10eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40}.nav-main{display:flex;align-items:center;gap:.85rem;min-width:0;flex:1 1 auto}.nav .brand{display:flex;align-items:center;flex:0 0 auto;line-height:0}.nav .brand img{display:block;height:1.7rem;width:auto}.nav-links{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;min-width:0}.nav a{color:var(--muted);font-size:.8125rem;font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase}.nav a.active,.nav a:hover{color:var(--ink)}.nav-user{display:flex;align-items:center;gap:.65rem;flex:0 0 auto}.nav .stats{color:var(--muted);font-size:.8125rem;font-weight:500;font-variant-numeric:tabular-nums;display:flex;flex-wrap:wrap;gap:.45rem .75rem;justify-content:flex-end}.nav .stats b{color:var(--gold);font-weight:700}.nav .stats-name{color:var(--ink)}.nav-signout{padding:.4rem .7rem}.layout-hub{position:relative;grid-template-rows:1fr;background:#07080b}.layout-hub .nav-hub{position:absolute;top:0;left:0;right:0;background:linear-gradient(180deg,rgba(7,8,11,.78) 0%,transparent 100%);border-bottom:none;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:50}.layout-hub .nav-home .brand{visibility:hidden}.layout-hub>.page-shell{min-height:0;height:100%;overflow:hidden}.layout-hub>.page-shell>.page-stage{overflow:hidden}.layout-hub>.page-shell>.page-stage>.hold,.layout-hub>.page-shell>.page-stage>.chamber{min-height:0;height:100%;overflow:hidden}@keyframes page-stage-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none;background:#07080b;animation:page-veil-cycle .42s ease forwards}@keyframes page-veil-cycle{0%{opacity:0}35%{opacity:.72}to{opacity:0}}@media(prefers-reduced-motion:reduce){.layout>.page-shell>.page-stage{animation:none}.page-veil{display:none}}.hold{position:relative;isolation:isolate;color:var(--ink)}.hold-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#08090d}.hold-mural{position:absolute;top:0;right:0;width:min(78%,1100px);height:100%;object-fit:cover;object-position:68% 40%;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 18%,#000 46%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 18%,#000 46%)}.hold-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#07080b 0%,rgba(7,8,11,.88) 24%,rgba(7,8,11,.28) 52%,transparent 76%),linear-gradient(180deg,rgba(7,8,11,.72) 0%,transparent 18%,rgba(7,8,11,.4) 100%)}.hold-embers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hold-ember{position:absolute;bottom:10%;width:3px;height:3px;border-radius:50%;background:#f0a36a;box-shadow:0 0 8px 2px #e07a3dcc;opacity:0;animation-name:hold-ember-rise;animation-timing-function:linear;animation-iteration-count:infinite}.hold-stage{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;gap:1.6rem;width:min(34rem,46vw);padding:var(--hold-top) var(--hold-inline) var(--hold-bottom)}.hold-title{text-align:left;text-shadow:0 8px 28px rgba(0,0,0,.7)}.hold-kicker,.hold-summons-kicker,.chamber-kicker{margin:0;font-family:var(--font-ui);font-size:.6875rem;font-weight:600;letter-spacing:var(--track-kicker);text-transform:uppercase;color:var(--ember-2)}.hold-title h1{margin:.2rem 0 .4rem;line-height:0}.hold-logo{display:block;height:clamp(2.6rem,7vw,4.2rem);width:auto;max-width:100%;filter:drop-shadow(0 8px 28px rgba(0,0,0,.7))}.hold-welcome{margin:0;font-family:var(--font-display);font-style:italic;font-weight:500;font-size:1.2rem;line-height:1.3;letter-spacing:.01em;color:var(--ink);opacity:.82}.hold-nav{display:flex;flex-direction:column;gap:.7rem;width:100%}.hold-play,.hold-door{display:block;color:var(--gold);background:linear-gradient(180deg,#2a1e14eb,#100c09f0);border:1px solid rgba(212,176,106,.32);box-shadow:inset 0 1px #ffe0aa1f,0 10px 24px #00000059;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;cursor:pointer}.hold-play{padding:1.15rem 1.35rem 1.05rem;border-color:var(--ember);background:linear-gradient(180deg,#9a441ab8,#20100af2)}.hold-play-name{display:block;font-family:var(--font-display);font-size:2.35rem;font-weight:600;line-height:1;letter-spacing:.02em;color:#fff4e6}.hold-play-sub,.hold-door-sub{display:block;margin-top:.28rem;color:var(--muted);font-size:.875rem;font-weight:400;letter-spacing:.01em;line-height:1.35}.hold-play:hover,.hold-play:focus-visible{transform:translateY(-2px);border-color:var(--ember-2);box-shadow:inset 0 1px #ffe0aa38,0 14px 30px #00000073,0 0 24px #e07a3d47;outline:none}.hold-secondaries{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.55rem}.hold-door{padding:.75rem .8rem .7rem;min-width:0}.hold-door-name{display:flex;align-items:baseline;gap:.35rem;font-family:var(--font-display);font-size:1.35rem;font-weight:600;letter-spacing:.02em;line-height:1.1}.hold-door:hover,.hold-door:focus-visible{transform:translateY(-2px);border-color:var(--gold);outline:none}.hold-play:disabled,.hold-door:disabled{opacity:.45;cursor:default;transform:none}.hold-seal{display:inline-grid;place-items:center;min-width:1.2rem;height:1.2rem;padding:0 .3rem;border-radius:99px;background:var(--ember);color:#fff8ee;font-family:var(--font-ui);font-size:.68rem;font-weight:700;letter-spacing:0}.hold-summons{position:absolute;z-index:4;right:var(--hold-inline);bottom:var(--hold-bottom);max-width:min(340px,calc(100% - (var(--hold-inline) * 2)));padding:.9rem 1.15rem;color:var(--ink);background:linear-gradient(180deg,#28120ef0,#100a08f5);border:1px solid var(--ember);box-shadow:0 0 32px #e07a3d59}.hold-summons-kicker{display:block;margin-bottom:.2rem}.hold-summons-name{font-family:var(--font-display);font-size:1.35rem;font-weight:600;letter-spacing:.01em;line-height:1.2;color:var(--gold)}@keyframes hold-ember-rise{0%{transform:translateZ(0) scale(.6);opacity:0}14%{opacity:.85}to{transform:translate3d(12px,-70vh,0) scale(.2);opacity:0}}@media(prefers-reduced-motion:reduce){.hold-ember{animation:none}}.chamber{position:relative;isolation:isolate;color:var(--ink);height:100%}.chamber-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#08090d}.chamber-mural{position:absolute;top:0;right:0;width:min(78%,1100px);height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 18%,#000 46%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 18%,#000 46%)}.chamber-mural-crystal{object-position:58% 42%}.chamber-mural-quarry{object-position:50% 40%}.chamber-mural-hollow{object-position:62% 42%}.chamber-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#07080b 0%,rgba(7,8,11,.9) 26%,rgba(7,8,11,.28) 54%,transparent 78%),linear-gradient(180deg,rgba(7,8,11,.72) 0%,transparent 18%,rgba(7,8,11,.45) 100%)}.chamber-stage{position:relative;z-index:2;height:100%;min-height:0}.chamber-kicker{margin:0}.chamber-stage h1{font-size:clamp(2.8rem,6vw,4.4rem);font-weight:600;line-height:.94;letter-spacing:.01em;color:var(--gold);margin:.15rem 0 .35rem;text-shadow:0 8px 28px rgba(0,0,0,.7)}.chamber-welcome{margin:0;font-family:var(--font-display);font-style:italic;font-weight:500;font-size:1.2rem;line-height:1.3;letter-spacing:.01em;color:var(--ink);opacity:.82}.chamber-lede{margin:.55rem 0 0;color:var(--muted);font-size:.95rem;font-weight:400;line-height:1.5;letter-spacing:.01em;max-width:36ch}.chamber-actions{display:flex;flex-direction:column;gap:.55rem;margin-top:1.2rem;max-width:22rem}.chamber-actions .hold-play,.chamber-actions .hold-door{width:100%;text-align:left;cursor:pointer}.packs-copy .hold-play,.packs-copy .hold-door{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.packs-copy .hold-play-name,.packs-copy .hold-door-name,.packs-copy .hold-play-sub,.packs-copy .hold-door-sub{text-align:left;width:100%;justify-content:flex-start}.packs-stage,.decks-stage,.yard-stage{display:grid;grid-template-columns:min(32rem,42vw) minmax(0,1fr);align-items:center;gap:1.5rem;padding:var(--hold-top) var(--hold-inline) var(--hold-bottom)}.packs-copy,.decks-copy,.yard-copy{min-width:0}.packs-chamber.is-opening .packs-copy{display:none}.packs-chamber.is-opening .packs-stage{grid-template-columns:1fr;padding:var(--hold-top) var(--hold-inline) var(--hold-bottom)}.packs-chamber.is-opening .pack-theater{border:none;overflow:visible}.packs-chamber:not(.is-opening) .pack-theater{margin:0;border:none;background:transparent;min-height:0;height:100%;overflow:visible}.decks-stage{align-items:stretch;overflow:hidden}.decks-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.decks-copy .hold-play{margin-top:1.2rem;max-width:22rem;width:100%;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.decks-copy .hold-play-name,.decks-copy .hold-play-sub{text-align:left;width:100%}.decks-name-form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:1.2rem;max-width:22rem;width:100%}.decks-name-form .field{flex:1 1 10rem}.decks-name-form .hold-play{margin:0;max-width:none;padding:.7rem 1rem}.decks-name-form .hold-play-name{font-size:1.5rem}.war-list{display:flex;flex-direction:column;justify-content:center;gap:.65rem;min-height:0;overflow:auto;padding-right:.25rem}.war-deck-wrap{display:grid;grid-template-columns:1fr auto;gap:.45rem;align-items:stretch}.war-deck{display:grid;grid-template-columns:5.2rem 1fr;gap:.85rem;align-items:center;padding:.7rem .95rem .7rem .7rem;color:var(--gold);background:linear-gradient(180deg,#2a1e14e6,#100c09f0);border:1px solid rgba(212,176,106,.32);box-shadow:inset 0 1px #ffe0aa1a,0 10px 24px #00000059;transition:transform .18s ease,border-color .18s ease}.war-deck:hover,.war-deck:focus-visible{transform:translateY(-2px);border-color:var(--gold);outline:none}.war-deck-delete{min-width:4.4rem;padding:.55rem .7rem;border:1px solid rgba(196,69,60,.45);background:#2a100ed9;color:#e8b4ae;font:inherit;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.war-deck-delete:hover:not(:disabled),.war-deck-delete:focus-visible:not(:disabled){border-color:#c4453c;color:#ffd8d2;outline:none}.war-deck-delete:disabled{opacity:.4;cursor:not-allowed}.war-deck-arts{position:relative;height:3.4rem}.war-deck-art,.war-deck-empty-art{position:absolute;top:0;width:2.45rem;height:3.4rem;border-radius:3px;border:1px solid rgba(232,220,196,.28);background:#1a140f center/cover no-repeat;box-shadow:0 4px 10px #0006}.war-deck-art{left:calc(var(--i, 0) * .85rem)}.war-deck-empty-art{background:linear-gradient(180deg,#2a2218,#120e0b)}.war-deck-name{display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:600;line-height:1.1;letter-spacing:.015em}.war-deck-meta{display:block;margin-top:.2rem;color:var(--muted);font-size:.8125rem;font-weight:500;letter-spacing:.02em}.war-deck-meta.is-ready{color:var(--aether)}.yard-stage{align-items:stretch;overflow:hidden}.yard-copy{display:flex;flex-direction:column;justify-content:center}.yard-copy .chamber-actions{margin-top:1.1rem}.yard-copy label{margin:1.15rem 0 .35rem;font-size:.72rem;font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--muted)}.yard-deck{max-width:22rem;margin:0}.yard-note{margin:.45rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.45;max-width:36ch}.yard-copy .error-banner{margin:.85rem 0 0;max-width:22rem}.yard-roster{display:flex;flex-direction:column;justify-content:center;gap:.7rem;min-height:0;overflow:auto;padding:.2rem .25rem .2rem 0}.yard-roster-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.yard-roster-count{margin:0;color:var(--muted);font-size:.8125rem;font-weight:500}.yard-add{display:flex;gap:.45rem;max-width:28rem}.yard-add .field{flex:1;min-width:0}.yard-friends{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.yard-friend{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .85rem;color:var(--gold);background:linear-gradient(180deg,#2a1e14e6,#100c09f0);border:1px solid rgba(212,176,106,.32);box-shadow:inset 0 1px #ffe0aa1a,0 10px 24px #00000059}.yard-friend.is-online{border-color:#6ec8c766}.yard-friend-who{display:flex;align-items:center;min-width:0;gap:.15rem}.yard-friend-name{font-family:var(--font-display);font-size:1.28rem;font-weight:600;letter-spacing:.015em;color:var(--gold)}.yard-friend-tag{margin-left:.45rem;font-size:.68rem;font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--muted)}.yard-friend-actions{display:flex;flex-wrap:wrap;gap:.35rem;flex:0 0 auto}.yard-summons{padding:1rem 1.1rem 1.05rem;color:var(--ink);background:linear-gradient(180deg,#28120ef0,#100a08f5);border:1px solid var(--ember);box-shadow:0 0 32px #e07a3d59}.yard-summons-name{margin:.2rem 0 0;font-family:var(--font-display);font-size:1.55rem;font-weight:600;letter-spacing:.01em;color:var(--gold)}.yard-summons-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}.yard-summons-actions .hold-play,.yard-summons-actions .hold-door{flex:1 1 8rem;max-width:14rem}.yard-summons-actions .hold-play{padding:.7rem 1rem}.yard-summons-actions .hold-play-name{font-size:1.5rem}.collection-title .chamber-kicker{margin-bottom:.15rem}.page{padding:1.5rem var(--hold-inline) 3rem;max-width:none;margin:0}.page h1{font-size:2.6rem;color:var(--gold);margin-bottom:.25rem}.page .chamber-kicker{margin-bottom:.2rem}.lede{color:var(--muted);margin:0 0 1.4rem;font-size:1.02rem;line-height:1.5;letter-spacing:.01em;max-width:46ch}.page label,.panel label{display:block;font-size:.72rem;font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--muted)}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:2rem}.auth-card{width:min(420px,100%);background:var(--bg-2);border:1px solid var(--line);padding:2rem;box-shadow:0 20px 80px #00000073}.auth-card h1{font-size:3.15rem;color:var(--gold);letter-spacing:.02em;line-height:1}.auth-logo{display:block;width:min(100%,18rem);height:auto;margin:.2rem 0 .15rem}.auth-card .sub{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:1.15rem;line-height:1.35;letter-spacing:.01em;color:var(--muted);margin:.15rem 0 1.5rem}.auth-card .hint{font-family:var(--font-ui);font-style:normal;font-size:.82rem;font-weight:400;line-height:1.4;letter-spacing:.01em;color:var(--muted)}.auth-card .chamber-kicker{margin-bottom:.15rem}.auth-card label{display:block;font-size:.72rem;font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--muted);margin:.85rem 0 .3rem}.auth-card input,.field{width:100%;background:#0c0e12;border:1px solid var(--line);color:var(--ink);padding:.65rem .75rem;border-radius:2px;font-size:1rem;letter-spacing:.01em}.error{color:var(--hp);font-size:.9rem;margin-top:.7rem}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.65rem .8rem;border:1px solid rgba(196,69,60,.45);background:#c4453c1f;margin:0 0 1rem}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.grid-cards .card-face.fluid{width:100%;height:auto;aspect-ratio:160 / 224}.collection{height:100%;display:flex;flex-direction:column;min-height:0;padding:.75rem var(--hold-inline) .5rem;gap:.55rem}.collection-bar{display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:center;flex:0 0 auto;margin-inline:0;width:100%}.collection-title h1{font-size:2.05rem;color:var(--gold);line-height:1;letter-spacing:.015em}.collection-title p:not(.chamber-kicker){color:var(--muted);margin:.2rem 0 0;font-size:.9rem;font-weight:500;letter-spacing:.01em}.collection-search{display:flex;flex-direction:column;gap:.2rem;font-size:.6875rem;font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--muted)}.collection-search input{width:min(240px,70vw);background:#0c0e12;border:1px solid var(--line);color:var(--ink);padding:.45rem .6rem}.chip-row{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.chip,.mana-chip{background:#12161d;border:1px solid var(--line);color:var(--muted);padding:.32rem .62rem;cursor:pointer;text-transform:capitalize;font-size:.78rem;font-weight:600;letter-spacing:.03em}.chip:hover,.mana-chip:hover{color:var(--ink);border-color:var(--gold)}.chip.on,.mana-chip.on{color:#fff8ee;border-color:var(--gold);background:#2a2116}.mana-chip{min-width:2.1rem;padding:.32rem .4rem;text-align:center}.chip.rarity-common.on{border-color:var(--common)}.chip.rarity-rare.on{border-color:var(--rare);color:#cfe6ff}.chip.rarity-epic.on{border-color:var(--epic);color:#edd5ff}.chip.rarity-legendary.on{border-color:var(--legendary);color:var(--ember-2)}.sort-label{display:flex;align-items:center;gap:.4rem;font-size:.6875rem;font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--muted)}.sort-label select{background:#0c0e12;border:1px solid var(--line);color:var(--ink);padding:.4rem .5rem;text-transform:none;letter-spacing:0;font-size:.85rem}.collection-stage{flex:1;min-height:0;display:grid;grid-template-columns:48px 1fr 48px;align-items:stretch;gap:.4rem}.collection .collection-stage{display:grid;grid-template-columns:1fr;justify-items:stretch;align-content:center;overflow:hidden}.collection.collection-scroll .collection-stage{display:block;overflow:auto;-webkit-overflow-scrolling:touch;align-content:unset;justify-items:unset}.page-arrow{background:transparent;border:1px solid var(--line);color:var(--gold);font-size:2.4rem;line-height:1;cursor:pointer;border-radius:4px;align-self:center;height:4.5rem}.page-arrow:hover:not(:disabled){background:#1a140f}.page-arrow:disabled{opacity:.25;cursor:default}.collection .page-arrow-side{display:none}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:.65rem;min-height:0;height:100%;overflow:visible}.collection .collection-grid{--cols: 4;--rows: 2;grid-template-columns:repeat(var(--cols),var(--card-w, minmax(0, 1fr)));grid-template-rows:repeat(var(--rows),auto);width:100%;height:max-content;max-height:100%;gap:.65rem;padding:0;justify-content:center;align-content:start}.collection.collection-scroll .collection-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(160px,12.5vw,235px),1fr));grid-template-rows:none;width:100%;max-width:none;height:auto;max-height:none;align-content:start;justify-content:stretch;gap:.65rem;padding:0 0 .5rem}.collection.collection-scroll .collection-grid.fixed-rows{grid-template-columns:repeat(var(--cols, 6),minmax(0,1fr));grid-template-rows:repeat(2,auto);width:100%;height:auto;max-height:100%;padding:0;align-content:center}.collection.collection-scroll .collection-stage:has(>.collection-grid.fixed-rows){display:grid;align-content:center;overflow:hidden}.collection-slot{container-type:size;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:2%;overflow:visible}.collection .collection-slot{container-type:size;aspect-ratio:160 / 224;width:100%;height:auto;min-height:0;padding:0;align-items:stretch;justify-content:stretch}.collection.collection-scroll .collection-slot{container-type:normal;aspect-ratio:160 / 224;width:100%;height:auto;padding:0;align-items:stretch;justify-content:stretch}.collection-slot .card-face,.collection-slot .card-face.fluid,.collection-slot .card-face.md{width:min(100cqw,calc(100cqh * 160 / 224));height:min(100cqh,140cqw);max-width:none;max-height:none;aspect-ratio:auto;flex-shrink:0}.collection .collection-slot .card-face,.collection .collection-slot .card-face.fluid,.collection .collection-slot .card-face.md,.collection.collection-scroll .collection-slot .card-face,.collection.collection-scroll .collection-slot .card-face.fluid,.collection.collection-scroll .collection-slot .card-face.md{width:100%;height:100%}.card-face.fluid .text{-webkit-line-clamp:4}.collection-pager{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:.75rem;text-align:center;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;padding-bottom:.2rem}.page-arrow-inline{display:none;height:2.4rem;min-width:2.4rem;font-size:1.5rem;align-self:center}.collection .page-arrow-inline{display:grid;place-items:center}.collection-filter-toggle{display:none;gap:.4rem;align-items:center;width:100%}.collection-filters{display:contents}.collection-empty{grid-column:1 / -1;grid-row:1 / -1;color:var(--muted);text-align:center;align-self:center;padding:2rem .5rem}.collection-card-hit{cursor:zoom-in}.collection-zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:1.25rem;background:#04060ab8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:zoom-out;animation:collection-zoom-in .18s ease-out}.collection-zoom-card{cursor:default;display:flex;flex-direction:row;align-items:center;gap:1.15rem;animation:collection-zoom-card-in .2s ease-out}.collection-zoom-card .card-face{filter:drop-shadow(0 18px 28px rgba(0,0,0,.55));flex:0 0 auto}.collection-zoom-card .inspect-tips{align-self:center;flex:0 0 auto}.collection-zoom-card .card-face.lg{width:min(440px,88vw,calc((100dvh - 4rem) * 160 / 224));height:auto;aspect-ratio:160 / 224}.collection-zoom-card .mana-orb{width:34px;height:34px;font-size:1.25rem}.collection-zoom-card .mana-orb-value{font-size:1.25rem}@keyframes collection-zoom-in{0%{opacity:0}to{opacity:1}}@keyframes collection-zoom-card-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.toolbar{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1.2rem;align-items:center}.toolbar select,.toolbar input{background:#0c0e12;border:1px solid var(--line);color:var(--ink);padding:.45rem .6rem}.card-face{--mtg-ink: #1a120c;--mtg-bar: #efe6d4;--mtg-box: #ebe2cf;--mtg-frame: #8f6a45;--frame-hi: #2a2a2a;--frame-mid: #141414;--frame-lo: #0a0a0a;--frame-deep: #000000;--frame-edge: #1c1c1c;--frame-glow: rgba(0, 0, 0, .08);--frame-border-soft: rgba(20, 12, 6, .55);--frame-pinstripe: rgba(245, 236, 220, .72);--panel-texture: radial-gradient(circle, rgba(70, 45, 20, .1) .5px, transparent .65px), radial-gradient(circle, rgba(90, 60, 30, .06) .4px, transparent .55px), repeating-linear-gradient( -18deg, transparent 0, transparent 2px, rgba(60, 40, 20, .03) 2px, rgba(60, 40, 20, .03) 3px ), repeating-linear-gradient( 72deg, transparent 0, transparent 3px, rgba(80, 50, 25, .02) 3px, rgba(80, 50, 25, .02) 4px );--panel-texture-size: 3px 3px, 4.5px 4px, auto, auto;--frame-texture: radial-gradient(ellipse 55% 40% at 18% 22%, rgba(210, 170, 120, .55) 0%, transparent 58%), radial-gradient(ellipse 50% 45% at 82% 30%, rgba(120, 75, 45, .45) 0%, transparent 55%), radial-gradient(ellipse 60% 50% at 45% 78%, rgba(160, 110, 70, .4) 0%, transparent 60%), radial-gradient(ellipse 35% 30% at 70% 60%, rgba(230, 200, 160, .28) 0%, transparent 50%), radial-gradient(circle, rgba(50, 28, 12, .14) .6px, transparent .75px), linear-gradient(145deg, #a67a4e 0%, #8a623c 38%, #6e4a2e 62%, #9a7048 100%);--frame-texture-size: auto, auto, auto, auto, 3.6px 3.4px, auto;--tilt-x: 0deg;--tilt-y: 0deg;--foil-shift-x: 50%;--foil-shift-y: 50%;--foil-angle: 118;position:relative;isolation:isolate;container-type:size;width:160px;height:224px;padding:0;border-radius:.35em;background:transparent;box-shadow:none;overflow:visible;cursor:pointer;-webkit-user-select:none;user-select:none;perspective:900px}.card-tilt{position:relative;z-index:1;height:100%;padding:.38em;border-radius:inherit;background:#050505;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .14s ease-out,box-shadow .15s ease-out;will-change:transform;box-shadow:0 .35em .8em #00000073}.card-face.is-tilting .card-tilt{box-shadow:0 .55em 1.2em #0000008c,0 0 .8em #ffc86414;transition:transform .07s ease-out,box-shadow .15s ease-out}.card-face:not(.full-art) .card-tilt:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;background:url(/assets/border-grain-DwAlHKsS.jpg) center / cover no-repeat;mix-blend-mode:screen;pointer-events:none;opacity:.9}.card-face:not(.full-art) .card-tilt:after{content:"";position:absolute;top:.22em;right:.22em;bottom:.22em;left:.22em;z-index:0;border-radius:.22em;border:.055em solid var(--frame-pinstripe);pointer-events:none;opacity:.85}.card-face.sm{width:176px;height:246px}.card-face.lg{width:280px;height:392px}.card-face.unowned{filter:grayscale(.85) brightness(.55)}.card-face.foil .card-inner{border-color:#000;box-shadow:inset 0 0 0 .05em #ffecc859,0 0 .55em #d4b06a52}.foil-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;overflow:hidden;border-radius:inherit}.foil-overlay.has-mask{-webkit-mask-image:var(--foil-mask);mask-image:var(--foil-mask);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-mode:luminance;-webkit-mask-source-type:luminance}.foil-holo,.foil-spec,.foil-glint{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.foil-holo{top:-35%;right:-35%;bottom:-35%;left:-35%;background:repeating-linear-gradient(calc(var(--foil-angle) * 1deg),rgba(255,70,130,0) 0%,rgba(255,90,150,.42) 6%,rgba(255,210,90,.5) 11%,rgba(70,230,190,.45) 16%,rgba(90,170,255,.42) 21%,rgba(190,110,255,.38) 26%,rgba(255,70,130,0) 32%,transparent 48%);background-size:240% 240%;background-position:var(--foil-shift-x) var(--foil-shift-y);mix-blend-mode:color-dodge;opacity:.48;animation:foil-sheen-drift 9s ease-in-out infinite}.foil-spec{background:linear-gradient(calc((var(--foil-angle) + 18) * 1deg),transparent 38%,rgba(255,252,240,.08) 46%,rgba(255,255,255,.55) 50%,rgba(255,236,200,.16) 54%,transparent 64%);background-size:180% 180%;background-position:var(--foil-shift-x) var(--foil-shift-y);mix-blend-mode:soft-light;opacity:.85;animation:foil-sheen-drift 6.8s ease-in-out infinite reverse}.foil-glint{background:radial-gradient(120% 70% at var(--foil-shift-x) var(--foil-shift-y),rgba(255,248,230,.35) 0%,rgba(255,200,120,.12) 28%,transparent 58%);mix-blend-mode:soft-light;opacity:.7;animation:foil-glint-pulse 5.5s ease-in-out infinite}.match .foil-overlay .foil-holo,.drag-ghost .foil-overlay .foil-holo,.play-fx .foil-overlay .foil-holo,.inspect .foil-overlay .foil-holo,.pack-face-front .foil-overlay .foil-holo{opacity:.72;animation-duration:6.5s}.match .foil-overlay .foil-spec,.drag-ghost .foil-overlay .foil-spec,.play-fx .foil-overlay .foil-spec,.inspect .foil-overlay .foil-spec,.pack-face-front .foil-overlay .foil-spec{opacity:1}.match .card-face.foil .card-inner,.drag-ghost .card-face.foil .card-inner,.inspect .card-face.foil .card-inner,.pack-face-front .card-face.foil .card-inner{box-shadow:inset 0 0 0 .05em #ffecc873,0 0 .65em #d4b06a80,0 0 1.1em #b48c4638}.card-face.foil.is-tilting .foil-holo{opacity:.9;animation:none}.card-face.foil.is-tilting .foil-spec{opacity:1;animation:none}.card-face.foil.is-tilting .foil-glint{opacity:.95;animation:none}.card-face.foil.full-art .foil-holo{opacity:.55}.card-face.foil.full-art.is-tilting .foil-holo{opacity:.95}@keyframes foil-sheen-drift{0%{background-position:16% 40%,72% 28%}50%{background-position:74% 60%,28% 68%}to{background-position:16% 40%,72% 28%}}@keyframes foil-glint-pulse{0%,to{opacity:.45}50%{opacity:.85}}@media(prefers-reduced-motion:reduce){.foil-holo,.foil-spec,.foil-glint,.minion.foil:not(.guard):before,.minion.full-art:not(.foil):not(.guard):before,.minion.guard.foil .m-portrait,.minion.guard.full-art .m-portrait{animation:none!important}.foil-holo,.foil-glint{opacity:.35}.foil-spec{opacity:.55}.card-face.foil.is-tilting .foil-holo{opacity:.85}}.card-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;gap:.2em;padding:.22em .2em .2em;background-color:var(--mtg-frame);background-image:var(--frame-texture);background-size:var(--frame-texture-size);border:.06em solid #000;border-radius:.14em;overflow:hidden;box-shadow:inset 0 0 0 .04em #ffe6be1f,inset 0 .15em .35em #28160833}.card-titlebar{position:relative;flex:0 0 11%;display:flex;align-items:center;justify-content:space-between;gap:.3em;margin:.08em .14em 0;padding:.1em .28em .14em .45em;background-color:var(--mtg-bar);background-image:var(--panel-texture);background-size:var(--panel-texture-size);border:.07em solid #000;border-radius:.06em;box-shadow:0 .05em .1em #0003,inset 0 1px #ffffff47;z-index:2;overflow:visible}.card-titlebar .name{flex:1;min-width:0;font-family:var(--font-display);font-size:6.4cqh;font-weight:700;letter-spacing:.01em;line-height:1.22;color:var(--mtg-ink);white-space:nowrap;overflow:visible;padding-block:.04em;text-align:left}.card-face .mana-pips{display:flex;align-items:center;gap:.12em;flex-shrink:0;z-index:3}.mana-orb{position:relative;display:inline-grid;place-items:center;flex-shrink:0;overflow:hidden;border-radius:50%;background:#0a0a0c;box-shadow:0 1px 2px #000000a6,0 0 0 1px #0000008c,inset 0 1px 1px #ffffff47}.card-face .mana-orb{width:7.2cqh;height:7.2cqh;min-width:15px;min-height:15px}.mana-orb-sm{width:1.45rem;height:1.45rem}.mana-orb-liquid{position:absolute;top:4%;right:4%;bottom:4%;left:4%;width:92%;height:92%;object-fit:cover;border-radius:50%;pointer-events:none}.mana-orb-liquid-css{background:radial-gradient(circle at 28% 26%,rgba(230,240,255,.55) 0%,transparent 36%),radial-gradient(circle at 72% 68%,rgba(120,90,200,.42) 0%,transparent 48%),radial-gradient(circle at 48% 48%,#5a6a9a,#1a1428 55%,#07060c);background-size:140% 140%;background-position:30% 30%;animation:mana-orb-drift 5.5s ease-in-out infinite alternate}.mana-orb.is-zero .mana-orb-liquid-css{filter:saturate(.55) brightness(.88)}@keyframes mana-orb-drift{0%{background-position:22% 28%}to{background-position:68% 62%}}@media(prefers-reduced-motion:reduce){.mana-orb-liquid,.mana-orb-liquid-css{animation:none}}.mana-orb-shade{position:absolute;top:4%;right:4%;bottom:4%;left:4%;border-radius:50%;background:radial-gradient(circle at 70% 82%,rgba(0,0,0,.4) 0%,transparent 55%);pointer-events:none}.mana-orb-shine{position:absolute;top:4%;right:4%;bottom:4%;left:4%;border-radius:50%;background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.45) 0%,transparent 34%);pointer-events:none}.mana-orb.is-zero .mana-orb-liquid{filter:saturate(.55) brightness(.88)}.mana-orb-value{position:relative;z-index:1;font-family:var(--font-ui);font-weight:900;line-height:1;color:#f4f4f4;text-shadow:0 1px 1px rgba(0,0,0,.95),0 0 3px rgba(0,0,0,.65);pointer-events:none}.card-face .mana-orb-value{font-size:4.8cqh}.mana-orb-sm .mana-orb-value{font-size:.78rem}.mana-orb.is-zero .mana-orb-value{color:#ececec}.card-art-wrap{position:relative;flex:0 0 auto;align-self:stretch;height:auto;aspect-ratio:4 / 3;margin:0 .14em;border:.09em solid #000;overflow:hidden;background:#1a1410;box-shadow:0 .06em .14em #00000047,inset 0 0 0 .03em #fff0d21f}.card-art-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none;border-style:solid;border-width:.55cqh .5cqh .7cqh .55cqh;border-color:rgba(255,252,245,.7) rgba(16,10,6,.62) rgba(6,4,2,.78) rgba(255,252,245,.38);box-shadow:inset 0 1.2cqh 1.8cqh #0006}.card-art-wrap .foil-overlay{border-radius:0;z-index:5}.card-art{width:100%;height:100%;display:block;object-fit:cover;object-position:center;background-color:#e8e8e8;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.card-face.full-art .card-inner{background:#000;background-image:none;border-color:#000;box-shadow:none}.card-face.full-art .card-tilt:after{display:none}.card-face.full-art .card-full-art-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.card-face.full-art .card-full-art-bg .card-art{width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.06)}.card-face.full-art .card-full-art-bg .foil-overlay.has-mask{-webkit-mask-position:center top;mask-position:center top;-webkit-mask-size:cover;mask-size:cover;transform:scale(1.06);transform-origin:center top}.card-face.full-art .card-full-art-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#000000b8,#00000014 22%,#0000000a 48%,#0000008c 78%,#000000e0),radial-gradient(120% 90% at 50% 40%,transparent 35%,rgba(0,0,0,.35) 100%);pointer-events:none}.card-face.full-art .card-full-art-ui{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;gap:.16em}.card-face.full-art .card-full-art-window{position:relative;flex:1;min-height:0;margin:0 .12em;border:.06em solid color-mix(in srgb,var(--frame-mid) 28%,transparent);border-radius:.1em;box-shadow:inset 0 0 .35em #00000059,0 .08em .25em #00000040}.card-face.full-art .card-full-art-footer{flex:0 0 auto;display:flex;flex-direction:column;gap:.14em;margin-top:auto}.card-face.full-art .card-titlebar,.card-face.full-art .card-typeline,.card-face.full-art .card-textbox{position:relative;z-index:7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-image:none;border-color:#ffffff2e;box-shadow:inset 0 .08em .15em #ffffff0f,0 .08em .2em #00000059}.card-face.full-art .card-full-art-window .card-pt-inline{z-index:7}.card-face.full-art .card-full-art-window .count-badge{position:absolute;left:.28em;bottom:.28em;right:auto;top:auto;z-index:7;font-size:5.2cqh;padding:.06em .38em .08em;font-family:var(--font-display);font-weight:700;line-height:1}.card-face.full-art .card-titlebar{background:#060608c7}.card-face.full-art .card-titlebar .name{color:#fff;text-shadow:0 .05em .12em rgba(0,0,0,.65)}.card-face.full-art .card-typeline{background:#060608c2;margin-bottom:0}.card-face.full-art .typeline-text{color:#f2ebe0}.card-face.full-art .card-pt-inline{position:absolute;right:.28em;bottom:.28em;z-index:2;display:inline-grid;place-items:center;min-width:9.5cqh;padding:.06em .38em .08em;background:#0a0a0a;border:.08em solid #2a2a2a;border-radius:.1em;font-family:var(--font-display);font-size:5.2cqh;font-weight:700;line-height:1;color:#fff;text-shadow:0 .05em .1em rgba(0,0,0,.7);box-shadow:0 .06em .12em #00000059,inset 0 0 0 .04em #0000004d}.card-face.full-art .card-textbox{flex:0 0 auto;min-height:0;margin-top:0;background:repeating-linear-gradient(-18deg,transparent,transparent 2px,rgba(255,255,255,.012) 2px,rgba(255,255,255,.012) 3px),#040406e6;border-color:#ffffff1f;box-shadow:inset 0 .1em .3em #00000073}.card-face.full-art .card-textbox .text{color:#f4efe6}.card-face.full-art.has-text.type-minion .card-textbox{padding-right:.5em;padding-bottom:.45em}.card-face.full-art.no-text .card-full-art-vignette{background:linear-gradient(180deg,#000000b8,#00000014 22%,#0000000a 48%,#0000006b 82%,#000000b8),radial-gradient(120% 90% at 50% 40%,transparent 35%,rgba(0,0,0,.35) 100%)}.card-typeline{position:relative;flex:0 0 7%;display:flex;align-items:center;justify-content:space-between;margin:0 .14em;padding:0 .4em 0 .45em;background-color:var(--mtg-bar);background-image:var(--panel-texture);background-size:var(--panel-texture-size);border:.07em solid #000;border-radius:.06em;box-shadow:0 .04em .1em #0000002e,inset 0 1px #ffffff38}.typeline-text{flex:1;min-width:0;font-family:var(--font-display);font-size:4.4cqh;font-weight:600;font-style:normal;letter-spacing:.015em;color:var(--mtg-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.rarity-mark{width:3cqh;height:3cqh;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ddd,#888);border:.06em solid #555;opacity:.9}.card-face.r-common .rarity-mark{background:radial-gradient(circle at 35% 30%,#e8e4dc,#9a9288)}.card-face.r-rare .rarity-mark{background:radial-gradient(circle at 35% 30%,#d6eeff,#3a7fd0)}.card-face.r-epic .rarity-mark{background:radial-gradient(circle at 35% 30%,#f0d4ff,#8a2ed0)}.card-face.r-legendary .rarity-mark{background:radial-gradient(circle at 35% 30%,#ffe7a8,#c45d2a)}.card-textbox{position:relative;flex:1;min-height:0;margin:0 .14em .14em;padding:.4em .5em .5em;background-color:var(--mtg-box);background-image:var(--panel-texture);background-size:var(--panel-texture-size);border:.07em solid #000;border-radius:.06em;box-shadow:0 .05em .1em #00000029,inset 0 1px #fff3}.card-face.type-minion .card-textbox{padding-right:16cqh;padding-bottom:.7em}.card-textbox .text{font-family:var(--font-display);font-size:4.5cqh;font-weight:500;line-height:1.28;color:var(--mtg-ink);overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;text-align:left}.card-face.fluid .text{-webkit-line-clamp:6}.card-pt{position:absolute;right:.45em;bottom:.4em;z-index:3;min-width:12.5cqh;padding:.08em .35em .1em;background-color:var(--mtg-bar);background-image:var(--panel-texture);background-size:var(--panel-texture-size);border:.1em solid #000;border-radius:.2em;font-family:var(--font-display);font-size:6.6cqh;font-weight:700;line-height:1;color:var(--mtg-ink);text-align:center;box-shadow:0 .08em .16em #0003}.count-badge{position:absolute;left:.35em;bottom:.35em;z-index:4;background:#0c0e12;border:1px solid var(--gold);color:var(--gold);font-size:4.2cqh;padding:.1em .35em;border-radius:2px}.pip{min-width:26px;height:26px;border-radius:4px;display:grid;place-items:center;font-weight:800;color:#fff;font-size:.85rem}.pip.at{background:#6b3a22;border:1px solid #e07a3d}.pip.hp{background:#4a1c1c;border:1px solid #c4453c}.inspect{position:absolute;left:186px;top:50%;transform:translateY(-50%);z-index:20;pointer-events:none}.inspect-body{display:flex;flex-direction:row;align-items:center;gap:1.15rem}.inspect .card-face{overflow:visible;flex:0 0 auto;filter:drop-shadow(0 14px 22px rgba(0,0,0,.5))}.inspect-cast{z-index:35;animation:inspect-cast-in .22s ease-out}.inspect.is-history{z-index:28;pointer-events:none}.inspect-cast-label{text-align:center;margin-bottom:.45rem;font-family:var(--font-display);font-size:1.05rem;letter-spacing:.04em;color:var(--gold);text-shadow:0 1px 8px rgba(0,0,0,.75)}@keyframes inspect-cast-in{0%{opacity:0;transform:translateY(-50%) scale(.92)}to{opacity:1;transform:translateY(-50%) scale(1)}}.inspect-tips{display:flex;flex-direction:column;justify-content:center;align-self:center;flex:0 0 auto;gap:.45rem;width:max-content;max-width:11.5rem;min-width:0;margin:0;text-align:left;pointer-events:none;position:relative;z-index:2}.inspect-tip{padding:.55rem .65rem;border-radius:4px;border:1px solid rgba(212,176,106,.28);background:linear-gradient(165deg,#241c12eb,#0c0e12f0);box-shadow:0 8px 20px #0006;text-align:left}.inspect-tip-label{display:block;font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--gold);letter-spacing:.02em;margin-bottom:.2rem;text-align:left}.inspect-tip-blurb{margin:0;font-size:.78rem;line-height:1.35;color:#d8d0c4;font-weight:500;text-align:left}.inspect-tip.tip-surge .inspect-tip-label{color:#e8a86a}.inspect-tip.tip-guard .inspect-tip-label{color:#8ec5ff}.inspect-tip.tip-awaken .inspect-tip-label{color:#c9a0ff}.card-back{width:176px;height:246px;border-radius:10px;border:2px solid var(--gold);background:repeating-linear-gradient(45deg,#1a140f,#1a140f 8px,#241b14 8px,#241b14 16px);box-shadow:inset 0 0 0 6px #12100c;position:relative}.card-back:after{content:"Æ";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-display);font-size:3rem;color:var(--gold)}.deck-layout{display:grid;grid-template-columns:1fr 300px;gap:1.2rem}.deck-list{background:var(--bg-2);border:1px solid var(--line);padding:1rem;max-height:calc(100vh - 160px);overflow:auto}.deck-list h2{color:var(--gold);margin-bottom:.6rem}.deck-row{display:flex;justify-content:space-between;gap:.4rem;padding:.35rem .2rem;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;font-size:.9rem}.deck-row:hover{color:var(--gold)}.deck-builder{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) min(320px,34vw);gap:0;overflow:hidden}.deck-builder-main{min-width:0;min-height:0;height:100%;overflow:hidden}.deck-builder-bar{margin-inline:0}.deck-card-hit{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;font:inherit;color:inherit}.deck-card-hit.is-disabled{cursor:default}.deck-builder-main.collection .collection-slot .deck-card-hit .card-face,.deck-builder-main.collection .collection-slot .deck-card-hit .card-face.fluid{width:100%;height:100%}.deck-card-used{position:absolute;left:50%;bottom:.55rem;transform:translate(-50%);z-index:4;padding:.2rem .55rem;border-radius:999px;background:#080a0ee0;border:1px solid var(--gold);color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.04em;white-space:nowrap;pointer-events:none}.deck-tray{display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--line);background:linear-gradient(180deg,#241c128c,#0c0e12eb),#12161d;box-shadow:inset 1px 0 #ffffff08}.deck-tray-head{flex:0 0 auto;padding:.9rem .95rem .75rem;border-bottom:1px solid rgba(212,176,106,.22)}.deck-tray-title-row{display:flex;align-items:flex-start;gap:.45rem}.deck-tray-name{flex:1 1 auto;min-width:0;width:100%;background:transparent;border:0;border-bottom:1px solid transparent;color:var(--gold);font-family:var(--font-display);font-size:1.65rem;font-weight:600;letter-spacing:.01em;line-height:1.15;padding:0 0 .2rem}.deck-tray-close{flex:0 0 auto;width:2.4rem;height:2.4rem;margin-top:.1rem;display:grid;place-items:center;background:#0c0e12;border:1px solid var(--line);color:var(--gold);font-size:1.55rem;line-height:1;cursor:pointer;border-radius:4px}.deck-tray-close:hover{background:#1a140f}.deck-tray-scrim{display:none}.deck-tray-name:focus{outline:none;border-bottom-color:#d4b06a8c}.deck-tray-meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:.45rem;gap:.5rem}.deck-tray-count{color:var(--ink);font-size:.95rem}.deck-tray-count strong{color:var(--gold);font-size:1.15rem}.deck-tray-status{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.deck-tray-status.is-ready{color:#6ec8c7}.deck-tray-progress{margin-top:.55rem;height:5px;border-radius:999px;background:#00000059;overflow:hidden}.deck-tray-progress>span{display:block;height:100%;background:linear-gradient(90deg,#8b6914,var(--gold));border-radius:inherit;transition:width .15s ease}.deck-tray-list{flex:1;min-height:0;overflow:auto;padding:.35rem .55rem}.deck-tray-empty{color:var(--muted);font-size:.9rem;padding:1rem .4rem;text-align:center}.deck-tray-row{display:grid;grid-template-columns:1.7rem 1fr auto;align-items:center;gap:.45rem;width:100%;margin:0 0 .28rem;padding:.38rem .45rem;border:1px solid rgba(255,255,255,.06);border-radius:4px;background:#00000047;color:var(--ink);cursor:pointer;text-align:left;font:inherit}.deck-tray-row:hover{border-color:#d4b06a73;color:#fff8ee}.deck-tray-inspect{position:fixed;z-index:45;pointer-events:none;transform:translateY(-50%);animation:deck-tray-inspect-in .14s ease-out}.deck-tray-inspect .inspect-body{flex-direction:row;align-items:center;gap:1.15rem}.deck-tray-inspect .card-face{overflow:visible;flex:0 0 auto;filter:drop-shadow(0 14px 22px rgba(0,0,0,.5))}@keyframes deck-tray-inspect-in{0%{opacity:0;transform:translateY(-50%) translate(10px) scale(.96)}to{opacity:1;transform:translateY(-50%) translate(0) scale(1)}}.deck-tray-card-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:700}.deck-tray-copies{font-size:.8rem;color:var(--muted);font-weight:700}.deck-tray-finish{font-weight:600;color:var(--muted);font-size:.78rem}.deck-tray-row.r-rare .deck-tray-card-name{color:#cfe6ff}.deck-tray-row.r-epic .deck-tray-card-name{color:#edd5ff}.deck-tray-row.r-legendary .deck-tray-card-name{color:var(--ember-2)}.deck-tray-actions{flex:0 0 auto;display:grid;gap:.45rem;padding:.75rem .9rem .95rem;border-top:1px solid rgba(212,176,106,.18)}.deck-tray-msg{margin:0;font-size:.82rem;color:var(--muted);text-align:center}.pack-stage{min-height:340px;display:flex;justify-content:center;gap:1rem;align-items:center;flex-wrap:wrap;margin:1.5rem 0}.pack-closed{width:220px;height:300px;border:2px solid var(--gold);background:linear-gradient(180deg,#3a2416,#120e0b);display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 40px #e07a3d40}.packs-page{display:flex;flex-direction:column;min-height:0}.packs-header .lede{max-width:42rem}.pack-theater{position:relative;flex:1;min-height:min(72vh,680px);margin:1.2rem 0 .5rem;display:grid;place-items:center;isolation:isolate;overflow:hidden;border:1px solid var(--line);background:transparent;cursor:pointer}.pack-theater.phase-deal,.pack-theater.phase-reveal,.pack-theater.phase-done{overflow:visible}.pack-theater-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 70% 55% at 50% 42%,rgba(224,122,61,.1),transparent 60%),radial-gradient(ellipse 50% 40% at 50% 80%,rgba(110,200,199,.05),transparent 55%);transition:background .55s ease,opacity .4s ease}.packs-chamber.is-opening .pack-theater-glow{background:radial-gradient(ellipse 80% 60% at 50% 45%,rgba(12,10,8,.35),transparent 70%),radial-gradient(ellipse 70% 55% at 50% 42%,rgba(224,122,61,.16),transparent 60%)}.pack-theater.best-rare .pack-theater-glow{background:radial-gradient(ellipse 75% 58% at 50% 42%,rgba(94,162,232,.22),transparent 62%)}.pack-theater.best-epic .pack-theater-glow{background:radial-gradient(ellipse 75% 58% at 50% 42%,rgba(192,132,252,.24),transparent 62%)}.pack-theater.best-legendary .pack-theater-glow{background:radial-gradient(ellipse 80% 62% at 50% 40%,rgba(240,163,106,.32),transparent 60%),radial-gradient(ellipse 50% 40% at 50% 80%,rgba(224,122,61,.14),transparent 55%)}.pack-theater .pack-closed{position:relative;z-index:2;width:min(248px,62vw);height:min(336px,84vw);padding:0;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--gold);overflow:visible}.pack-theater .pack-closed:disabled{cursor:default;pointer-events:none}.pack-closed-body{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px 14px 18px 18px;border:.12em solid #c4a056;background:linear-gradient(180deg,rgba(255,236,200,.1),transparent 28%),linear-gradient(155deg,#6a4024,#3a2214 42%,#140c08);box-shadow:inset .08em .08em #ffecc847,inset -.1em -.12em #0000008c,0 22px 50px #00000080,0 0 48px #e07a3d38;overflow:hidden}.pack-closed-grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;border-radius:inherit;background:repeating-linear-gradient(-18deg,transparent 0,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 3px),repeating-linear-gradient(72deg,transparent 0,transparent 3px,rgba(255,220,160,.04) 3px,rgba(255,220,160,.04) 4px)}.pack-closed-sheen{position:absolute;top:-20%;left:-60%;width:45%;height:140%;pointer-events:none;background:linear-gradient(105deg,transparent 0%,rgba(255,248,238,.04) 42%,rgba(255,248,238,.34) 50%,rgba(255,248,238,.04) 58%,transparent 100%);transform:skew(-12deg);animation:pack-sheen 4.2s ease-in-out infinite}.pack-closed-sigil{position:relative;z-index:5;width:5.1rem;height:5.1rem;display:grid;place-items:center;pointer-events:none;filter:drop-shadow(0 10px 16px rgba(0,0,0,.55))}.pack-closed-sigil-rim,.pack-closed-sigil-core{grid-area:1 / 1;border-radius:50%}.pack-closed-sigil-rim{width:100%;height:100%;background:radial-gradient(circle at 30% 24%,rgba(255,220,170,.55),transparent 42%),radial-gradient(circle at 70% 78%,rgba(60,16,6,.85),transparent 48%),conic-gradient(from 210deg,#7a2e12,#e07a3d,#f0a36a,#8e3a16,#3a1408,#c45d2a,#7a2e12);box-shadow:inset 0 0 0 .18rem #3a14088c,inset 0 .14rem .2rem #ffe6be59,0 0 0 .28rem #5a1e0c6b}.pack-closed-sigil-core{width:68%;height:68%;display:grid;place-items:center;font-family:var(--font-display);font-size:1.7rem;font-weight:700;letter-spacing:.02em;color:#fff4e6;text-shadow:0 1px 0 rgba(80,20,0,.55),0 -1px 0 rgba(255,220,170,.25);background:radial-gradient(circle at 32% 28%,#f3b078,#c45d2a 45%,#6a2410 78%,#2a1008);border:.1rem solid rgba(58,20,8,.75);box-shadow:inset 0 .12em .18em #ffecc866,inset 0 -.14em .2em #00000073}.pack-stack{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;perspective:1400px}.pack-slot{position:absolute;left:50%;top:50%;width:260px;height:364px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;transform:translate(-50%,-50%) scale(.2);transform-origin:50% 50%;transition:transform .55s cubic-bezier(.22,.84,.28,1),opacity .4s ease,filter .35s ease;opacity:0;z-index:calc(6 + var(--i));--flip-ms: .48s;--q: 0;pointer-events:none}.pack-theater.phase-deal .pack-slot.is-queued,.pack-theater.phase-reveal .pack-slot.is-queued,.pack-theater.phase-done .pack-slot.is-queued{opacity:1;transform:translate(calc(-50% + 4.6rem + (var(--q) * 3.1rem)),calc(-50% + (var(--q) * .55rem))) rotate(calc(8deg + (var(--q) * 5.5deg))) scale(.9);z-index:calc(18 - var(--q));filter:drop-shadow(0 0 18px rgba(94,162,232,.35));animation:pack-fan-in .7s cubic-bezier(.16,.84,.28,1) both;animation-delay:calc(var(--i) * 70ms)}.pack-theater.phase-reveal .pack-slot.is-queued,.pack-theater.phase-done .pack-slot.is-queued{animation:none}.pack-theater.phase-deal .pack-slot.is-active,.pack-theater.phase-reveal .pack-slot.is-active,.pack-theater.phase-done .pack-slot.is-active{opacity:1;transform:translate(-50%,-50%) scale(1);z-index:28;pointer-events:auto;animation:pack-fan-front .72s cubic-bezier(.16,.84,.28,1) both;animation-delay:calc(var(--i) * 70ms + 60ms)}.pack-theater.phase-reveal .pack-slot.is-active,.pack-theater.phase-done .pack-slot.is-active{animation:none}.pack-slot.is-active.is-revealed .pack-flip{filter:drop-shadow(0 18px 28px rgba(0,0,0,.55))}.pack-slot.is-active.is-revealed{filter:none}.pack-slot.is-dismissed{opacity:0;transform:translate(calc(-50% - min(42vw,320px)),-42%) rotate(-14deg) scale(.72);z-index:calc(4 - var(--i));pointer-events:none;animation:none;filter:saturate(.8)}.pack-slot:disabled{cursor:default}.pack-flip{position:relative;z-index:1;width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--flip-ms, .48s) cubic-bezier(.2,.7,.2,1);overflow:visible}.pack-slot.is-flipping .pack-flip,.pack-slot.is-revealed .pack-flip{transform:rotateY(180deg)}.pack-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:8px;overflow:visible}.pack-face-back{display:grid;place-items:center;overflow:hidden}.pack-card-back{width:100%!important;height:100%!important;border-radius:8px;box-shadow:0 14px 32px #00000080}.pack-card-back.rarity-rare{border-color:#5ea2e8;box-shadow:0 0 0 1px #5ea2e873,0 14px 32px #00000080}.pack-card-back.rarity-epic{border-color:#c084fc;box-shadow:0 0 0 1px #c084fc80,0 14px 32px #00000080}.pack-card-back.rarity-legendary{border-color:var(--ember-2);box-shadow:0 0 0 2px #f0a36ab3,0 14px 32px #00000080,0 0 24px #f0a36a59}.pack-glow{position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;border-radius:16px;opacity:.55;background:radial-gradient(circle,rgba(110,180,230,.45),transparent 68%);pointer-events:none}.pack-slot.rarity-rare .pack-glow{background:radial-gradient(circle,rgba(94,162,232,.55),transparent 65%);opacity:.8}.pack-slot.rarity-epic .pack-glow{background:radial-gradient(circle,rgba(192,132,252,.55),transparent 65%);opacity:.9}.pack-slot.rarity-legendary .pack-glow{background:radial-gradient(circle,rgba(240,163,106,.7),transparent 62%);opacity:1}.pack-slot.is-queued .pack-glow{opacity:.85;background:radial-gradient(circle,rgba(94,170,240,.55),transparent 66%)}.pack-face-front{transform:rotateY(180deg);display:grid;place-items:center;overflow:visible}.pack-face-front .card-face.lg{width:260px;height:364px;max-width:none;overflow:visible}.pack-face-front .card-face.lg .card-tilt{box-shadow:0 14px 34px #00000080}.pack-slot.rarity-rare.is-revealed .pack-face-front .card-tilt{box-shadow:0 0 0 2px #5ea2e8e6,0 0 14px #5ea2e866,0 14px 34px #00000080}.pack-slot.rarity-epic.is-revealed .pack-face-front .card-tilt{box-shadow:0 0 0 2px #c084fceb,0 0 16px #c084fc6b,0 14px 34px #00000080}.pack-slot.rarity-legendary.is-revealed .pack-face-front .card-tilt{box-shadow:0 0 0 2px #f0a36af2,0 0 18px #f0a36a7a,0 14px 34px #00000080}.pack-reveal-burst{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(255,248,238,.45),transparent 62%)}.pack-slot.is-flipping .pack-reveal-burst,.pack-slot.is-revealed .pack-reveal-burst{animation:pack-reveal-burst .55s ease-out}.pack-card-meta{position:absolute;left:50%;bottom:-1.55rem;transform:translate(-50%);white-space:nowrap;animation:pack-meta-in .35s ease-out both}.pack-inspect-tips{position:absolute;left:100%;top:50%;margin-left:1.75rem;transform:translateY(-50%);z-index:30;width:max-content;max-width:10.5rem;animation:pack-tips-in .35s ease-out both;pointer-events:none}.pack-rarity-tag{display:inline-block;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--muted)}.pack-rarity-tag.rarity-rare{color:#9ec8ff}.pack-rarity-tag.rarity-epic{color:#e0b8ff}.pack-rarity-tag.rarity-legendary{color:var(--ember-2)}.pack-hint{position:absolute;bottom:1.15rem;left:50%;transform:translate(-50%);margin:0;color:var(--muted);font-size:.85rem;font-weight:500;letter-spacing:.04em;text-align:center;z-index:30;pointer-events:none}.pack-hint .pack-text-btn{pointer-events:auto}.pack-text-btn{background:none;border:0;color:var(--gold);cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:.15em;padding:0}.pack-summary{position:absolute;bottom:1.1rem;left:50%;transform:translate(-50%);z-index:32;display:flex;flex-direction:column;align-items:center;gap:.35rem;animation:pack-meta-in .45s ease-out both;pointer-events:none}.pack-summary-kicker{margin:0;font-size:.6875rem;font-weight:600;letter-spacing:var(--track-kicker);text-transform:uppercase;color:var(--ember-2)}.pack-summary-best{margin:0 0 .4rem;font-family:var(--font-display);font-size:1.55rem;font-weight:600;letter-spacing:.02em;color:var(--ink)}.pack-summary strong.rarity-rare{color:#9ec8ff}.pack-summary strong.rarity-epic{color:#e0b8ff}.pack-summary strong.rarity-legendary{color:var(--ember-2)}.pack-summary-actions{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;pointer-events:auto}@keyframes pack-sheen{0%,to{transform:translate(0) skew(-12deg);opacity:0}12%{opacity:.9}45%{transform:translate(280%) skew(-12deg);opacity:0}to{transform:translate(280%) skew(-12deg);opacity:0}}@keyframes pack-fan-in{0%{opacity:0;transform:translate(-50%,-20%) rotate(0) scale(.18)}to{opacity:1;transform:translate(calc(-50% + 4.6rem + (var(--q) * 3.1rem)),calc(-50% + (var(--q) * .55rem))) rotate(calc(8deg + (var(--q) * 5.5deg))) scale(.9)}}@keyframes pack-fan-front{0%{opacity:.85;transform:translate(-50%,-20%) scale(.22)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes pack-reveal-burst{0%{opacity:0;transform:scale(.4)}40%{opacity:.9}to{opacity:0;transform:scale(1.15)}}@keyframes pack-meta-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes pack-tips-in{0%{opacity:0;transform:translateY(calc(-50% + 8px))}to{opacity:1;transform:translateY(-50%)}}@media(prefers-reduced-motion:reduce){.pack-theater .pack-closed,.pack-closed-sheen,.pack-slot,.pack-glow{animation:none;transition:none}.pack-flip{transition-duration:.01ms}}.play-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.4rem}.panel{background:var(--bg-2);border:1px solid var(--line);padding:1.1rem}.panel h2{color:var(--gold);font-size:1.7rem;font-weight:600;letter-spacing:.02em;margin-bottom:.65rem}.friend-row{display:flex;justify-content:space-between;align-items:center;padding:.45rem 0;gap:.5rem}.dot{width:8px;height:8px;border-radius:50%;background:#444;display:inline-block;margin-right:.4rem}.dot.on{background:#6ec8c7;box-shadow:0 0 8px #6ec8c7}.match{--lane-h: clamp(108px, 15vh, 185px);--unit-gap: clamp(.3rem, .7vw, .8rem);--unit-max: clamp(84px, 12.5vh, 132px);--hero-w: clamp(64px, 8.7vh, 100px);--hand-card-w: clamp(120px, 14.5vh, 205px);--hand-card-h: calc(var(--hand-card-w) * 1.4);position:relative;height:100dvh;height:100svh;width:100%;max-width:100vw;display:grid;grid-template-columns:minmax(132px,170px) minmax(0,1fr) minmax(148px,190px);grid-template-rows:1fr;padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box;background:radial-gradient(ellipse 70% 55% at 50% 48%,#2a3a28 0%,transparent 70%),radial-gradient(ellipse at center,#1b241c,#0a0c10 72%);overflow:hidden}.match-log{display:flex;flex-direction:column;gap:.45rem;padding:.75rem .65rem;border-right:1px solid var(--line);background:#00000059;min-height:0;overflow:hidden;z-index:3}.match-log-title{font-size:.6875rem;font-weight:600;letter-spacing:var(--track-kicker);text-transform:uppercase;color:var(--gold)}.match-log-entries{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:.35rem;scrollbar-width:thin}.match-log-entry,.match-log-empty{font-size:.72rem;line-height:1.3;color:var(--muted);padding:.35rem .4rem;background:#ffffff08;border:1px solid rgba(212,176,106,.12);text-align:left;width:100%;font:inherit}button.match-log-entry{cursor:default;color:inherit}button.match-log-entry.is-inspectable{cursor:pointer;color:#ddd5c8}button.match-log-entry.is-inspectable:hover{border-color:#d4b06a66;color:var(--ink);background:#d4b06a14}button.match-log-entry.is-active{border-color:var(--gold);color:var(--gold);background:#d4b06a1f}button.match-log-entry:disabled{opacity:.85;cursor:default}.match-rail{display:flex;flex-direction:column;align-items:stretch;min-height:0;height:100%;gap:.75rem;padding:.85rem .75rem;border-left:1px solid var(--line);background:#00000059;z-index:3}.rail-turn{flex:0 0 auto;text-align:center;padding:.55rem .4rem;border:1px solid var(--line);background:#12161dd9}.rail-actions{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:.75rem;min-height:0}.rail-turn-label{font-size:.6875rem;font-weight:600;letter-spacing:var(--track-kicker);text-transform:uppercase;color:var(--muted)}.rail-turn-state{margin-top:.25rem;font-size:.95rem;color:var(--ink);font-weight:700}.match-rail .end-turn{min-width:0;width:100%;padding:.85rem .6rem;font-size:1rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.match-rail .end-turn.is-ready{box-shadow:0 0 0 1px #f0a36a73,0 0 18px #e07a3d59}.rail-concede{width:100%;opacity:.85}.match-log-toggle{display:none}.match-field{position:relative;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding-top:clamp(64px,9vh,108px);padding-bottom:clamp(64px,9vh,108px);z-index:1}.field-name{position:absolute;left:.75rem;z-index:6;max-width:min(220px,42%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c9a96a;text-shadow:0 1px 3px rgba(0,0,0,.85);pointer-events:none}.field-name-opp{top:.65rem}.field-name-you{bottom:.65rem}.board-frame{position:relative;display:flex;flex-direction:column;flex:0 0 auto;flex-shrink:0;min-width:0;width:calc(100% - 1.3rem);margin:0 auto;border:5px solid #2a2018;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 18%,transparent 82%,rgba(0,0,0,.18)),repeating-linear-gradient(92deg,#3d2e22,#3d2e22 3px,#4a3828 3px,#4a3828 7px,#352618 7px,#352618 11px);box-shadow:inset 0 0 0 1px #d4b06a38,inset 0 2px 24px #00000073,0 8px 28px #00000059;overflow:visible;z-index:2}.board-half{display:flex;flex-direction:column;align-items:stretch;flex:0 0 auto}.board-half.opp-half{border-bottom:1px solid rgba(0,0,0,.35)}.hero-niche{position:relative;display:grid;place-items:center;width:100%;flex:0 0 auto;min-height:calc(var(--hero-w, 80px) * 1.175 + 24px);padding:.35rem 1rem .45rem;background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,.08) 45%,transparent 100%),linear-gradient(180deg,#2a2118,#1e1710);box-shadow:inset 0 4px 14px #00000059,inset 0 0 0 1px #d4b06a14;z-index:4}.opp-hero-niche{border-bottom:2px solid rgba(0,0,0,.4);box-shadow:inset 0 -3px 10px #00000040,inset 0 4px 14px #00000059}.my-hero-niche{border-top:2px solid rgba(0,0,0,.4);box-shadow:inset 0 3px 10px #00000040,inset 0 -4px 14px #0003}.hero-niche-portrait{position:relative;z-index:2;justify-self:center}.hero-niche:before{content:"";position:absolute;left:50%;top:50%;width:calc(var(--hero-w, 80px) * 1.1);height:calc(var(--hero-w, 80px) * 1.275);transform:translate(-50%,-50%);border-radius:50%;box-shadow:inset 0 6px 18px #000000a6,inset 0 -2px 6px #ffffff0a;pointer-events:none;z-index:0}.board-half .lane.board{flex:0 0 auto;height:var(--lane-h, 120px);min-height:var(--lane-h, 120px);max-height:var(--lane-h, 120px)}.lane{display:flex;justify-content:center;align-items:center;gap:.85rem;padding:.35rem 1rem;position:relative;z-index:1;min-height:0;overflow:hidden}.lane.board .minion{width:100%;height:100%;aspect-ratio:unset;container-type:size;--stat-size: clamp(16px, 28cqmin, 38px)}.lane.board{display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;padding:.35rem .85rem;z-index:1;min-height:0;background:radial-gradient(ellipse 85% 70% at 50% 45%,rgba(255,255,255,.06),transparent 70%),linear-gradient(180deg,#8b7355,#9a8468 18%,#8f795e,#857053 82%,#7a6648);box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 8px 24px #0000001f}.board-units{--units: 1;container-type:inline-size;container-name:board-units;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:var(--unit-gap, .65rem);width:100%;max-width:100%;height:100%;min-height:0;min-width:0;overflow:hidden;position:relative;z-index:1}.my-board{position:relative;box-shadow:inset 0 -8px 16px #0000001a,inset 0 1px #ffffff0d}.opp-board{box-shadow:inset 0 8px 16px #00000014,inset 0 -1px #ffffff0a}.board-seam{flex:0 0 5px;background:linear-gradient(180deg,#00000073,#d4b06a59,#00000073),linear-gradient(90deg,transparent,rgba(212,176,106,.55),transparent);box-shadow:0 1px #ffffff0f,0 -1px #00000059;opacity:1;z-index:3}.board-stack{display:flex;flex-direction:column;align-items:stretch;flex:0 0 auto;width:calc(100% - 1.3rem);margin:0 auto;gap:.35rem;z-index:2}.board-stack .board-frame{width:100%;margin:0}.hero-niche-mana{position:absolute;left:1rem;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;gap:.3rem;pointer-events:none}.hero-mana-orb.mana-orb{width:clamp(30px,calc(var(--hero-w, 80px) * .55),54px);height:clamp(30px,calc(var(--hero-w, 80px) * .55),54px);box-shadow:0 2px 4px #000000a6,0 0 0 1px #0000008c,0 0 12px #6ea0dc59,inset 0 1px 1px #ffffff47}.hero-mana-orb .mana-orb-value{font-size:clamp(.85rem,calc(var(--hero-w, 80px) * .26),1.35rem)}.hero-mana-max{font-family:var(--font-display);font-size:clamp(.8rem,calc(var(--hero-w, 80px) * .2),1.1rem);font-weight:700;color:#9ad4d3;text-shadow:0 1px 3px rgba(0,0,0,.8)}.hero-niche-deck{position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:118px;padding:.55rem .65rem;border:1px solid var(--line);background:repeating-linear-gradient(45deg,#1a140f,#1a140f 6px,#241b14 6px,#241b14 12px);border-radius:4px;box-shadow:0 2px 6px #00000059;pointer-events:none}.hero-niche-deck.you{border-color:var(--aether)}.hero-niche-deck-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.hero-niche-deck-count{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--gold)}.hero{position:relative;z-index:2;display:block;width:var(--hero-w, 80px);height:calc(var(--hero-w, 80px) * 1.175);padding:0;margin:0 auto;border:none;background:transparent;cursor:pointer;flex-shrink:0;font:inherit;color:inherit;transition:opacity .15s ease}.hero-frame{position:relative;width:var(--hero-w, 80px);height:calc(var(--hero-w, 80px) * 1.175);padding:clamp(3px,calc(var(--hero-w, 80px) * .0625),6px);border-radius:50%;background:linear-gradient(145deg,#8b6914,#d4b06a 22%,#6b5210 55%,#3d3018);box-shadow:0 0 0 2px #1a1408,0 0 0 4px #d4b06a59,inset 0 2px 4px #ffffff38,inset 0 -3px 8px #00000073,0 4px 10px #00000073}.hero-portrait{width:100%;height:100%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 35% 25%,#6a5644,#3d3028 38%,#1a1410);box-shadow:inset 0 5px 14px #0000008c}.hero-portrait-img{width:100%;height:100%;object-fit:cover;object-position:48% 22%;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hero-portrait.is-player{background:#0c1018}.hero-portrait.is-player .hero-portrait-img{object-position:48% 22%}.hero-portrait.is-hollow{background:#080a12}.hero-portrait.is-hollow .hero-portrait-img{object-position:50% 42%}.hero-hp{position:absolute;left:50%;bottom:-2px;transform:translate(-50%);min-width:clamp(19px,calc(var(--hero-w, 80px) * .375),36px);height:clamp(19px,calc(var(--hero-w, 80px) * .375),36px);padding:0 .35rem;border-radius:50%;display:grid;place-items:center;font-size:clamp(.7rem,calc(var(--hero-w, 80px) * .2),1.2rem);font-weight:800;color:#fff5f2;background:radial-gradient(circle at 35% 30%,#d44a42,#8b1a1a 65%,#5a0f0f);border:2px solid #f0a09a;box-shadow:0 0 0 1px #00000080,0 2px 6px #00000073;line-height:1}.hero.you .hero-frame{box-shadow:0 0 0 2px #1a1408,0 0 0 4px #6ec8c773,inset 0 2px 4px #ffffff38,inset 0 -3px 8px #00000073,0 4px 10px #00000073}.hero.targetable .hero-frame{box-shadow:0 0 0 2px #1a1408,0 0 0 4px var(--ember),0 0 18px #e07a3d8c,inset 0 2px 4px #ffffff38,inset 0 -3px 8px #00000073}.midbar{display:none}.minion{--frame: #0a0a0a;--stat-size: clamp(14px, 24cqmin, 32px);--guard-shape: polygon( 50% 0%, 93% 10%, 100% 48%, 82% 82%, 50% 100%, 18% 82%, 0% 48%, 7% 10% );width:112px;height:128px;border-radius:12px;border:none;background:transparent;position:relative;container-type:size;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;overflow:visible;box-shadow:0 .35em .7em #00000073;transition:opacity .15s ease}.minion .m-portrait{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;background:var(--frame)}.minion .m-portrait-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(.9);transform-origin:center center;overflow:hidden;background:#0c0a08;border-radius:10.8px}.minion .m-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;border-radius:0;object-fit:cover;object-position:center 20%;display:block;background-color:#1a140f;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.minion .m-foil-overlay{z-index:3;border-radius:inherit}.minion.full-art:not(.foil):not(.guard):before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:14px;padding:2px;z-index:1;pointer-events:none;background:conic-gradient(from var(--finish-rim-angle, 0deg),rgba(255,210,140,.15),rgba(255,236,200,.95),rgba(212,176,106,.35),rgba(255,236,200,.95),rgba(255,210,140,.15));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:finish-rim-spin 3.6s linear infinite}.minion.foil:not(.guard):before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:14px;padding:2.5px;z-index:1;pointer-events:none;background:conic-gradient(from var(--finish-rim-angle, 0deg),rgba(160,120,55,.3),rgba(255,236,200,.98),rgba(212,176,106,.95),rgba(255,248,220,1),rgba(180,140,70,.85),rgba(232,196,120,.95),rgba(160,120,55,.3));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:finish-rim-spin 4.2s linear infinite;filter:drop-shadow(0 0 5px rgba(212,176,106,.5)) drop-shadow(0 0 8px rgba(180,140,70,.28))}.minion.full-art.foil:not(.guard):before{padding:3px;filter:drop-shadow(0 0 6px rgba(212,176,106,.55)) drop-shadow(0 0 10px rgba(255,236,200,.28)) drop-shadow(0 0 8px rgba(180,140,70,.22))}.minion.foil{box-shadow:0 .35em .7em #00000073,0 0 .65em #d4b06a7a,0 0 1.1em #b48c463d}.minion.full-art .m-portrait{box-shadow:none}.minion.full-art .m-portrait-inner{top:0;right:0;bottom:0;left:0;transform:none;border-radius:inherit;background:#050505}.minion.full-art .m-portrait-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,transparent 28%,transparent 72%,rgba(0,0,0,.28) 100%),radial-gradient(ellipse at 50% 40%,transparent 42%,rgba(0,0,0,.28) 100%)}.minion.full-art .m-art{object-position:center 32%;transform:scale(1.08);transform-origin:center 35%}.minion.full-art{box-shadow:0 .35em .7em #00000080,0 0 14px #d4b06a38}.minion.full-art.foil{box-shadow:0 .35em .7em #00000080,0 0 .7em #d4b06a85,0 0 1.2em #ffecc838,0 0 .9em #b48c462e}.minion.guard{border:none;border-radius:0;background:transparent;overflow:visible;box-shadow:none}.minion.guard.foil,.minion.guard.full-art,.minion.guard.full-art.foil{box-shadow:none;border-radius:0}.minion.guard.foil:not(.full-art) .m-portrait{animation:guard-foil-rim 2.8s ease-in-out infinite alternate}.minion.guard .m-portrait{top:0;right:0;bottom:0;left:0;border-radius:0;overflow:hidden;background:var(--frame);clip-path:var(--guard-shape)}.minion.guard .m-portrait-inner{top:0;right:0;bottom:0;left:0;clip-path:var(--guard-shape);transform:scale(.9);transform-origin:center center;overflow:hidden;background:#0c0a08;border-radius:0}.minion.guard.full-art:not(.foil) .m-portrait{box-shadow:none;animation:guard-fullart-rim 2.8s ease-in-out infinite alternate}.minion.guard.full-art .m-portrait-inner{transform:none;background:#050505;border-radius:0}.minion.guard.full-art.foil .m-portrait{animation:guard-foil-rim 2.8s ease-in-out infinite alternate}.minion.guard .m-art{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 22%}@property --finish-rim-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes finish-rim-spin{to{--finish-rim-angle: 360deg}}@keyframes guard-foil-rim{0%{filter:drop-shadow(0 0 0 1.5px rgba(212,176,106,.85)) drop-shadow(0 0 8px rgba(180,140,70,.45)) drop-shadow(0 0 14px rgba(255,236,200,.22))}50%{filter:drop-shadow(0 0 0 2px rgba(255,236,200,.95)) drop-shadow(0 0 10px rgba(212,176,106,.55)) drop-shadow(0 0 16px rgba(232,196,120,.35))}to{filter:drop-shadow(0 0 0 2px rgba(232,196,120,.9)) drop-shadow(0 0 12px rgba(212,176,106,.65)) drop-shadow(0 0 18px rgba(180,140,70,.4))}}@keyframes guard-fullart-rim{0%{filter:drop-shadow(0 0 0 1.5px rgba(255,236,200,.7)) drop-shadow(0 0 8px rgba(212,176,106,.35))}to{filter:drop-shadow(0 0 0 2px rgba(255,244,210,.95)) drop-shadow(0 0 14px rgba(212,176,106,.55))}}.match:not(.is-my-turn) .my-board .minion{opacity:.52}.minion.is-exhausted{opacity:.52}.minion.targetable,.minion.can-attack{opacity:1}.minion.can-attack{box-shadow:0 0 14px #6ec8c7d9,0 .35em .7em #00000073;cursor:grab}.minion.can-attack:active{cursor:grabbing}.minion.guard.can-attack{box-shadow:none;filter:drop-shadow(0 0 10px rgba(110,200,199,.9))}.minion.guard.can-attack .m-portrait{animation:none}.minion.targetable{box-shadow:0 0 0 3px var(--ember),0 0 18px var(--ember)}.minion.guard.targetable{box-shadow:none;filter:drop-shadow(0 0 0 3px var(--ember)) drop-shadow(0 0 10px var(--ember))}.minion.guard.targetable .m-portrait{animation:none}.minion .m-stats{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;padding:0 calc(var(--stat-size) * .12) calc(var(--stat-size) * .12);z-index:2;pointer-events:none}.minion .pip{min-width:var(--stat-size);width:var(--stat-size);height:var(--stat-size);border-radius:max(3px,calc(var(--stat-size) * .22));display:grid;place-items:center;font-weight:800;color:#fff;font-size:calc(var(--stat-size) * .56);line-height:1;border-width:max(1px,calc(var(--stat-size) * .06));border-style:solid}.minion .pip.at{background:#6b3a22;border-color:#e07a3d}.minion .pip.hp{background:#4a1c1c;border-color:#c4453c}.hand-row{position:absolute;left:0;right:0;display:flex;justify-content:center;align-items:flex-end;width:100%;max-width:100%;min-width:0;padding:0;height:58px;overflow:visible;z-index:15;pointer-events:none}.hand-row:not(.opp-hand){bottom:0}.hand-row.opp-hand{top:0;align-items:flex-end;height:58px}.hand-fan{position:relative;width:min(920px,100%);height:100%;pointer-events:none}.hand-slot{--fan-x: 0px;--fan-y: 0px;--fan-rot: 0deg;--fan-z: 1;position:absolute;left:50%;bottom:-2rem;width:var(--hand-card-w, 156px);height:var(--hand-card-h, 218px);margin-left:calc(var(--hand-card-w, 156px) / -2);z-index:var(--fan-z);pointer-events:auto;transition:transform .14s ease-out;will-change:transform}.hand-row:not(.opp-hand) .hand-slot{--player-pivot-r: 460px;bottom:-1.75rem;transform:rotate(var(--fan-rot));transform-origin:50% calc(100% + var(--player-pivot-r))}.hand-row.opp-hand .hand-slot{pointer-events:none;transform:translate3d(var(--fan-x),var(--fan-y),0) rotate(var(--fan-rot));transform-origin:50% 100%}.hand-row:not(.opp-hand) .hand-slot:hover,.hand-row:not(.opp-hand) .hand-slot.is-selected,.hand-row:not(.opp-hand) .hand-slot.is-aim-source,.hand-row:not(.opp-hand) .hand-slot.is-scrub-focus{transform:rotate(var(--fan-rot)) translateY(-68px)}.hand-row:not(.opp-hand) .hand-slot.is-scrub-focus{transform:rotate(var(--fan-rot)) translateY(-82px);z-index:45}.match.is-hand-scrubbing .hand-row:not(.opp-hand) .hand-slot:not(.is-scrub-focus){opacity:.7}.match.is-hand-scrubbing .hand-row:not(.opp-hand) .hand-slot:hover:not(.is-scrub-focus){transform:rotate(var(--fan-rot))}.hand-row.opp-hand .hand-slot:hover,.hand-row.opp-hand .hand-slot.is-selected,.hand-row.opp-hand .hand-slot.is-aim-source{transform:translate3d(var(--fan-x),calc(var(--fan-y) - 68px),0) rotate(var(--fan-rot));z-index:30}.hand-slot.is-drag-source{opacity:.3;pointer-events:none}.hand-row:not(.opp-hand) .hand-slot.is-drag-source{transform:rotate(var(--fan-rot)) translateY(-10px)!important}.hand-row.opp-hand .hand-slot.is-drag-source{transform:translate3d(var(--fan-x),calc(var(--fan-y) - 10px),0) rotate(var(--fan-rot))!important}.hand-slot .card-face,.hand-slot .card-back{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important}.hand-slot .card-face{transition:outline-color .12s ease,box-shadow .12s ease,opacity .15s ease;touch-action:none;-webkit-user-select:none;user-select:none}.hand-slot .card-tilt,.hand-slot .card-face.is-tilting .card-tilt,.hand-slot .card-face.is-tilting{transform:none!important}.hand-slot .card-face{opacity:1}.hand-slot.is-playable .card-face{outline:2px solid var(--ember-2)}.hand-slot.is-selected .card-face,.hand-slot.is-aim-source .card-face{outline:2px solid #fff}.end-turn{min-width:110px}.match.is-dragging-card,.match.is-dragging-card .hand-row .card-face{cursor:grabbing}.my-board .play-drop-hint{position:absolute;top:.35rem;right:.35rem;bottom:.35rem;left:.35rem;border:2px dashed transparent;border-radius:10px;display:grid;place-items:center;color:transparent;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;pointer-events:none;transition:border-color .15s ease,color .15s ease,background .15s ease;z-index:0}.match.is-aiming .my-board .play-drop-hint{opacity:0}.match.is-dragging-card .my-board .play-drop-hint{border-color:#d4b06a59;color:#e8dcc48c;background:#d4b06a0d}.match.is-aiming.is-dragging-card .my-board .play-drop-hint{opacity:0}.my-board.is-drop-target .play-drop-hint{border-color:var(--ember-2);color:#fff8ee;background:#e07a3d1f;box-shadow:inset 0 0 24px #e07a3d2e}.board-units>[data-target-key]{--creature-h-max: calc(var(--lane-h, 120px) - .7rem);--creature-share-w: calc( (100cqw - (var(--units, 1) - 1) * var(--unit-gap, .65rem)) / var(--units, 1) );--creature-h: min( var(--creature-h-max), calc(var(--creature-share-w) * 106 / 92), calc(var(--unit-max, 112px) * 106 / 92) );--creature-w: calc(var(--creature-h) * 92 / 106);position:relative;z-index:1;flex:0 0 auto;width:var(--creature-w);height:var(--creature-h);min-width:0;max-width:var(--creature-share-w);max-height:var(--creature-h-max)}.drag-ghost{position:fixed;z-index:60;pointer-events:none;transform:translate(-50%,-60%);filter:drop-shadow(0 18px 28px rgba(0,0,0,.55));transition:filter .12s ease}.drag-ghost.over-board{filter:drop-shadow(0 18px 28px rgba(0,0,0,.55)) drop-shadow(0 0 16px rgba(224,122,61,.55))}.drag-ghost .card-face{width:100%!important;height:100%!important;max-width:none;max-height:none}.targeting-arrow{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:55;overflow:visible}.targeting-arrow .aim-shaft{fill:none;stroke:#e07a3d;stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(224,122,61,.65))}.targeting-arrow.is-valid .aim-shaft{stroke:#f0a36a;filter:drop-shadow(0 0 8px rgba(240,163,106,.85))}.targeting-arrow .aim-shaft-core{fill:none;stroke:#ffecc8d9;stroke-width:2.5;stroke-linecap:round}.targeting-arrow .aim-origin{fill:#e07a3d;stroke:#fff8ee;stroke-width:2}.targeting-arrow.is-valid .aim-origin{fill:#f0a36a}.targeting-arrow .aim-head{fill:#e07a3d;stroke:#fff8ee;stroke-width:1.5}.targeting-arrow.is-valid .aim-head{fill:#f0a36a}.match.is-aiming,.match.is-aiming *{cursor:none!important}.match.is-aiming .minion:not(.targetable),.match.is-aiming .hero:not(.targetable){opacity:.52}.match.is-aiming .minion.targetable,.match.is-aiming .hero.targetable{opacity:1}.match.is-aiming .hero-niche-deck,.match.is-aiming .hero-niche-mana{opacity:.52}.play-fx{position:fixed;left:0;top:0;width:var(--fx-w);height:var(--fx-h);z-index:70;pointer-events:none;animation:card-play-arc .42s cubic-bezier(.2,.8,.2,1) forwards;--tilt-x: var(--fx-tilt-x);--tilt-y: var(--fx-tilt-y);box-shadow:0 16px 28px #0000008c}.play-fx.is-spell{animation-name:card-cast-arc;animation-duration:.52s;box-shadow:0 14px 26px #00000080,0 0 18px #78beff59}.play-fx .card-face{width:100%!important;height:100%!important;max-width:none;max-height:none}.play-fx-burst{position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,rgba(255,230,180,.95),rgba(224,122,61,.15) 55%,transparent 70%);transform:translate(-50%,-50%) scale(.2);opacity:0;animation:card-play-burst .42s ease-out forwards}.play-fx.is-spell .play-fx-burst{background:radial-gradient(circle,rgba(210,240,255,.95),rgba(90,160,230,.22) 50%,transparent 72%);animation-name:card-cast-burst;animation-duration:.52s}.play-fx-ring{position:absolute;left:50%;top:50%;width:28px;height:28px;border-radius:50%;border:2px solid rgba(180,220,255,.85);box-shadow:0 0 18px #78beff8c;transform:translate(-50%,-50%) scale(.4);opacity:0;animation:card-cast-ring .52s ease-out forwards}@keyframes card-play-arc{0%{transform:translate(var(--fx-from-x),var(--fx-from-y)) translate(-50%,-60%) scale(1.08) rotate(0);opacity:1}55%{transform:translate(calc((var(--fx-from-x) + var(--fx-to-x)) / 2),calc(var(--fx-to-y) - 56px)) translate(-50%,-50%) scale(1.14) rotate(-10deg);opacity:1}to{transform:translate(var(--fx-to-x),var(--fx-to-y)) translate(-50%,-50%) scale(.26) rotate(8deg);opacity:0}}@keyframes card-cast-arc{0%{transform:translate(var(--fx-from-x),var(--fx-from-y)) translate(-50%,-60%) scale(1.06) rotate(0);opacity:1}35%{transform:translate(calc((var(--fx-from-x) + var(--fx-to-x)) / 2),calc(((var(--fx-from-y) + var(--fx-to-y)) / 2) - 40px)) translate(-50%,-50%) scale(1.18) rotate(6deg);opacity:1}70%{transform:translate(var(--fx-to-x),var(--fx-to-y)) translate(-50%,-50%) scale(.72) rotate(-4deg);opacity:.92}to{transform:translate(var(--fx-to-x),var(--fx-to-y)) translate(-50%,-50%) scale(.42) rotate(0);opacity:0}}@keyframes card-play-burst{0%,55%{opacity:0;transform:translate(-50%,-50%) scale(.2)}70%{opacity:1;transform:translate(-50%,-50%) scale(7)}to{opacity:0;transform:translate(-50%,-50%) scale(11)}}@keyframes card-cast-burst{0%,55%{opacity:0;transform:translate(-50%,-50%) scale(.25)}72%{opacity:1;transform:translate(-50%,-50%) scale(9)}to{opacity:0;transform:translate(-50%,-50%) scale(14)}}@keyframes card-cast-ring{0%,48%{opacity:0;transform:translate(-50%,-50%) scale(.35)}68%{opacity:1;transform:translate(-50%,-50%) scale(2.4)}to{opacity:0;transform:translate(-50%,-50%) scale(4.2)}}.minion.is-summoning{animation:minion-summon-in .5s cubic-bezier(.2,.85,.25,1) both}@keyframes minion-summon-in{0%{opacity:0;transform:scale(.35) translateY(18px);filter:brightness(1.6)}55%{opacity:1;transform:scale(1.08) translateY(-4px);filter:brightness(1.2)}to{opacity:1;transform:scale(1) translateY(0);filter:none}}.minion.is-attacking{visibility:hidden}.minion.is-hit,.hero.is-hit .hero-frame{animation:unit-hit-shake .42s ease-out}.hero.is-dying{pointer-events:none;z-index:8}.hero.is-dying .hero-frame{animation:hero-death-shake .55s ease-in-out}.hero.is-dying .hero-portrait,.hero.is-dying .hero-hp{animation:hero-death-fade 1.55s ease-in forwards}.hero-death{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;border-radius:inherit;overflow:visible}.hero-death-crack{position:absolute;left:18%;top:12%;width:64%;height:76%;background:linear-gradient(115deg,transparent 46%,rgba(255,220,180,.95) 49%,rgba(20,8,4,.9) 51%,transparent 54%),linear-gradient(28deg,transparent 47%,rgba(255,180,120,.75) 50%,transparent 53%);opacity:0;mix-blend-mode:screen;animation:hero-crack-in .45s ease-out forwards}.hero-death-crack.is-cross{background:linear-gradient(200deg,transparent 47%,rgba(255,210,160,.85) 50%,transparent 53%),linear-gradient(75deg,transparent 48%,rgba(40,12,8,.85) 50%,transparent 52%);animation-delay:.08s}.hero-death-shard{position:absolute;left:50%;top:50%;width:18px;height:14px;margin:-7px 0 0 -9px;border-radius:2px 40% 3px 35%;background:linear-gradient(145deg,#d4b06a,#6b3a22 45%,#1a1008);box-shadow:0 0 6px #f0783c73;opacity:0;--ang: calc(var(--i) * 51.4deg);animation:hero-shard-fly 1.15s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(.32s + var(--i) * .03s)}.hero-death-burst{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;border-radius:50%;background:radial-gradient(circle,rgba(255,170,90,.75) 0%,rgba(180,50,20,.35) 38%,transparent 68%);opacity:0;animation:hero-death-burst .85s ease-out .3s forwards}@keyframes hero-death-shake{0%,to{transform:translate(0) rotate(0)}18%{transform:translate(-3px,2px) rotate(-2deg)}36%{transform:translate(4px,-2px) rotate(2deg)}54%{transform:translate(-2px,-3px) rotate(-1deg)}72%{transform:translate(3px,1px) rotate(1.5deg)}}@keyframes hero-crack-in{0%{opacity:0;filter:brightness(1.8)}35%{opacity:1}to{opacity:.85}}@keyframes hero-shard-fly{0%{opacity:0;transform:rotate(var(--ang)) translate(0) scale(.6)}12%{opacity:1}to{opacity:0;transform:rotate(var(--ang)) translateY(-72px) scale(.35) rotate(120deg)}}@keyframes hero-death-burst{0%{opacity:0;transform:scale(.35)}30%{opacity:1}to{opacity:0;transform:scale(1.55)}}@keyframes hero-death-fade{0%,28%{opacity:1;filter:none}55%{opacity:.55;filter:saturate(.4) brightness(1.3)}to{opacity:0;filter:saturate(.1) brightness(.4)}}.match.is-intro .match-field,.match.is-ending .match-field{pointer-events:none}.match.is-ending .inspect{display:none!important}.match-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,#28180e8c,#000000b8 62%);animation:match-intro-veil 2.4s ease-out forwards}.match-intro-inner{text-align:center;padding:1.2rem 1.6rem;animation:match-intro-rise .7s cubic-bezier(.16,.84,.28,1) both}.match-intro-kicker{margin:0 0 .35rem;font-size:.72rem;font-weight:600;letter-spacing:var(--track-kicker);text-transform:uppercase;color:var(--ember-2)}.match-intro-inner h2{margin:0;font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:600;color:var(--gold);text-shadow:0 2px 18px rgba(0,0,0,.65)}.match-intro.is-second .match-intro-inner h2{color:#d8d0c4}.match-intro-sub{margin:.55rem 0 0;font-size:.95rem;color:var(--muted);max-width:22rem}@keyframes match-intro-veil{0%{opacity:0}12%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes match-intro-rise{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.match-result-banner{animation:match-result-in .35s ease-out both}@keyframes match-result-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.hero.is-dying .hero-frame,.hero.is-dying .hero-portrait,.hero.is-dying .hero-hp,.hero-death-crack,.hero-death-shard,.hero-death-burst,.match-intro,.match-intro-inner,.match-result-banner{animation-duration:.01ms!important;animation-delay:0ms!important}}.minion .hit-flash,.hero-frame .hit-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 50% 45%,rgba(255,90,70,.55),rgba(180,20,20,.2) 55%,transparent 75%);animation:hit-flash .42s ease-out forwards}.minion.guard .hit-flash{clip-path:var(--guard-shape)}.hero-frame .hit-flash{border-radius:50%;top:5px;right:5px;bottom:5px;left:5px}.minion .hit-num,.hero-frame .hit-num{position:absolute;left:50%;top:28%;z-index:5;transform:translate(-50%);font-weight:800;font-size:1.35rem;color:#ffd0c8;text-shadow:0 0 2px #5a0000,0 1px 0 #5a0000,0 2px 8px rgba(0,0,0,.65);pointer-events:none;animation:hit-num-float .5s ease-out forwards}.hero-frame .hit-num{top:34%;font-size:1.5rem}.minion .hit-num{font-size:clamp(.85rem,20cqw,1.6rem)}.minion .hit-flash.is-heal,.hero-frame .hit-flash.is-heal{background:radial-gradient(circle at 50% 45%,rgba(120,230,140,.5),rgba(30,140,60,.18) 55%,transparent 75%)}.minion .hit-flash.is-buff,.hero-frame .hit-flash.is-buff{background:radial-gradient(circle at 50% 45%,rgba(255,224,140,.5),rgba(190,130,40,.18) 55%,transparent 75%)}.minion .hit-num.is-heal,.hero-frame .hit-num.is-heal{color:#baf0b2;text-shadow:0 0 2px #0a3a12,0 1px 0 #0a3a12,0 2px 8px rgba(0,0,0,.65)}.minion .hit-num.is-buff,.hero-frame .hit-num.is-buff{color:#ffe9ae;text-shadow:0 0 2px #4a3208,0 1px 0 #4a3208,0 2px 8px rgba(0,0,0,.65)}@keyframes unit-hit-shake{0%,to{transform:translate(0)}16%{transform:translate(-4px,1px) rotate(-1.2deg)}32%{transform:translate(4px,-2px) rotate(1deg)}48%{transform:translate(-3px,2px) rotate(-.8deg)}64%{transform:translate(3px,-1px) rotate(.6deg)}80%{transform:translate(-1px,1px)}}@keyframes hit-flash{0%{opacity:.95}to{opacity:0}}@keyframes hit-num-float{0%{opacity:1;transform:translate(-50%) scale(.85)}30%{opacity:1;transform:translate(-50%,-8px) scale(1.12)}to{opacity:0;transform:translate(-50%,-28px) scale(1)}}.attack-fx{position:fixed;left:0;top:0;width:var(--atk-w);height:var(--atk-h);z-index:72;pointer-events:none;animation:minion-attack-lunge .38s cubic-bezier(.34,1.2,.48,1) forwards}.attack-fx .minion{width:100%;height:100%;cursor:default}.attack-fx-impact{position:fixed;left:var(--atk-lunge-x);top:var(--atk-lunge-y);width:10px;height:10px;margin:0;border-radius:50%;background:radial-gradient(circle,rgba(255,220,160,.95),rgba(224,122,61,.2) 50%,transparent 72%);transform:translate(-50%,-50%) scale(.2);opacity:0;animation:attack-impact-flash .38s ease-out forwards;pointer-events:none}@keyframes minion-attack-lunge{0%{transform:translate(var(--atk-from-x),var(--atk-from-y)) translate(-50%,-50%) scale(1);filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}42%{transform:translate(var(--atk-lunge-x),var(--atk-lunge-y)) translate(-50%,-50%) scale(1.1);filter:drop-shadow(0 12px 18px rgba(0,0,0,.5)) brightness(1.08)}58%{transform:translate(var(--atk-lunge-x),var(--atk-lunge-y)) translate(-50%,-50%) scale(1.14);filter:drop-shadow(0 0 16px rgba(224,122,61,.75)) brightness(1.15)}to{transform:translate(var(--atk-from-x),var(--atk-from-y)) translate(-50%,-50%) scale(1);opacity:.95;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}}@keyframes attack-impact-flash{0%,40%{opacity:0;transform:translate(-50%,-50%) scale(.2)}52%{opacity:1;transform:translate(-50%,-50%) scale(6)}to{opacity:0;transform:translate(-50%,-50%) scale(10)}}.log{max-width:360px;font-size:.78rem;color:var(--muted);text-align:right}.banner{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0000008c;z-index:50;padding:1rem}.banner .inner{display:flex;flex-direction:column;align-items:center;gap:.85rem;background:var(--bg-2);border:1px solid var(--gold);padding:1.5rem 1.4rem;text-align:center;width:min(420px,100%)}.banner .inner h2{margin:0;font-size:clamp(1.75rem,4vw,2.35rem);color:var(--ink)}.banner .inner .lede{margin:0}.banner .challenge-deck-label{display:block;text-align:left;margin-top:.75rem;font-size:.85rem;color:var(--muted)}.banner .inner .field{text-align:left;width:100%}.confirm-actions{display:flex;justify-content:center;gap:.65rem;flex-wrap:wrap}.toast{position:fixed;bottom:12px;left:50%;transform:translate(-50%);background:#2a1610;border:1px solid var(--ember);padding:.5rem .9rem;z-index:30;max-width:calc(100vw - 1.5rem)}@media(max-width:900px){.deck-layout,.play-grid{grid-template-columns:1fr}.page{padding:1rem var(--hold-inline) 2rem}.page h1{font-size:1.85rem}.collection-bar,.deck-builder-bar{margin-inline:0}:root{--hold-inline: 1rem;--hold-top: 4.4rem;--hold-bottom: 1.2rem}.hold-stage{width:min(36rem,100%);padding:var(--hold-top) var(--hold-inline) var(--hold-bottom);justify-content:flex-end;gap:1rem}.hold-mural{width:88%;opacity:.55}.hold-vignette{background:linear-gradient(180deg,#07080b33,#07080bd1 72%,#07080b),linear-gradient(90deg,#07080b 0%,transparent 50%)}.hold-secondaries{gap:.45rem}.hold-summons{right:var(--hold-inline);left:var(--hold-inline);bottom:var(--hold-bottom);max-width:none}.packs-stage,.decks-stage,.yard-stage{grid-template-columns:1fr;padding:var(--hold-top) var(--hold-inline) var(--hold-bottom);align-content:start;overflow:auto}.chamber-mural{width:100%;opacity:.5;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 40%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 40%,transparent 100%)}.chamber-vignette{background:linear-gradient(180deg,#07080b33,#07080bd1 58%,#07080b)}.packs-chamber:not(.is-opening) .pack-theater{min-height:340px;height:auto}.deck-builder{grid-template-columns:1fr;position:relative}.deck-builder .deck-tray{position:absolute;top:0;right:0;bottom:0;width:min(320px,88%);z-index:30;transform:translate(105%);transition:transform .2s ease;border-left:1px solid var(--line);box-shadow:-8px 0 24px #00000073}.deck-builder.tray-open .deck-tray{transform:translate(0)}.deck-builder.tray-open .deck-tray-scrim{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;border:0;padding:0;margin:0;background:#0405088c;cursor:pointer}.deck-tray-inspect{display:none}.deck-builder.is-phone .deck-builder-main{overflow:auto;-webkit-overflow-scrolling:touch}.deck-builder.is-phone .deck-builder-bar{margin-inline:0}.deck-builder.is-phone .collection-filter-toggle{display:flex;width:100%}.deck-builder.is-phone .collection-filter-toggle .btn{flex:1 1 0}.deck-builder.is-phone .collection-pager{display:flex;justify-content:center;padding:.35rem 0 .75rem}.deck-builder.is-phone .page-arrow-inline{display:grid;place-items:center}.collection-stage{grid-template-columns:36px 1fr 36px;overflow:auto;-webkit-overflow-scrolling:touch}.collection .collection-stage{display:grid;grid-template-columns:1fr;justify-items:stretch;align-content:center;overflow:hidden}.collection.collection-scroll .collection-stage{display:block;overflow:auto;-webkit-overflow-scrolling:touch;align-content:unset;justify-items:unset}.inspect:not(.inspect-cast):not(.is-touch){display:none}.inspect-cast,.inspect.is-touch{left:50%;top:46%;transform:translate(-50%,-50%);z-index:40}.inspect.is-touch{animation:inspect-touch-in .18s ease-out}.inspect-body{flex-direction:column;align-items:center}.inspect-tips{width:min(11.5rem,88vw);max-width:min(11.5rem,88vw);min-width:0}.collection-zoom-card{flex-direction:column}.pack-inspect-tips{position:static;transform:none;margin-top:.85rem;width:min(11.5rem,88vw);max-width:min(11.5rem,88vw)}@keyframes inspect-cast-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes inspect-touch-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}}@media(max-width:700px){.btn{padding:.55rem .8rem;font-size:.72rem}:root{--hold-top: 7.75rem}.hold-logo{height:2.4rem}.hold-play-name{font-size:1.9rem}.hold-door-name{font-size:1.05rem}.hold-play-sub,.hold-door-sub,.layout-hub .nav-hub .stats-name{display:none}.chamber-stage h1{font-size:clamp(2.2rem,11vw,3rem)}.nav{padding:.45rem var(--hold-inline);gap:.45rem}.nav-main{width:100%;flex-direction:column;align-items:stretch;gap:.35rem}.nav .brand img{height:1.25rem}.nav-links{gap:.15rem;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:.1rem}.nav-links a{flex:0 0 auto;padding:.35rem .55rem;font-size:.72rem;letter-spacing:.06em;border:1px solid transparent;border-radius:2px}.nav-links a.active{border-color:var(--line);background:#16120e}.nav-user{width:100%;justify-content:space-between}.nav .stats{font-size:.72rem;gap:.35rem .55rem;justify-content:flex-start}.nav-signout{padding:.35rem .55rem;font-size:.68rem}.page{padding:.85rem var(--hold-inline) 1.5rem}.page h1{font-size:1.55rem}.lede{font-size:.9rem;margin-bottom:1rem}.auth-wrap{padding:1rem;align-items:start;padding-top:8vh}.auth-card{padding:1.25rem}.auth-card h1{font-size:2.2rem}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.65rem}.deck-layout{gap:.85rem}.deck-list{max-height:none;order:2}.deck-builder-main{padding:.55rem var(--hold-inline) .65rem}.deck-tray-name{font-size:1.35rem}.deck-card-used{font-size:.68rem;bottom:.4rem;padding:.15rem .45rem}.pack-theater{min-height:min(78vh,640px);margin:.85rem 0 .35rem}.pack-slot,.pack-face-front .card-face.lg{width:200px;height:280px}.pack-theater.phase-deal .pack-slot.is-queued,.pack-theater.phase-reveal .pack-slot.is-queued,.pack-theater.phase-done .pack-slot.is-queued{transform:translate(calc(-50% + 2.8rem + (var(--q) * 2rem)),calc(-50% + (var(--q) * .4rem))) rotate(calc(7deg + (var(--q) * 4.5deg))) scale(.88)}.pack-hint,.pack-summary{bottom:.65rem;width:calc(100% - 1.2rem)}.pack-card-meta{bottom:-1.35rem;font-size:.62rem}.play-grid{gap:.85rem}.panel{padding:.85rem}.friend-row{flex-direction:column;align-items:stretch;gap:.4rem}.friend-row>span:last-child{display:flex;flex-wrap:wrap;gap:.35rem}.collection{padding:.55rem var(--hold-inline) .65rem;gap:.55rem;height:100%;overflow:hidden}.collection-mobile .collection-bar{margin-inline:0;gap:.45rem;align-items:stretch}.collection-title h1{font-size:1.4rem}.collection-title p:not(.chamber-kicker){font-size:.78rem;line-height:1.35}.collection-search{width:100%}.collection-search input{width:100%;min-width:0}.collection-filter-toggle{display:flex}.collection-filters{display:flex;flex-direction:column;gap:.4rem;width:100%}.collection-filters.is-collapsed{display:none}.collection-bar .chip,.collection-bar .mana-chip{min-height:2rem;padding:.4rem .55rem;font-size:.74rem}.collection-bar .mana-chip{min-width:2.2rem}.collection-mobile .collection-scroll .collection-grid,.collection.collection-scroll.collection-mobile .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-mobile .page-arrow-side{display:none}.collection-mobile .page-arrow-inline{display:grid;place-items:center}.collection-mobile .collection-empty{grid-row:auto;padding:2rem .5rem}.collection-scroll .collection-empty{grid-row:auto}.collection-mobile .collection-pager{gap:.85rem;font-size:.8rem;padding:.15rem 0 .35rem}.page-arrow{font-size:1.6rem;height:3rem}.match{--lane-h: clamp(92px, 14vh, 118px);--unit-gap: .35rem;--unit-max: clamp(62px, 17vw, 84px);--hero-w: 62px;--hand-card-w: clamp(100px, 30vw, 122px);height:100svh;max-height:100dvh;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;padding-bottom:env(safe-area-inset-bottom,0px)}.match-log{display:none}.match-log.is-open{display:flex;position:absolute;left:.5rem;top:.5rem;bottom:4.5rem;width:min(280px,78vw);z-index:45;border:1px solid var(--line);border-radius:6px;background:#06080cf0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.match-log-toggle{display:inline-flex}.match-rail{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;height:auto;gap:.45rem;border-left:none;border-top:1px solid var(--line);padding:.45rem .55rem}.rail-actions{flex:0 0 auto;flex-direction:row;justify-content:flex-end;gap:.45rem}.rail-turn{flex:1 1 auto;text-align:left;padding:.35rem .5rem}.match-rail .end-turn,.rail-concede{width:auto;min-width:0;padding:.55rem .7rem;font-size:.78rem}.match-field{padding-top:40px;padding-bottom:68px}.board-stack{width:calc(100% - .7rem);gap:.28rem}.board-frame{margin:0;width:100%;border-width:3px}.hero-niche{padding:.3rem .55rem .35rem}.hero-niche-mana{left:.55rem}.hero-niche-deck{right:.55rem;min-width:96px;padding:.4rem .5rem;gap:.5rem}.hero-niche-deck-count{font-size:1.15rem}.lane.board{padding:.15rem .4rem}.field-name{left:.45rem;font-size:.62rem}.field-name-opp{top:.45rem}.field-name-you{bottom:.45rem}.hand-row,.hand-row.opp-hand{height:44px}.hand-row:not(.opp-hand) .hand-slot{--player-pivot-r: 330px;bottom:-1.75rem}.hand-row:not(.opp-hand) .hand-slot:hover,.hand-row:not(.opp-hand) .hand-slot.is-selected,.hand-row:not(.opp-hand) .hand-slot.is-aim-source,.hand-row:not(.opp-hand) .hand-slot.is-scrub-focus{transform:rotate(var(--fan-rot)) translateY(-40px)}.hand-row:not(.opp-hand) .hand-slot.is-scrub-focus{transform:rotate(var(--fan-rot)) translateY(-52px);z-index:45}.hand-row.opp-hand .hand-slot:hover,.hand-row.opp-hand .hand-slot.is-selected,.hand-row.opp-hand .hand-slot.is-aim-source{transform:translate3d(var(--fan-x),calc(var(--fan-y) - 40px),0) rotate(var(--fan-rot))}.hand-slot{bottom:-1.45rem}.banner .inner{padding:1.2rem 1rem;gap:.7rem}.banner .inner h2{font-size:1.5rem}}@media(max-height:520px){.match{--lane-h: clamp(80px, 17vh, 96px);--unit-gap: .3rem;--unit-max: 72px;--hero-w: 48px;--hand-card-w: clamp(72px, 20vh, 100px);height:100svh;max-height:100dvh;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;padding-bottom:env(safe-area-inset-bottom,0px)}.match-log{display:none}.match-log.is-open{display:flex;position:absolute;left:.5rem;top:.5rem;bottom:3.5rem;width:min(260px,46vw);z-index:45;border:1px solid var(--line);border-radius:6px;background:#06080cf0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.match-log-toggle{display:inline-flex}.match-rail{flex-direction:row;flex-wrap:wrap;align-items:center;height:auto;gap:.35rem;border-left:none;border-top:1px solid var(--line);padding:.3rem .45rem}.rail-actions{flex:0 0 auto;flex-direction:row;justify-content:flex-end;gap:.35rem}.rail-turn{flex:1;text-align:left;padding:.25rem .4rem}.match-rail .end-turn,.rail-concede{width:auto;padding:.4rem .55rem;font-size:.68rem}.match-field{padding-top:34px;padding-bottom:58px}.board-stack{width:calc(100% - .5rem);gap:.22rem}.board-frame{width:100%;border-width:2px}.hero-niche{padding:.25rem .4rem .3rem}.hero-niche-mana{left:.4rem}.hero-niche-deck{right:.4rem;min-width:82px;padding:.3rem .4rem;gap:.35rem}.hero-niche-deck-label{font-size:.58rem}.hero-niche-deck-count{font-size:1rem}.lane.board{padding:.1rem .35rem}.field-name{left:.35rem;font-size:.55rem;max-width:46%}.hand-row,.hand-row.opp-hand{height:36px}.hand-row:not(.opp-hand) .hand-slot{--player-pivot-r: 240px}.hand-row:not(.opp-hand) .hand-slot:hover,.hand-row:not(.opp-hand) .hand-slot.is-selected,.hand-row:not(.opp-hand) .hand-slot.is-aim-source,.hand-row:not(.opp-hand) .hand-slot.is-scrub-focus{transform:rotate(var(--fan-rot)) translateY(-24px)}.hand-row:not(.opp-hand) .hand-slot.is-scrub-focus{transform:rotate(var(--fan-rot)) translateY(-34px);z-index:45}.hand-row.opp-hand .hand-slot:hover,.hand-row.opp-hand .hand-slot.is-selected,.hand-row.opp-hand .hand-slot.is-aim-source{transform:translate3d(var(--fan-x),calc(var(--fan-y) - 24px),0) rotate(var(--fan-rot))}.hand-slot{bottom:-1.1rem}}@media(max-width:400px)and (min-height:521px){.match{--hand-card-w: 96px;--unit-max: 64px;--hero-w: 54px}.hand-slot{bottom:-1.25rem}}