.main.main--home{max-width:none;padding:0}.home{min-height:calc(100dvh - var(--topbar-height,3.5rem));background:var(--ink);color:var(--card-ink);display:grid}.home__hero{isolation:isolate;border-block-end:1px solid var(--border);align-items:flex-end;min-height:26rem;display:flex;position:relative;overflow:hidden}.home__scene,.home__hero:after{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.home__scene{object-fit:cover;object-position:64% center}.home__hero:after{content:"";background:linear-gradient(90deg, var(--ink), color-mix(in srgb, var(--ink) 76%, transparent) 32%, transparent 74%), linear-gradient(0deg, color-mix(in srgb, var(--ink) 88%, transparent), transparent 74%)}.home__introduction{inline-size:min(100%,44rem);padding:clamp(2rem,5vw,5rem)}.home__eyebrow{color:var(--card-ink);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:12px;margin:0 0 16px;font-size:11px;font-weight:600;display:flex}.home__eyebrow:before{content:"";background:var(--accent);flex:0 0 36px;height:1px}.home__hero h1{color:var(--card-ink);font:500 clamp(3.25rem, 8.5vw, 8rem) / .95 var(--font-wordmark);letter-spacing:-.025em;margin:0}.home__welcome{max-inline-size:26ch;color:var(--card-ink);font:400 clamp(1.2rem, 2vw, 1.6rem) / 1.4 var(--font-display);margin:24px 0 0}.home__menu{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:32px;display:grid}.home__invitation{max-inline-size:36ch;color:color-mix(in srgb, var(--card-ink) 84%, transparent);font-size:var(--text-sm);margin:18px 0 0;line-height:1.5}@media (width<=600px){.home__scene{object-position:68% center}.home__hero:after{background:linear-gradient(0deg, var(--ink), color-mix(in srgb, var(--ink) 88%, transparent) 28%, transparent 85%), linear-gradient(90deg, color-mix(in srgb, var(--ink) 35%, transparent), transparent)}.home__introduction{padding:36px 24px}.home__eyebrow{letter-spacing:.12em;font-size:10px}.home__welcome{margin-block-start:18px}.home__menu{margin-block-start:24px}}.card[data-rarity=legendary]{--gilt:color-mix(in srgb, var(--rarity-legendary) 45%, #e8b84f);--gilt-hi:color-mix(in srgb, var(--rarity-legendary) 25%, #ffe49a);--gilt-lo:color-mix(in srgb, var(--rarity-legendary) 50%, #4a2c08);--gilt-ink:color-mix(in srgb, var(--rarity-legendary) 14%, #120a04);isolation:isolate}.card__legendary{z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.card__legendary-band{border:1.5cqw solid;border-color:var(--gilt-hi) var(--gilt) var(--gilt-lo) color-mix(in srgb, var(--gilt) 70%, var(--gilt-hi));border-radius:inherit;position:absolute;inset:0}.card__legendary-band:after{border:max(.7cqw,.75px) solid;border-color:var(--gilt-lo) var(--gilt) var(--gilt-hi) var(--gilt-lo);content:"";border-radius:2px;position:absolute;inset:.5cqw}.card--board[data-keywords~=guard] .card__legendary-band:after{border-radius:inherit}.card__legendary-filigree{width:calc(100% + 2px);height:calc(100% + 2px);display:block;position:absolute;top:-1px;left:-1px;overflow:visible}.card__legendary-tendrils-ink,.card__legendary-tendrils{fill:none;stroke-linecap:round;stroke-linejoin:round}.card__legendary-tendrils-ink{stroke:var(--gilt-ink);stroke-width:1.5px}.card__legendary-tendrils{stroke:var(--gilt-hi);stroke-width:.7px}.card__legendary-stars{fill:var(--gilt-hi);stroke:var(--gilt-ink);stroke-width:.6px;stroke-linejoin:round}.card__legendary-crest{--crest-w:max(36cqw, 30px);top:calc(-1px - var(--crest-w) * 14 / 72);left:calc(50% - var(--crest-w) / 2);width:var(--crest-w);height:calc(var(--crest-w) * 19 / 72);display:block;position:absolute;overflow:visible}.card__legendary-rays{fill:var(--gilt-hi);stroke:var(--gilt-ink);stroke-width:.55px;stroke-linejoin:round}.card__legendary-plate,.card__legendary-medallion{stroke:var(--gilt-ink);stroke-width:.9px;stroke-linejoin:round}.card__legendary-plate{fill:var(--gilt)}.card__legendary-medallion{fill:var(--gilt-hi)}.card__legendary-jewel{fill:var(--gilt-ink)}.card__legendary-star{fill:var(--gilt-hi)}.card__legendary-sheen{border-radius:inherit;padding:3cqw;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card__legendary-sheen:before{width:34%;animation:legendary-sheen 9s ease-in-out var(--legendary-phase,0s) infinite;content:"";background:linear-gradient(90deg,#0000,#fff9e6f2 50%,#0000);position:absolute;top:0;bottom:0;left:0;transform:translate(-200%)skew(-24deg)}.drag-ghost .card__legendary-sheen:before,.card-inspector .card__legendary-sheen:before{animation-delay:.2s}.board .card__legendary-sheen,.card[data-dimmed=true] .card__legendary-sheen{display:none}@keyframes legendary-sheen{0%{transform:translate(-200%)skew(-24deg)}16%{transform:translate(400%)skew(-24deg)}to{transform:translate(400%)skew(-24deg)}}.card--board .card__legendary-band{border-width:max(1.5cqw,2px);border-color:var(--gilt) var(--gilt-lo) color-mix(in srgb, var(--gilt-lo) 60%, var(--gilt-ink)) var(--gilt-lo)}.card--board .card__legendary-band:after{border-color:var(--gilt-ink) var(--gilt-lo) var(--gilt) var(--gilt-ink)}.card__legendary-aura{border-radius:inherit;box-shadow:0 0 7px 0 color-mix(in srgb, var(--gilt) 22%, transparent);position:absolute;inset:-1px}.card__legendary-aura:before{background:radial-gradient(closest-side, color-mix(in srgb, var(--gilt-hi) 50%, transparent), color-mix(in srgb, var(--gilt) 18%, transparent) 55%, transparent);content:"";border-radius:50%;width:76%;height:34%;position:absolute;top:-16%;left:12%}@container (width<=100px){.card--board .card__legendary-band:after{inset:0}.card__legendary-aura:before{background:radial-gradient(closest-side, color-mix(in srgb, var(--gilt-hi) 70%, transparent), color-mix(in srgb, var(--gilt) 26%, transparent) 55%, transparent);height:40%;top:-22%}}.card__legendary-flare{background:radial-gradient(closest-side, #fff1cdf2, color-mix(in srgb, var(--gilt-hi) 70%, transparent) 42%, color-mix(in srgb, var(--gilt) 30%, transparent) 64%, transparent), repeating-conic-gradient(from 4deg, color-mix(in srgb, var(--gilt-hi) 60%, transparent) 0deg 4deg, transparent 4deg 22deg);border-radius:50%;display:none;position:absolute;inset:-28% -36%;-webkit-mask:radial-gradient(closest-side,#000 55%,#0000);mask:radial-gradient(closest-side,#000 55%,#0000)}.card[data-rarity=legendary] .card__frame{border-color:#0000}.card[data-rarity=legendary] .card__frame:before,.card[data-rarity=legendary] .card__frame:after{content:none}.card--board[data-rarity=legendary][data-keywords~=guard]{border-color:var(--gilt-ink)}.card[data-rarity=legendary] .card__guard-rim{fill:color-mix(in srgb, var(--gilt) 55%, var(--gilt-lo));stroke:var(--gilt-ink)}.card[data-rarity=legendary] .card__guard-light{stroke:var(--gilt)}.card[data-rarity=legendary] .card__guard-shadow{stroke:var(--gilt-lo)}.card[data-rarity=legendary] .card__guard-plates{fill:var(--gilt);stroke:var(--gilt-lo)}.card[data-rarity=legendary] .card__guard-etch{stroke:var(--gilt-ink)}button.card[data-rarity=legendary]:focus-visible{outline-color:#0000}button.card[data-rarity=legendary]:focus-visible:after{z-index:-2;box-shadow:inset 0 0 0 2px var(--vellum,#f1e7d0)}@media (prefers-reduced-motion:reduce){.card__legendary-sheen{display:none}}@media (forced-colors:active){.card__legendary{display:none}}.rarity-badge{--rarity-color:var(--rarity-common);--rarity-symbol-size:1em;max-width:100%;color:var(--rarity-color);white-space:nowrap;vertical-align:middle;align-items:center;gap:.3em;font-weight:700;line-height:1.2;display:inline-flex}.rarity-badge[data-rarity=rare]{--rarity-color:var(--rarity-rare)}.rarity-badge[data-rarity=epic]{--rarity-color:var(--rarity-epic)}.rarity-badge[data-rarity=legendary]{--rarity-color:var(--rarity-legendary)}.rarity-badge__symbol{width:var(--rarity-symbol-size);height:var(--rarity-symbol-size);fill:currentColor;stroke:color-mix(in srgb, currentColor 60%, #111315);stroke-width:1.2px;stroke-linejoin:round;flex:none;display:block;overflow:visible}.rarity-badge__name{color:var(--text)}.card .card__rarity{--rarity-symbol-size:clamp(5px, 9cqw, 14px);z-index:4;border:1px solid color-mix(in srgb, var(--rarity-color) 65%, #151719);pointer-events:none;background:#1a1d20;border-radius:2px;width:max-content;max-width:60cqw;padding:1px;position:absolute;top:auto;bottom:0;left:50%;transform:translate(-50%,40%)}.board-surface{--text:var(--card-ink);--text-dim:color-mix(in srgb, var(--card-ink) 78%, transparent);isolation:isolate;background:var(--board-bg);color:var(--text);position:relative}.board-surface:before,.board-surface:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.board-surface:before{background:var(--board-atmosphere,none)}.board-surface:after{background:var(--board-frame,none)}.board-surface .board__row:before,.board-skin-preview__field{background:var(--board-far-field,none);pointer-events:none;-webkit-mask-image:radial-gradient(#000 35%,#0000 75%);mask-image:radial-gradient(#000 35%,#0000 75%)}.board-surface .board__row:before{content:"";z-index:-1;position:absolute;inset:0}.board-surface .board__row[data-side=bottom]:before,.board-skin-preview__field[data-side=bottom]{background:var(--board-near-field,none)}.board__divider,.board-skin-preview__divider{z-index:0;background:var(--board-divider-art,none);pointer-events:none;height:clamp(18px,6dvh,48px);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.board-skin-preview{display:block;position:relative;overflow:hidden}.board-skin-preview__field{position:absolute;inset:5% 5% 50%}.board-skin-preview__field[data-side=bottom]{inset:50% 5% 5%}.board-skin-preview__divider{height:15%}.board-skin-preview__lanes{background:var(--board-divider);pointer-events:none;width:1px;position:absolute;inset-block:5%;inset-inline-start:50%}.hand[data-compact=true] .card--hand .card__face{padding-bottom:max(19cqw,7px)}.hand[data-compact=true] .card[data-casting=true] .card__badge{inset:calc(100% + 7px) auto auto 50%;transform:translate(-50%)}.match-screen .hand{--hand-card-h:calc(var(--hand-card-w) * var(--hand-card-ratio,1.4));--hand-lift:var(--match-hand-lift);--hand-row-step:.64;--hand-layout-height:calc(var(--hand-card-h) + var(--hand-lift) + var(--match-hand-trailing-space));--hand-pitch:min(calc(var(--hand-card-w) + 6px), calc((100% - var(--hand-card-w)) / max(1, var(--hand-size) - 1)));--hand-span:calc(var(--hand-card-w) + (var(--hand-size) - 1) * var(--hand-pitch));isolation:isolate;height:var(--hand-layout-height);min-height:var(--hand-layout-height);padding:0;display:block;position:relative}.match-screen .hand>.hand__slot{z-index:var(--hand-index);top:calc(var(--hand-lift) + 4px);left:calc((100% - var(--hand-span)) / 2 + var(--hand-index) * var(--hand-pitch));width:var(--hand-card-w);height:var(--hand-card-h);margin:0;position:absolute}.match-screen .hand[data-compact=true]{--hand-card-ratio:1.4}.match-screen .hand__slot[data-casting=true]{z-index:20}.match-screen .hand:before{--stud:color-mix(in srgb, var(--hud-gilt) 40%, var(--vellum)) 0 .7px, var(--hud-gilt) 1.3px 2.3px, var(--ink) 2.8px, transparent 3.3px;content:"";z-index:-1;width:min(100%, var(--hand-span) + 30px);height:calc(var(--hand-card-h) * .36 + var(--match-hand-trailing-space) - 4px);background:radial-gradient(circle at 8px 9px, var(--stud)), radial-gradient(circle at calc(100% - 8px) 9px, var(--stud)), linear-gradient(color-mix(in srgb, var(--hud-gilt) 75%, transparent) 0 1px, color-mix(in srgb, var(--board-iron) 65%, var(--vellum)) 0 2px, var(--board-iron) 0, color-mix(in srgb, var(--board-iron) 35%, var(--ink)));box-shadow:0 0 0 1px var(--ink), 0 -3px 12px #0006;pointer-events:none;border-radius:5px 5px 2px 2px;position:absolute;bottom:0;left:50%;translate:-50%}.match-screen .hand__slot>button.card[data-mark=play]:hover{transform:none}.match-screen .hand__slot:has(button.card:focus-visible){z-index:32}@media (hover:hover) and (pointer:fine){:root:not([data-dragging]) .match-screen .hand__slot:has(button.card):hover{z-index:31}}:root[data-dragging] .match-screen .hand__slot{z-index:var(--hand-index)}@media (width<=560px) and (orientation:portrait){.match-screen .hand:not([data-compact=true]){--hand-layout-height:calc(var(--hand-card-h) * (1 + var(--hand-row-step)) + var(--hand-lift) + var(--match-hand-trailing-space))}.match-screen .hand:not([data-compact=true]):not([data-dense=true])>.hand__slot{top:calc(var(--hand-lift) + 4px + var(--hand-card-h) * var(--hand-row-step))}.match-screen .hand[data-dense=true]{--hand-pitch:min(calc(var(--hand-card-w) + 6px), calc((100% - var(--hand-card-w)) / max(1, var(--hand-columns) - 1 + var(--hand-stagger))));--hand-span:calc(var(--hand-card-w) + (var(--hand-columns) - 1 + var(--hand-stagger)) * var(--hand-pitch))}.match-screen .hand[data-dense=true]>.hand__slot{top:calc(var(--hand-lift) + 4px + var(--hand-row) * var(--hand-card-h) * var(--hand-row-step));left:calc((100% - var(--hand-span)) / 2 + (var(--hand-column) + var(--hand-row-offset)) * var(--hand-pitch))}}.match-drag__warning{bottom:var(--space-2);z-index:6;width:max-content;max-width:calc(100% + var(--space-5));padding:var(--space-1) var(--space-2);border:1px solid var(--warn);border-radius:var(--radius-sm);background:var(--ink);color:var(--vellum);font-size:var(--text-sm);text-align:center;pointer-events:none;font-weight:700;line-height:1.3;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0009}.board-surface,.table,.panel,.end-turn,.match-menu__trigger,.overlay__box{--hud-gilt:color-mix(in srgb, var(--accent) 55%, var(--vellum));--hud-glow:color-mix(in srgb, var(--accent) 45%, var(--mark-selected))}.panel,.end-turn{--hud-turn:calc(.56s * max(.4, var(--fx-speed,1)))}.hud-glass{transform:rotate(90deg)}[data-lit=true] .hud-glass{transform:none}[data-turned] .hud-glass{animation:hourglass-stand var(--hud-turn) ease-in-out}[data-turned][data-lit=false] .hud-glass{animation-name:hourglass-tip}[data-lit=false] .hud-run,[data-lit=true] .hud-rest{opacity:0}[data-lit=true] .hud-run,[data-lit=false] .hud-rest{transition:opacity .1s var(--hud-turn)}@keyframes hourglass-tip{0%{transform:rotate(0)}70%{transform:rotate(98deg)}to{transform:rotate(90deg)}}@keyframes hourglass-stand{0%{transform:rotate(90deg)}70%{transform:rotate(188deg)}to{transform:rotate(180deg)}}.hud-iron-hi{stop-color:color-mix(in srgb, var(--steel-1) 70%, var(--ink))}.hud-iron{stop-color:var(--steel-2)}.hud-iron-lo{stop-color:var(--ink)}.hud-edge{stroke:var(--ink);stroke-width:1.2px}.hud-stud{fill:var(--hud-gilt);stroke:var(--ink);stroke-width:.6px}.hud-beads,.hud-gilt-line{fill:none;stroke:var(--hud-gilt);stroke-width:1.5px}.hud-beads{stroke-width:1.3px;stroke-dasharray:0 3.6;stroke-linecap:round}@media (forced-colors:active){.hud-metal{fill:canvas}.hud-stud{fill:canvastext;stroke:canvas}.hud-edge,.hud-beads,.hud-gilt-line{stroke:canvastext}}.panel{--hud-wax:color-mix(in srgb, var(--hud-gilt) 70%, var(--accent));--hud-iron:color-mix(in srgb, var(--steel-2) 78%, var(--ink));--hud-tab:var(--accent);--hud-tab-ink:var(--accent-text);color:var(--card-ink);text-shadow:0 1px 0 var(--ink);align-items:center;gap:24px;display:flex}.panel__portrait{--hud-face:var(--match-hero-size,64px);background:var(--ink);width:64px;height:64px;color:var(--card-ink);font:inherit;border:0;border-radius:50%;flex:none;padding:0;position:relative}button.panel__portrait{cursor:pointer}.panel__portrait:focus-visible{outline-color:var(--vellum);box-shadow:0 0 0 2px var(--ink)}.panel__portrait>*,.panel__portrait:after{pointer-events:none;position:absolute}.panel__glow,.panel__avatar,.panel__veil,.panel__veil:before,.panel__wait,.panel__kindle,.panel__portrait:after{border-radius:50%}.panel__glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--hud-glow) 85%, transparent) 58%, color-mix(in srgb, var(--hud-glow) 30%, transparent) 78%, transparent);opacity:var(--hud-glow-on,0);transition:opacity .3s ease-out;inset:-22%}.panel__avatar{object-fit:cover;width:75%;height:75%;inset:12.5%}.panel__ring{width:100%;height:100%;inset:0;overflow:visible}.panel__rim{fill:none;stroke:var(--hud-gilt);stroke-width:.8px}.panel__ember{fill:none;stroke:var(--hud-glow);stroke-width:4px}.panel__veil{background:radial-gradient(closest-side, color-mix(in srgb, var(--ink) 32%, transparent) 75%, color-mix(in srgb, var(--steel-1) 30%, var(--ink)) 76% 84%, color-mix(in srgb, var(--ink) 45%, transparent) 85%);opacity:var(--hud-banked,0);transition:opacity .3s ease-out;inset:0}.panel__veil:before{content:"";background:color-mix(in srgb, var(--ink), var(--vellum));mix-blend-mode:saturation;opacity:.85;position:absolute;inset:12.5%}.panel__wait{border:2px dashed var(--mark-selected);opacity:var(--hud-wait,0);transition:opacity .3s ease-out;inset:14%}.panel__health{inset-inline-end:0;isolation:isolate;aspect-ratio:24/28;width:max(38%,22px);color:var(--vellum);font:800 max(15px, var(--hud-face) / 4) / 1 var(--font-display);font-variant-numeric:tabular-nums;text-shadow:0 1px 0 var(--ink);place-items:center;display:grid;bottom:0}.panel__portrait .card__float{font-size:max(18px, var(--hud-face) / 3)}.panel__shield{z-index:-1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.panel__shield-field{fill:var(--hud-field,color-mix(in srgb, var(--steel-2) 85%, var(--steel-1)));stroke:var(--hud-gilt);stroke-width:1.4px}.panel__shield-shine{fill:var(--vellum);opacity:.12}.panel__shield-crack{fill:none;stroke:var(--ink);stroke-width:.9px;stroke-linejoin:round;opacity:var(--hud-crack,0)}.panel__runes,.panel__seals{width:100%;height:100%;inset:0}.panel__seals{display:block;overflow:visible}.panel__hud{grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:8px;width:164px;height:64px;display:grid;position:relative;container:hud/size}.panel__resource{min-width:0;grid-template-rows:48px minmax(16px,auto);justify-self:end;justify-items:center;inline-size:min(100%,80px);display:grid}.panel__valor{border:1px solid var(--hud-gilt);background:radial-gradient(circle at 45% 35%, color-mix(in srgb, var(--magicka) 12%, var(--steel-2)), var(--hud-iron) 65%, var(--ink));block-size:48px;inline-size:48px;box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 3px color-mix(in srgb, var(--steel-1) 70%, var(--ink));border-radius:50%;margin:0;position:relative}.panel__valor dt{color:var(--card-ink);font:600 8px/1 var(--font);letter-spacing:.08em;text-align:center;text-transform:uppercase;position:absolute;inset-block-start:6px;inset-inline:0}.panel__valor dd{margin:0;position:absolute;inset-block-start:18px;inset-inline:3px}.panel__magicka{z-index:1;inline-size:100%;color:var(--magicka);font:800 20px/1 var(--font-display);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;display:block;position:relative}.panel__magicka small{font-size:.7em}.panel__gems{pointer-events:none;block-size:46px;inline-size:46px;position:absolute;inset-block-start:-18px;inset-inline-start:-3px;overflow:visible}.panel__status{z-index:1;border:1px solid var(--hud-tab);clip-path:polygon(4% 0,96% 0,100% 24%,100% 76%,96% 100%,4% 100%,0 76%,0 24%);background:linear-gradient(var(--steel-2), var(--hud-iron));min-block-size:16px;inline-size:100%;color:var(--card-ink);box-shadow:inset 0 0 0 1px var(--ink);font:700 10px/1.15 var(--font-display);text-align:center;overflow-wrap:anywhere;border-radius:3px;align-self:start;margin-block-start:-2px;padding:1px 4px;position:relative}.panel[data-lit=true] .panel__valor{border-color:color-mix(in srgb, var(--magicka) 55%, var(--hud-gilt))}.panel[data-state=active] .panel__status{background:var(--accent);color:var(--accent-text);text-shadow:none}.panel[data-state=choosing] .panel__status{border-color:var(--mark-selected)}.panel__disclosure{align-self:center}.panel__details-trigger{border:1px solid color-mix(in srgb, var(--hud-gilt) 65%, var(--ink));background:radial-gradient(circle at 35% 25%, var(--steel-1), var(--hud-iron) 65%);width:44px;height:44px;color:var(--card-ink);box-shadow:inset 0 0 0 2px var(--ink);cursor:pointer;touch-action:manipulation;border-radius:50%;place-items:center;padding:0;display:grid}.panel__details-trigger:hover,.panel__details-trigger[aria-expanded=true]{border-color:var(--hud-gilt);background:var(--steel-1)}.panel__details-trigger:focus-visible{outline-color:var(--vellum)}.panel__pile-art{width:20px;height:23px}.panel__details{border:1px solid var(--hud-gilt);background:var(--ink);width:min(224px,100dvw - 16px);max-height:calc(100dvh - 16px);color:var(--card-ink);font:14px/1.4 var(--font);border-radius:6px;margin:0;padding:14px;position:fixed;inset:auto;overflow:auto}.panel__name{overflow-wrap:anywhere;font:700 18px/1.25 var(--font-display);margin-block-end:10px;display:block}.panel__piles{gap:6px;margin:0;display:grid}.panel__pile{justify-content:space-between;gap:12px;display:flex}.panel__pile dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}@container hud (width<150px){.panel__status{padding-inline:1px;font-size:9px}}@container hud (height<50px){.panel__resource{grid-template-rows:44px;grid-template-columns:44px minmax(0,1fr);place-items:center stretch;inline-size:100%}.panel__valor{block-size:44px;inline-size:44px}.panel__gems{block-size:42px;inline-size:42px}.panel__magicka{font-size:18px}.panel__status{border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0;align-self:center;inline-size:calc(100% + 1px);margin-block-start:0;margin-inline-start:-1px;padding:3px 4px}}.panel__rune{transition:opacity .2s ease-out}.panel__socket{fill:var(--hud-iron);stroke:var(--hud-gilt);stroke-width:.7px}.panel__wax{fill:var(--hud-wax);stroke:var(--ink);stroke-width:.7px}.panel__seal-mark{fill:color-mix(in srgb, var(--hud-gilt) 40%, var(--vellum));stroke:var(--hud-iron);stroke-width:.6px;paint-order:stroke}.panel__rune[data-broken]{opacity:.45}.panel__rune[data-broken] .panel__wax{fill:color-mix(in srgb, var(--steel-1) 72%, var(--vellum));stroke:var(--steel-1)}.panel__seal-crack{fill:none;stroke:var(--ink);stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round}.panel__flare{fill:var(--hud-glow);animation:hud-flare calc(.75s * var(--fx-speed,1)) ease-out both}.panel__gem{fill:color-mix(in srgb, var(--steel-2) 55%, var(--ink));stroke:color-mix(in srgb, var(--magicka) 45%, var(--steel-2));stroke-width:.9px;transform-box:fill-box;transform-origin:50%;transition:fill .2s ease-in,stroke .2s ease-in,scale .24s ease-out}.panel__gem[data-gem=lit]{fill:var(--lit,var(--magicka));stroke:color-mix(in srgb, var(--magicka) 30%, var(--vellum));transition-duration:.32s;transition-delay:calc(var(--i) * 45ms)}.panel__gem[data-gem=locked]{fill:color-mix(in srgb, var(--steel-1) 45%, var(--ink));stroke:none;scale:.34}.panel__gem-hi{stop-color:color-mix(in srgb, var(--magicka) 45%, var(--vellum))}.panel__gem-mid{stop-color:var(--magicka)}.panel__gem-lo{stop-color:color-mix(in srgb, var(--magicka) 55%, var(--ink))}.panel__back{fill:color-mix(in srgb, var(--steel-2) 80%, var(--ink));stroke:color-mix(in srgb, var(--hud-gilt) 70%, var(--ink));stroke-width:.8px}.panel__back-line{fill:none;stroke:color-mix(in srgb, var(--hud-gilt) 45%, transparent);stroke-width:.5px}.panel__back-mark{fill:var(--hud-gilt)}.panel[data-lit=true]{--hud-glow-on:.9}.panel[data-state=choosing]{--hud-wait:1;--hud-tab:var(--mark-selected)}.panel[data-lit=true][data-state=choosing]{--hud-glow-on:.5}.panel[data-lit=false]{--hud-banked:1}.panel[data-low]{--hud-field:var(--health);--hud-crack:.85}.panel__kindle{border:3px solid var(--hud-gilt);box-shadow:0 0 18px var(--hud-glow), inset 0 0 18px var(--hud-glow);opacity:0;inset:-6%}.panel__portrait[data-fx=kindled] .panel__kindle{animation:hud-kindle calc(.8s * var(--fx-speed,1)) ease-out both}.panel__portrait[data-fx=kindled] .panel__glow{animation:hud-catch calc(.8s * var(--fx-speed,1)) ease-out both}.panel__portrait[data-fx=damaged]:after{content:"";background:radial-gradient(closest-side, transparent 55%, color-mix(in srgb, var(--danger) 85%, transparent));animation:.45s ease-out both hud-flare;inset:0}@keyframes hud-kindle{0%{opacity:1;scale:.92}45%{opacity:.9}to{opacity:0;scale:1.75}}@keyframes hud-catch{0%{opacity:0}30%{opacity:1}to{opacity:.2}}@keyframes hud-flare{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.panel *,.panel :before,.panel :after{transition-delay:0s!important;animation:none!important}.panel__portrait[data-fx=kindled] .panel__kindle{opacity:.9}.panel__portrait[data-fx=damaged]:after{opacity:.8}}@media (forced-colors:active){.panel__details,.panel__details-trigger{border:1px solid canvastext}.panel[data-lit=true] .panel__portrait{outline-offset:2px;outline:3px solid highlight}.panel__shield-field,.panel__socket,.panel__wax,.panel__gem,.panel__back{fill:canvas;stroke:canvastext}.panel__seal-mark,.panel__gem[data-gem=lit],.panel__back-mark{fill:canvastext;stroke:none}.panel__rune[data-broken] .panel__wax,.panel__gem[data-gem=locked]{fill:graytext;stroke:graytext}.panel__rune[data-broken]{opacity:1}.panel__seal-crack{stroke:canvas}.panel__rim,.panel__back-line{stroke:canvastext}}.match-screen{--match-hero-size:72px;--match-hud-gap:24px;--match-hud-width:min(164px, calc(50cqw - var(--match-hero-size) / 2 - var(--match-hud-gap)));--match-hud-height:64px;--match-far-card-w:clamp(24px, 4cqh, 32px);--match-top-band:128px;--match-bottom-band:80px;--match-menu-size:48px;--match-action-width:100px;--match-end-turn-size:80px;--match-gutter:8px;--match-hand-rows:1;--match-hand-lift:10px;--match-hand-trailing-space:12px;--match-hero-hand-gap:8px;--match-board-gap:16px;--board-edge-room:3px;--board-hang:2px;--board-lane-pad:4px;--board-gap:clamp(8px, 2cqw, 28px);--board-lane-gap:16px;--board-lane-columns:4;--board-lane-rows:1;--board-row-gap:4px;--match-board-card-max:164px;--hand-card-w:clamp(76px, 14cqh, 144px);--hand-card-ratio:1.4;--match-own-hand-height:calc(var(--hand-card-w) * var(--hand-card-ratio) * var(--match-hand-rows) + var(--match-hand-lift) + var(--match-hand-trailing-space));--board-piece-ratio:1.4;--board-card-w:clamp(44px, min(calc(( 100cqh - var(--match-top-band) - var(--match-bottom-band) - var(--match-own-hand-height) - 2 * var(--match-gutter) - var(--match-board-gap) - 4 * var(--board-lane-pad) - 2 * (var(--board-edge-room) + var(--board-hang)) - 2 * (var(--board-lane-rows) - 1) * var(--board-row-gap) ) / (2 * var(--board-lane-rows) * var(--board-piece-ratio))), calc(( (100cqw - var(--board-lane-gap)) / 2 - 2 * var(--board-lane-pad) - (var(--board-lane-columns) - 1) * var(--board-gap) ) / var(--board-lane-columns))), var(--match-board-card-max));contain:layout size;height:100dvh;min-height:0;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));flex-direction:column;gap:0;display:flex;position:relative;container-type:size}.match-screen>.table{grid-template-rows:var(--match-top-band) minmax(0, 1fr) auto;gap:var(--match-gutter);flex:1 1 0;min-width:0;min-height:0;display:grid;position:relative}.match-screen .table__seat,.match-screen .table__seat[data-side=top]{flex-direction:column;justify-content:flex-end;gap:0;min-width:0;display:flex}.match-screen .table__seat[data-side=bottom]{padding-top:var(--match-bottom-band)}.match-screen .table__seat[data-side=top]{justify-content:flex-start;position:relative}.match-screen .table__seat[data-side=top]:before{content:"";pointer-events:none;background:radial-gradient(ellipse at 50% 100%, color-mix(in srgb, var(--mark-target) 18%, transparent), transparent 70%);opacity:0;transition:opacity .12s;position:absolute;inset:0}.match-screen .table__seat[data-hero-active=true]:before{opacity:1}.match-screen .table__seat>.hand{width:calc(100% - 2 * (max(var(--match-action-width), var(--match-end-turn-size)) + var(--match-gutter)));margin-inline:auto}.match-screen .hand[data-compact=true]{--hand-card-w:var(--match-far-card-w);--hand-lift:0px}@media (width>=560.01px),(orientation:landscape){.match-screen .hand[data-compact=true]{--match-hand-trailing-space:4px;translate:0 -6px}}.match-screen .panel{z-index:8;width:var(--match-hud-width);height:var(--match-hud-height);min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;position:absolute;inset-inline-end:calc(50% + var(--match-hero-size) / 2 + var(--match-hud-gap))}.match-screen .panel__hud{width:100%;height:100%;position:absolute;inset:0;container:hud/size}.match-screen .table__seat[data-side=top]>.panel{top:calc(var(--match-top-band) - var(--match-hero-size) / 2 - var(--match-hud-height) / 2)}.match-screen .table__seat[data-side=bottom]>.panel{bottom:calc(var(--match-own-hand-height) + var(--match-hero-hand-gap) + var(--match-hero-size) / 2 - var(--match-hud-height) / 2)}.match-screen .panel[data-hero=true] .panel__portrait{left:calc(50% - var(--match-hero-size) / 2);width:var(--match-hero-size);height:var(--match-hero-size);position:fixed}.match-screen .table__seat[data-side=top] .panel__portrait{top:calc(max(8px, env(safe-area-inset-top)) + var(--match-top-band) - var(--match-hero-size))}.match-screen .table__seat[data-side=bottom] .panel__portrait{bottom:calc(max(8px, env(safe-area-inset-bottom)) + var(--match-own-hand-height) + var(--match-hero-hand-gap))}.match-screen .board{gap:var(--match-board-gap);min-width:0;min-height:0;padding-block:calc(var(--board-edge-room) + var(--board-hang));container-type:inline-size}.match-screen>.play__bar,.match-screen .play__actions{display:contents}.match-screen .play__actions>.end-turn,.match-screen .play__actions>.match-menu__trigger,.match-screen .play__hint{z-index:20;position:absolute}.match-screen .play__actions>.end-turn{--end-turn-size:var(--match-end-turn-size);right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));width:var(--match-action-width);height:var(--control-height)}.match-screen .play__actions>.match-menu__trigger{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right))}.match-screen .play__hint{top:max(8px, env(safe-area-inset-top));height:calc(var(--match-top-band) - var(--match-hero-size) / 2 - var(--match-hud-height) / 2 - var(--match-gutter));align-items:center;gap:8px;font-size:12px;line-height:1.25;display:flex;inset-inline-start:max(8px, env(safe-area-inset-left));inset-inline-end:calc(50% + (10 * var(--match-far-card-w) + 54px) / 2 + var(--match-gutter))}.match-screen .play__hint.prompt{padding:4px 10px 4px 5px}.match-screen .prompt:before{--tick:linear-gradient(var(--mark-selected) 0 0) no-repeat;content:"";aspect-ratio:1;background:radial-gradient(circle, var(--mark-selected) 0 1.5px, transparent 2px), radial-gradient(circle, transparent 5px, var(--mark-selected) 5.5px 6.7px, transparent 7.2px), var(--tick) 50% 8% / 1.5px 26%, var(--tick) 50% 92% / 1.5px 26%, var(--tick) 8% 50% / 26% 1.5px, var(--tick) 92% 50% / 26% 1.5px, radial-gradient(circle at 38% 32%, color-mix(in srgb, var(--steel-2) 55%, var(--vellum)), var(--steel-2) 55%, var(--ink));height:min(28px,100%);box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1.5px var(--hud-gilt), inset 0 0 0 3px var(--ink);border-radius:50%;flex:none}.match-screen .prompt__body{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.match-screen .prompt__body strong{color:var(--mark-selected);font:700 .95em var(--font-display);letter-spacing:.08em;text-transform:uppercase}.match-screen .play__hint .prompt__skip{--plate:color-mix(in srgb, var(--accent) 32%, var(--steel-2));pointer-events:auto;right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));width:var(--match-action-width);height:var(--control-height);color:var(--vellum);font:700 14px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;flex:none;padding:0 10px;position:fixed}.match-screen .prompt__skip:hover{--plate:color-mix(in srgb, var(--accent) 45%, var(--steel-2))}.match-screen .prompt__skip:focus-visible{outline-color:var(--vellum)}.match-screen:has(.prompt__skip) .play__actions>.end-turn{visibility:hidden}.match-screen:has(.table[data-drag]) .play__hint,.match-screen .play__hint:empty{pointer-events:none}@media (width<=560px) and (orientation:portrait){.match-screen{--match-hud-width:min(160px, calc(50cqw - var(--match-hero-size) / 2 - var(--match-hud-gap)));--match-hud-height:64px;--match-far-card-w:20px;--match-menu-size:44px;--match-hero-size:52px;--match-top-band:112px;--match-bottom-band:72px;--match-action-width:92px;--match-end-turn-size:64px;--match-hand-rows:1.64;--hand-card-w:clamp(44px, calc(9cqh - 18px), 76px);--board-piece-ratio:1;--board-gap:6px;--board-lane-gap:8px;--board-lane-columns:2;--board-lane-rows:2;--board-edge-room:7px;--board-hang:0px}.match-screen .board__row{grid-template-columns:repeat(2, var(--board-card-w));grid-auto-rows:var(--board-piece-h);place-content:center;column-gap:var(--board-gap);row-gap:var(--board-row-gap);display:grid}.match-screen :is(.card--board,.board__slot){aspect-ratio:1}.match-screen .table__seat>.hand{width:100%;margin-inline:0}.match-screen .play__actions>.match-menu__trigger{top:calc(max(8px, env(safe-area-inset-top)) + var(--match-top-band) - var(--match-hero-size) + (var(--match-hero-size) - var(--match-menu-size)) / 2)}.match-screen .play__actions>.end-turn,.match-screen .play__hint .prompt__skip{bottom:calc(max(8px, env(safe-area-inset-bottom)) + var(--match-own-hand-height) + 4px)}.match-screen .play__hint{top:calc(max(8px, env(safe-area-inset-top)) + 36px);height:14px;font-size:10px;inset-inline-end:calc(max(8px, env(safe-area-inset-right)) + var(--match-action-width) + var(--match-gutter))}.match-screen .play__hint.prompt{box-shadow:0 1px 4px var(--ink);padding:0 4px}.match-screen .prompt:before{display:none}.match-screen .play__hint .prompt__detail{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (width<=360px) and (orientation:portrait){.match-screen .panel__hud{gap:2px}}@media (height<=650px) and (orientation:portrait){.match-screen{--hand-card-w:72px;--board-edge-room:5px;--match-board-gap:12px}}@media (height<=650px) and (orientation:landscape){.match-screen{--match-hud-height:44px;--match-far-card-w:20px;--match-menu-size:44px;--match-hero-size:44px;--match-top-band:80px;--match-bottom-band:48px;--match-gutter:4px;--match-action-width:92px;--match-hand-lift:6px;--match-hero-hand-gap:4px;--match-board-gap:8px;--board-edge-room:6px;--board-hang:0px;--board-lane-pad:2px;--match-board-card-max:86px;--hand-card-w:clamp(44px, calc(18cqh - 16px), 76px);--board-piece-ratio:1.2;--board-gap:4px}.match-screen .card--board,.match-screen .board__slot{aspect-ratio:5/6}}@media (height<=650px) and (width<=959.98px) and (orientation:landscape){.match-screen{--match-end-turn-size:64px}}@media (height<=650px) and (width>=960px) and (orientation:landscape){.match-screen{--match-hud-height:48px}}@media (height<=400px) and (orientation:landscape){.match-screen{--match-top-band:78px;--match-bottom-band:44px;--match-hero-hand-gap:0px;--match-hand-lift:4px;--match-hand-trailing-space:8px;--match-board-gap:4px;--board-edge-room:2px;--board-lane-pad:1px;--match-board-card-max:44px;--hand-card-w:44px;--board-piece-ratio:1}.match-screen .hand[data-compact=true]{--hand-layout-height:calc(var(--hand-card-h) + 2px)}.match-screen .hand[data-compact=true]>.hand__slot{top:0}.match-screen .card--board,.match-screen .board__slot{aspect-ratio:1}}@media (width<=560px) and (orientation:portrait){.match-screen[data-dragons=true]{--match-top-band:174px;--match-bottom-band:134px}.match-screen[data-dragons=true] .table__seat[data-side=top] .panel__portrait{top:calc(max(8px, env(safe-area-inset-top)) + 112px - var(--match-hero-size))}.match-screen[data-dragons=true] .table__seat[data-side=top]>.panel{top:calc(112px - var(--match-hero-size) / 2 - var(--match-hud-height) / 2)}.match-screen[data-dragons=true] .play__actions>.match-menu__trigger{top:calc(max(8px, env(safe-area-inset-top)) + 60px + (var(--match-hero-size) - var(--match-menu-size)) / 2)}}@media (width<=560px) and (orientation:portrait) and (height<=740px){.match-screen[data-dragons=true]{--match-top-band:162px;--match-bottom-band:110px;--hand-card-w:72px;--match-board-gap:10px;--board-lane-pad:3px}}@media (width<=560px) and (orientation:portrait) and (height<=650px){.match-screen[data-dragons=true]{--board-piece-ratio:1}.match-screen[data-dragons=true] :is(.card--board,.board__slot){aspect-ratio:1}}@media (width<=560px) and (orientation:portrait) and (height<=620px){.match-screen[data-dragons=true]{--match-top-band:112px}}@media (width<=560px) and (orientation:portrait) and (height<=440px){.match-screen[data-dragons=true]{--match-bottom-band:72px}}@media (width<=560px) and (orientation:portrait) and (height<=740px){.match-screen,.match-screen[data-dragons=true]{--match-top-band:112px;--match-bottom-band:110px;--hand-card-w:clamp(44px, calc(8cqh - 1px), 56px);--hand-card-ratio:1.2;--match-hand-lift:4px;--match-hand-trailing-space:8px;--match-board-gap:12px;--board-piece-ratio:1;--board-gap:4px;--board-edge-room:2px;--board-lane-pad:2px}.match-screen :is(.card--board,.board__slot){aspect-ratio:1}.match-screen .hand:not([data-compact=true]) .card--hand{aspect-ratio:5/6}}.match-menu{gap:var(--space-4);text-align:left;display:grid}.match-menu__head{align-items:center;gap:var(--space-3);padding-right:40px;display:flex}.match-menu__emblem{flex:none;width:44px;height:44px}.match-menu h2,.match-menu__title{margin:0}.match-menu__title{overflow-wrap:anywhere}.match-menu__log ol{max-height:30dvh;overflow:auto}.match-menu__actions,.prompt__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.prophecy{align-items:center;gap:var(--space-4) var(--space-5);text-align:left;display:flex}.prompt__card{--card-w:min(clamp(110px, 30vw, 160px), (100dvh - 110px) * 5 / 7);flex:none}.match-menu__trigger{width:var(--match-menu-size,48px);height:var(--match-menu-size,48px);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;flex:none;padding:0;position:relative}.match-menu__face{width:100%;height:100%;box-shadow:0 3px 8px color-mix(in srgb, var(--ink) 70%, transparent);border-radius:50%;display:block;overflow:visible}.match-menu__band{fill:color-mix(in srgb, var(--steel-2) 62%, var(--ink))}.match-menu__bezel,.match-menu__disc{transform-origin:50px 50px}.match-menu__bezel{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.match-menu__disc{transition:transform 90ms ease-out}.match-menu__lit{fill:var(--accent);opacity:0;transition:opacity .15s ease-out}.match-menu__bars{fill:none;stroke:var(--hud-gilt);stroke-width:5.5px;stroke-linecap:round}@media (hover:hover){.match-menu__trigger:hover .match-menu__bezel{transform:rotate(22.5deg)}.match-menu__trigger:hover .match-menu__lit{opacity:.22}}.match-menu__trigger:active .match-menu__disc{transform:scale(.92)}.match-menu__trigger[aria-expanded=true] .match-menu__lit{opacity:1}.match-menu__trigger[aria-expanded=true] .match-menu__bars{stroke:var(--accent-text)}.match-menu__trigger:focus-visible{outline:none}.match-menu__trigger:focus-visible .match-menu__face{outline:3px solid var(--vellum);outline-offset:2px;box-shadow:0 0 0 5px var(--ink), 0 3px 8px color-mix(in srgb, var(--ink) 70%, transparent)}@media (prefers-reduced-motion:reduce){.match-menu__trigger:hover .match-menu__bezel,.match-menu__trigger:active .match-menu__disc{transform:none}}@media (forced-colors:active){.match-menu__trigger:focus-visible .match-menu__face{outline-color:highlight}.match-menu__band{fill:canvas}.match-menu__bars{stroke:buttontext}.match-menu__lit{fill:highlight}.match-menu__trigger[aria-expanded=true] .match-menu__bars{stroke:highlighttext}}.end-turn{--end-turn-size:72px;--end-turn-sand:var(--accent-text);inline-size:var(--end-turn-size);block-size:var(--end-turn-size);color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;pointer-events:none;background:0 0;border:0;border-radius:0;flex:none;margin:0;padding:0;display:inline-block;position:relative}.end-turn[aria-disabled=true]{cursor:not-allowed}.end-turn:focus-visible{box-shadow:none;outline:none}.end-turn:focus-visible .end-turn__face{outline:3px solid var(--vellum);outline-offset:2px;box-shadow:0 0 0 5px var(--ink), 0 3px 8px color-mix(in srgb, var(--ink) 70%, transparent)}.end-turn__seal{inline-size:var(--end-turn-size);block-size:var(--end-turn-size);pointer-events:auto;border-radius:50%;position:absolute;bottom:0;left:50%;translate:-50%}.end-turn__glow,.end-turn__veil,.end-turn__strike{pointer-events:none;border-radius:50%;position:absolute}.end-turn__glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--hud-glow) 80%, transparent) 62%, transparent);opacity:0;transition:opacity .15s ease-out,scale .15s ease-out;inset:-9%}.end-turn__face{block-size:100%;inline-size:100%;box-shadow:0 3px 8px color-mix(in srgb, var(--ink) 70%, transparent);border-radius:50%;display:block;position:relative;overflow:visible}.end-turn__veil{opacity:0;transition:opacity .15s ease-out;inset:.5%}.end-turn__veil--ash{background:color-mix(in srgb, var(--ink), var(--vellum));mix-blend-mode:saturation}.end-turn__veil--shade{background:color-mix(in srgb, var(--steel-2) 60%, var(--ink))}.end-turn__stop-band-lo,.end-turn__stop-shade{stop-color:var(--ink)}.end-turn__stop-band{stop-color:color-mix(in srgb, var(--steel-2) 62%, var(--ink))}.end-turn__stop-disc-hi{stop-color:color-mix(in srgb, var(--accent) 50%, var(--vellum))}.end-turn__stop-disc{stop-color:var(--accent)}.end-turn__stop-disc-lo{stop-color:color-mix(in srgb, var(--accent) 52%, var(--ink))}.end-turn__notches{fill:none;stroke:color-mix(in srgb, var(--steel-1) 55%, var(--ink));stroke-width:1.1px;stroke-linecap:round}.end-turn__gilt-line{fill:none;stroke:var(--hud-gilt);stroke-width:1.3px;stroke-dasharray:0 2.42;stroke-linecap:round}.end-turn__marks{fill:var(--hud-gilt)}.end-turn__dome{stroke:var(--ink);stroke-width:.8px}.end-turn__rays{fill:none;stroke:var(--accent-text);stroke-width:.7px;stroke-linecap:round;opacity:.16}.end-turn__bezel,.end-turn__disc{transform-origin:50px 50px}.end-turn__bezel{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.end-turn__disc{transition:transform 90ms ease-out}.end-turn__shade{opacity:0;transition:opacity 90ms ease-out}.end-turn__glass{width:28.1%;height:32.4%;margin:auto;position:absolute;inset:0}.end-turn__glass-bulbs{fill:color-mix(in srgb, var(--accent-text) 14%, transparent);stroke:var(--accent-text);stroke-width:1.3px;stroke-linejoin:round}.end-turn__glass-frame{fill:var(--accent-text)}.end-turn__sand-run,.end-turn__sand-heap,.end-turn__sand-rest{fill:var(--end-turn-sand)}.end-turn__stream{stroke:var(--end-turn-sand);stroke-width:.9px;stroke-linecap:round;stroke-opacity:.4}.end-turn__grains{position:absolute;inset:48.5% 49.24% 40.8%;overflow:hidden}.end-turn__grains:before{content:"";background:repeating-linear-gradient(var(--end-turn-sand) 0 1px, transparent 0 3px);position:absolute;inset:-3px 0 0}[data-lit=true] .end-turn__grains:before{animation:.3s linear infinite end-turn-sand}@keyframes end-turn-sand{0%{transform:translateY(0)}to{transform:translateY(3px)}}[data-lit=true] .end-turn__glow{opacity:.7}@media (hover:hover){.end-turn:not([aria-disabled=true]):hover .end-turn__glow{opacity:1;scale:1.05}.end-turn:not([aria-disabled=true]):hover .end-turn__bezel{transform:rotate(15deg)}.end-turn:not([aria-disabled=true]):hover .end-turn__tip{opacity:1}}.end-turn:not([aria-disabled=true]):active .end-turn__disc{transform:scale(.92)}.end-turn:not([aria-disabled=true]):active .end-turn__shade{opacity:1}.end-turn__tip{inset-inline-end:calc(50% + var(--end-turn-size) / 2 + 6px);bottom:calc(var(--end-turn-size) / 2);border:1px solid var(--hud-gilt);background:var(--ink);color:var(--vellum);font:700 13px var(--font-display);white-space:nowrap;opacity:0;pointer-events:none;border-radius:4px;padding:4px 8px;position:absolute;translate:0 50%}.end-turn:focus-visible .end-turn__tip{opacity:1}.end-turn__strike{border:2px solid var(--hud-gilt);box-shadow:0 0 10px var(--hud-glow), inset 0 0 10px var(--hud-glow);opacity:0;animation:.56s cubic-bezier(.2,.6,.3,1) forwards end-turn-strike;inset:0}@keyframes end-turn-strike{0%{opacity:.9;scale:.86}to{opacity:0;scale:1.36}}.end-turn[data-state=suggested] .end-turn__glow{animation:2.4s ease-in-out infinite end-turn-beckon}@keyframes end-turn-beckon{0%,to{opacity:.7;scale:1}50%{opacity:1;scale:1.07}}.end-turn[data-denied=a] .end-turn__seal{animation:.36s ease-in-out end-turn-deny-a}.end-turn[data-denied=b] .end-turn__seal{animation:.36s ease-in-out end-turn-deny-b}@keyframes end-turn-deny-a{0%,to{transform:none}20%{transform:translate(-4px)rotate(-5deg)}40%{transform:translate(4px)rotate(4deg)}60%{transform:translate(-3px)rotate(-2deg)}80%{transform:translate(2px)rotate(1deg)}}@keyframes end-turn-deny-b{0%,to{transform:none}20%{transform:translate(-4px)rotate(-5deg)}40%{transform:translate(4px)rotate(4deg)}60%{transform:translate(-3px)rotate(-2deg)}80%{transform:translate(2px)rotate(1deg)}}.end-turn[data-state=waiting] .end-turn__veil{transition:opacity .5s .12s}.end-turn[data-state=waiting] .end-turn__veil--ash{opacity:.8}.end-turn[data-state=waiting] .end-turn__veil--shade{opacity:.46}.end-turn[data-state=inert] .end-turn__veil--ash{opacity:1}.end-turn[data-state=inert] .end-turn__veil--shade{opacity:.6}@media (prefers-reduced-motion:reduce){.end-turn[data-state=suggested] .end-turn__glow{opacity:1;transition:none;animation:none}.end-turn:not([aria-disabled=true]):hover .end-turn__glow{scale:none}.end-turn:not([aria-disabled=true]):hover .end-turn__bezel,.end-turn:not([aria-disabled=true]):active .end-turn__disc{transform:none}.end-turn__strike{display:none}.end-turn[data-denied] .end-turn__seal{animation:none}.end-turn[data-denied] .end-turn__face{outline:2px solid var(--danger);outline-offset:2px}.end-turn,.end-turn *{transition-delay:0s!important}}@media (forced-colors:active){.end-turn:focus-visible .end-turn__face{outline-color:highlight}}.play-breadcrumb{margin-block-end:var(--space-2)}.play-breadcrumb .btn{padding-inline:var(--space-3)}.play-menu .screen__head.ui-screen-header{border:0;padding-block:8px 20px}.play-menu .ui-screen-header h1{font:500 clamp(2.6rem, 5vw, 4rem) / 1 var(--font-wordmark)}.play-menu__choices{gap:var(--layout-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.play-menu__choice{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(var(--surface-2), var(--surface));min-width:0;color:var(--text);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.play-menu__choice:hover{border-color:var(--accent)}.play-menu__art{object-fit:cover;object-position:50% 15%;border-block-end:1px solid var(--border);block-size:clamp(170px,17vw,220px);inline-size:100%;display:block}.play-menu__body{flex-direction:column;flex:1;gap:12px;min-block-size:200px;padding:24px;display:flex}.play-menu .play-menu__title{font:600 clamp(1.3rem, 2vw, 1.65rem) / 1.2 var(--font-display);margin:0}.play-menu__detail{color:var(--text-dim);line-height:var(--line-height)}.play-menu__go{color:var(--accent);font-size:var(--text-sm);margin-block-start:auto;padding-block-start:8px}.play-menu .panel-box.play-menu__resume{border-inline-start:3px solid var(--accent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-block-end:24px;display:flex}.play-menu__resume p{flex:16rem;margin:0}@media (width<=720px){.play-menu__choices{grid-template-columns:minmax(0,1fr);gap:16px}.play-menu__choice{grid-template-columns:88px minmax(0,1fr);display:grid}.play-menu__art{border-block-end:0;border-inline-end:1px solid var(--border);block-size:100%;min-block-size:150px}.play-menu__body{gap:8px;min-block-size:150px;padding:18px}}.practice-setup__start{width:100%}.practice-options{border-top:1px solid var(--border);padding-top:var(--space-4)}.practice-options summary,.practice-help summary{cursor:pointer;min-block-size:44px;color:var(--text-dim);align-content:center;font-weight:600}.practice-options__fields{gap:var(--space-4);padding-top:var(--space-5);display:grid}.practice-help{font-size:var(--text-sm);line-height:var(--line-height)}.practice-help__steps{gap:var(--space-3);margin:var(--space-4) 0 0;color:var(--text-dim);padding-inline-start:var(--space-5);display:grid}.practice-help__steps strong{color:var(--text)}.app--match{height:100dvh;min-height:0}.main.main--match{max-width:none;min-height:0;padding:0}.main--match>.route{height:100%}.screen h2{margin:0 0 var(--space-3);font-size:var(--text-xl);font-weight:600}.screen h3{margin:0 0 var(--space-2);color:var(--text-dim);font-size:var(--text-sm);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.screen .ui-screen-header{margin-bottom:var(--space-5)}.deck-cover{background:var(--card-back);display:block;position:relative;overflow:hidden}.deck-cover:after{content:"";background:var(--faction);height:4px;position:absolute;inset:auto 0 0}.deck-face{align-items:flex-start;gap:var(--space-1);min-width:0;padding:var(--space-3) var(--space-4);flex-direction:column;display:flex}.deck-face__name{max-width:100%;font-family:var(--font-display);font-size:var(--text-lg);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.deck-face__detail{color:var(--text-dim);font-size:var(--text-sm)}.deck-face .badge{margin:var(--space-1) 0 0}.faction-dots{gap:var(--space-1) var(--space-3);color:var(--text-dim);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.faction-dots__item{align-items:center;gap:6px;display:inline-flex}.faction-dots__item:before{content:"";background:var(--faction);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 1px #00000080}.play-setup__kept{justify-content:space-between;align-items:center;gap:var(--space-3);margin:0 0 var(--space-5);flex-wrap:wrap;display:flex}.play-setup__kept>p{margin:0}.play-setup__layout{align-items:start;gap:var(--layout-gap);grid-template-columns:minmax(0,1fr) minmax(280px,360px);display:grid}.play-setup__decks{gap:var(--space-5);border:0;min-width:0;margin:0;padding:0;display:grid}.play-setup__legend{margin-bottom:var(--space-3);font-family:var(--font-display);font-size:var(--text-xl);padding:0;font-weight:600}.pick-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.pick{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(160deg, var(--surface-2), var(--surface));cursor:pointer;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);transition:border-color .15s,box-shadow .15s;display:grid;position:relative;overflow:hidden}.pick>.deck-cover{aspect-ratio:4/3}.pick>.deck-cover>.card-art{object-fit:contain}.pick .deck-face__name{white-space:normal;overflow:visible}.pick .deck-face{padding-block:var(--space-3) var(--space-4)}@media (hover:hover){.pick:hover{border-color:color-mix(in srgb, var(--accent) 60%, var(--border))}}.pick[data-checked=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 8px 22px #00000059}.pick[data-disabled=true]{opacity:.5;cursor:not-allowed}.pick:focus-within{outline:3px solid var(--accent);outline-offset:2px}.pick__input,.dragon-choice__input{z-index:1;opacity:0;cursor:inherit;margin:0;position:absolute;inset:0}.pick__badges{gap:var(--space-1);flex-wrap:wrap;display:flex}.play-setup__panel.ui-panel{top:calc(var(--topbar-height,64px) + var(--space-3));gap:var(--space-4);margin:0;display:grid;position:sticky}.play-setup__panel h2{margin:0}.play-setup__versus{gap:var(--space-1);font-family:var(--font-display);font-size:var(--text-lg);margin:0;display:grid}.play-setup__vs{color:var(--accent);font-size:var(--text-sm);letter-spacing:.12em;text-transform:uppercase}.play-setup__opponent{font-size:var(--text-sm);margin:0}.play-setup__panel .practice-options{padding-top:var(--space-3)}@media (width<=820px){.play-setup__layout{grid-template-columns:minmax(0,1fr)}.play-setup__panel.ui-panel{position:static}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr))}}.btn.ui-button.daily-reward{flex:none;min-block-size:44px;inline-size:44px;min-inline-size:44px;padding:0}.daily-reward svg{stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;block-size:22px;inline-size:22px}@media (width<=600px){.topbar:has(.daily-reward){grid-template-columns:auto minmax(0,1fr) auto auto auto;grid-template-areas:"brand wallet wallet wallet wallet""nav nav reward settings account";column-gap:4px}.topbar .daily-reward{grid-area:reward}.topbar:has(.daily-reward) .topbar__link{font-size:var(--text-base);padding-inline:6px}.topbar:has(.daily-reward) .topbar__account-name{display:none}.topbar:has(.daily-reward) .topbar__account{inline-size:44px;padding-inline:0}}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/eb-garamond-latin-500-normal-DehAIUv0.woff2)format("woff2"),url(/assets/eb-garamond-latin-500-normal-DZU8xF9o.woff)format("woff")}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/eb-garamond-latin-600-normal-DHwxsLHv.woff2)format("woff2"),url(/assets/eb-garamond-latin-600-normal-xCe6GkOx.woff)format("woff")}:root{--color-scheme:dark;--bg:#111315;--bg-image:radial-gradient(ellipse at 12% 0%, #c37d5614, transparent 42%), radial-gradient(ellipse at 86% 0%, #707e8914, transparent 48%), linear-gradient(180deg, #202428 0%, #111315 65%);--surface:#1a1d20;--surface-2:#24282c;--surface-3:#30353a;--border:#596169;--text:#e7dfd3;--text-dim:#bcb3a9;--accent:#cd9877;--accent-text:#151719;--danger:#f0a193;--good:#a8c8b1;--warn:#ccb686;--shadow:0 12px 32px #00000070, 0 2px 5px #00000059;--card-face:#1c2024;--card-ink:#e7dfd3;--card-text-bg:linear-gradient(180deg, #e9e6dd, #d5d3c9);--ink:#080b10;--steel-1:#6f7e88;--steel-2:#27333e;--vellum:#e9e6dd;--card-text-ink:#292c2e;--card-text-dim:#53575a;--alarm:#ff4d4d;--board-bg:#1a1e22;--board-iron:#2a333b;--board-row:#06080a52;--board-divider:#a7b1b870;--board-divider-art:linear-gradient(#65717b, #65717b) center / 100% 2px no-repeat;--card-back:linear-gradient(135deg, #b4bec51a, transparent 38%, #070a0e94), repeating-linear-gradient(90deg, #a3aeb812 0 1px, transparent 1px 18px), radial-gradient(ellipse at top, #30373d 0%, #15191c 75%);--faction-neutral:#b7ac96;--faction-crown:#e0646c;--faction-church:#e8913a;--faction-marches:#56b4e9;--faction-oldwood:#2a9f78;--faction-barrow:#c97fb2;--rarity-common:#b5b7ae;--rarity-rare:#7f9eb6;--rarity-epic:#a18bac;--rarity-legendary:#c9916e;--cost:#61492a;--power:#45515b;--health:#83313a;--magicka:#b4c7dc;--stat-up:#c0ddb1;--stat-down:#f3b5a7;--scrim:#04060cb3;--scrim-blur:3px;--scrim-dim:#04060c99;--mark-play:#a8c8a4;--mark-attacker:#dcb668;--mark-selected:#f0d7a0;--mark-target:#c3cbef;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-display:clamp(1.75rem, 4vw, 2.5rem);--line-height:1.5;--control-height:2.75rem;--control-height-large:3.25rem;--control-border:color-mix(in srgb, var(--text-dim) 75%, var(--surface));--page-max:75rem;--content-max:46rem;--panel-padding:clamp(1rem, 3vw, 1.5rem);--layout-gap:var(--space-5);--radius:8px;--radius-sm:4px;--card-w:clamp(92px, 22vw, 150px);--board-card-w:clamp(46px, min(15vw, 11vh), 104px);--hand-card-w:clamp(64px, min(17vw, 13vh), 118px);--grid-card-w:clamp(104px, 28vw, 150px);--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:"Palatino Linotype", "Book Antiqua", Palatino, "Iowan Old Style", Georgia, serif;--font-wordmark:"EB Garamond", var(--font-display);--font-card-name:"Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif}.btn.ui-button{min-block-size:var(--control-height);gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-base);text-align:center;white-space:normal;line-height:1.25}.btn.ui-button--large{min-block-size:var(--control-height-large);padding:var(--space-3) var(--space-5);font-size:var(--text-lg)}.panel-box.ui-panel{min-width:0;padding:var(--panel-padding);border-radius:var(--radius);margin:0}.screen__head.ui-screen-header{align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);margin-bottom:0}.ui-screen-header__copy{flex:18rem;min-width:0}.ui-screen-header h1{font-size:var(--text-display)}.ui-screen-header__description{max-width:60ch;margin:var(--space-2) 0 0;color:var(--text-dim);line-height:var(--line-height)}.ui-screen-header__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.screen__head.ui-screen-header--tabs{margin-bottom:var(--space-5);padding-bottom:0}.view-tabs{flex-wrap:wrap;flex:1 0 100%;margin-block-end:-1px;display:flex}.view-tabs__tab{min-block-size:44px;padding-inline:var(--space-4);color:var(--text-dim);border-block-end:3px solid #0000;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.view-tabs__tab:hover,.view-tabs__tab[aria-current=page]{color:var(--text)}.view-tabs__tab[aria-current=page]{border-block-end-color:var(--accent)}@media (forced-colors:active){.view-tabs__tab{border-block-end-color:canvas}.view-tabs__tab[aria-current=page]{border-block-end-color:highlight}}.ui-eyebrow{margin:0 0 var(--space-2);color:var(--text-dim);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:600}.notice.ui-notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);line-height:var(--line-height);margin:0}.notice[data-tone=success]{border-left-color:var(--good)}.notice[data-tone=warning]{border-left-color:var(--warn)}.notice[data-tone=danger]{border-left-color:var(--danger)}.ui-notice>:first-child{margin-top:0}.ui-notice>:last-child{margin-bottom:0}.settings{gap:var(--layout-gap);display:grid}.settings .row{flex-wrap:wrap}.settings .form{max-width:var(--content-max)}@media (width<=600px){.ui-screen-header__actions{width:100%}.ui-screen-header__actions>.btn{flex:auto}}*,:before,:after{box-sizing:border-box}html{color-scheme:var(--color-scheme);-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--topbar-height,0px) + 8px)}body{background:var(--bg);background-image:var(--bg-image);min-height:100dvh;color:var(--text);font-family:var(--font);font-size:var(--text-base);line-height:var(--line-height);background-attachment:fixed;margin:0;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);margin:0 0 12px;font-weight:700;line-height:1.2}h1{font-size:clamp(24px,4vw,32px)}h2{font-size:19px}a{color:var(--accent)}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 2px var(--bg)}.muted{color:var(--text-dim)}.row{align-items:center;gap:8px;margin:8px 0;display:flex}.wrap{flex-wrap:wrap}.grow{flex:auto;min-width:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{flex-direction:column;min-height:100dvh;display:flex}.app[data-navigating=true]:before{content:"";z-index:45;background:var(--accent);transform-origin:0;pointer-events:none;height:3px;animation:3s cubic-bezier(.1,.8,.3,1) .2s both app-navigating;position:fixed;inset:0 0 auto}.app[data-navigating=true]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{transform-origin:100%}@keyframes app-navigating{0%{transform:scaleX(0)}to{transform:scaleX(.9)}}@keyframes app-navigating-appear{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.app[data-navigating=true]:before{animation:1ms linear .2s both app-navigating-appear}}.topbar{z-index:40;background:linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 94%, transparent), var(--surface)), var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));flex-wrap:wrap;align-items:center;gap:4px 16px;padding:8px 16px;display:flex;position:sticky;top:0;box-shadow:inset 0 -2px #0000002e,0 4px 18px #0000002e}.topbar__brand{font-family:var(--font-wordmark);letter-spacing:.08em;color:var(--accent);align-items:center;gap:8px;font-size:22px;font-weight:600;text-decoration:none;display:inline-flex}.topbar__crest{flex:none;width:25px;height:29px}.topbar__nav{flex-wrap:wrap;flex:auto;gap:2px;display:flex}.topbar__link{color:var(--text-dim);font-family:var(--font-display);font-size:var(--text-lg);border-radius:3px;padding:6px 12px;font-weight:600;text-decoration:none}.topbar__end{align-items:center;gap:16px;margin-inline-start:auto;display:flex}.topbar__settings,.topbar__account{min-block-size:36px;min-inline-size:36px;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0;font-weight:600;text-decoration:none;display:inline-flex}.topbar__account{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));min-inline-size:0;color:var(--text);padding-inline:10px 14px}.topbar__icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;flex:none;width:20px;height:20px}.topbar__avatar{background:var(--accent);block-size:22px;inline-size:22px;color:var(--accent-text);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;line-height:1;display:inline-grid}.topbar__avatar:before{content:attr(data-initial)}.topbar__account-name{white-space:nowrap;text-overflow:ellipsis;max-inline-size:12rem;overflow:hidden}@media (width<=600px){.topbar{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"brand wallet wallet wallet""nav nav settings account";gap:4px 8px;display:grid}.topbar__end{display:contents}.topbar__brand{grid-area:brand;justify-self:start}.topbar__wallet{grid-area:wallet;justify-self:end}.topbar__nav{grid-area:nav}.topbar__settings{grid-area:settings}.topbar__account{grid-area:account;padding-inline:8px 10px}.topbar__link{font-size:var(--text-base);padding-inline:8px}.topbar__account-name{max-inline-size:4.5rem}}.topbar__account[aria-busy=true] :is(.topbar__icon,.topbar__avatar){opacity:.45}@media (width<=359px){.topbar__account{min-inline-size:44px;padding:0}.topbar__account-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=600px),(any-pointer:coarse){.topbar__brand,.topbar__link,.topbar__settings,.topbar__account,summary{align-content:center;min-block-size:44px}.topbar__link,.topbar__settings{text-align:center;min-inline-size:44px}}.topbar__link:hover,.topbar__settings:hover,.topbar__account:hover{color:var(--text);background:var(--surface-2)}.topbar__link[aria-current=page],.topbar__settings[aria-current=page]{color:var(--text);background:color-mix(in srgb, var(--surface-3) 60%, transparent);box-shadow:inset 0 -2px 0 var(--accent)}@media (forced-colors:active){.topbar__link[aria-current=page]{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}.topbar__settings[aria-current=page]{border-color:highlight}.topbar__avatar{border:1px solid}}.topbar__wallet{font-variant-numeric:tabular-nums;gap:12px;font-weight:700;display:flex}.coin{align-items:center;gap:5px;display:inline-flex}.coin svg{color:var(--warn);flex:none}.coin[data-kind=dust] svg{color:var(--rarity-epic)}.main{width:100%;max-width:var(--page-max);padding:var(--space-4);flex:auto;margin:0 auto}.screen__head{border-bottom:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex}.screen__head h1{margin:0}.btn{min-height:var(--control-height);border:1px solid var(--control-border);background:linear-gradient(180deg, var(--surface-3), var(--surface-2));box-shadow:var(--button-shadow,inset 0 1px 0 #ffffff17, inset 0 -2px 0 #0003, 0 2px 4px #00000029);color:var(--text);font:inherit;cursor:pointer;border-radius:3px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:600;text-decoration:none;transition:border-color .16s ease-out,box-shadow .16s ease-out;display:inline-flex}@media (hover:hover){.btn:hover:not(:disabled){border-color:var(--button-edge,var(--accent));box-shadow:inset 0 1px 0 #ffffff3d, inset 0 0 0 1px color-mix(in srgb, var(--button-edge,var(--accent)) 65%, transparent), 0 0 12px color-mix(in srgb, var(--button-edge,var(--accent)) 22%, transparent)}}.btn:active:not(:disabled){box-shadow:inset 0 2px 5px #00000059}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 86%, white), var(--accent));border-color:var(--accent);color:var(--accent-text)}.btn--ghost{box-shadow:none;background:0 0}.btn--danger{--button-edge:var(--danger);border-color:var(--danger);color:var(--danger);background:0 0}.btn--icon{width:30px;height:30px;min-height:0;padding:0;font-size:18px;line-height:1}.input{min-height:var(--control-height);padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb, var(--text-dim) 80%, var(--surface));background:linear-gradient(180deg, var(--surface), var(--surface-2));color:var(--text);font:inherit;border-radius:3px;max-width:100%;box-shadow:inset 0 2px 5px #0000002e}textarea.input{resize:vertical;width:100%;margin:8px 0}.input::placeholder{color:var(--text-dim);opacity:1}.field{flex-direction:column;gap:4px;margin:10px 0;display:flex}.field>span{font-size:var(--text-sm);color:var(--text-dim)}.field--inline{flex-direction:row;align-items:center;gap:8px}.field--inline>span{font-size:inherit;color:inherit}.panel-box{background:linear-gradient(160deg, var(--surface-2), var(--surface));border:1px solid var(--border);border-radius:4px;margin:12px 0;padding:14px 16px;box-shadow:inset 0 1px #ffffff0a}.notice{border-left:4px solid var(--accent);background:var(--surface-2);border-radius:8px;margin:10px 0;padding:8px 12px}.notice[data-tone=good]{border-left-color:var(--good)}.notice[data-tone=warn]{border-left-color:var(--warn)}.notice[data-tone=bad]{border-left-color:var(--danger)}ul.notice{padding-left:28px}.badge{background:var(--surface-3);border-radius:999px;margin-left:8px;padding:1px 8px;font-size:12px;font-weight:700;display:inline-block}.badge[data-tone=good]{color:var(--good)}.badge[data-tone=warn]{color:var(--warn)}.badge[data-tone=bad]{color:var(--danger)}.overlay{z-index:60;background:var(--scrim);-webkit-backdrop-filter:blur(var(--scrim-blur));backdrop-filter:blur(var(--scrim-blur));overscroll-behavior:contain;grid-template-rows:minmax(0,1fr);place-items:center;padding:16px;animation:.16s ease-out fade-in;display:grid;position:fixed;inset:0}.overlay[data-backdrop=dim]{background:var(--scrim-dim);-webkit-backdrop-filter:none;backdrop-filter:none}.overlay__decor{pointer-events:none;position:absolute;inset:0;overflow:hidden}.overlay__box{border:1px solid color-mix(in srgb, var(--accent) 65%, var(--border));background:linear-gradient(155deg, var(--surface-2), var(--surface));width:min(760px,100%);max-height:100%;box-shadow:0 22px 60px #00000080, var(--shadow);text-align:center;border-radius:5px;flex-direction:column;animation:.2s cubic-bezier(.2,.9,.3,1) modal-in;display:flex;position:relative}.overlay__box:focus{outline:none}.overlay__box[data-kind=prophecy]{width:min(520px,100%)}.overlay__box[data-kind=account]{text-align:start;width:min(440px,100%)}.overlay__content{overscroll-behavior:contain;border-radius:inherit;min-height:0;padding:20px;overflow:auto}.overlay__close{background:color-mix(in srgb, var(--surface-2) 88%, transparent);width:36px;height:36px;color:var(--text-dim);cursor:pointer;border:1px solid #0000;border-radius:50%;place-items:center;padding:0;transition:background .15s,border-color .15s,color .15s;display:grid;position:absolute;top:8px;right:8px}.overlay__close:hover{border-color:var(--border);background:var(--surface-3);color:var(--text)}.overlay__close:after{content:"";position:absolute;inset:-5px}.overlay__close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:16px;height:16px}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@media (prefers-reduced-motion:reduce){.overlay,.overlay__box{animation:none}}.overlay__actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.toasts{right:calc(16px + var(--scrollbar-gap,0px));z-index:80;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:16px;left:16px}.toast{border-left:4px solid var(--accent);background:var(--surface-3);max-width:100%;box-shadow:var(--shadow);border-radius:8px;padding:8px 14px;animation:.25s ease-out toast-in}.toast[data-tone=good]{border-left-color:var(--good)}.toast[data-tone=bad]{border-left-color:var(--danger)}.card{--w:var(--card-w);width:var(--w);aspect-ratio:5/7;border:1px solid var(--faction);background:linear-gradient(180deg, color-mix(in srgb, var(--faction) 22%, transparent), transparent 45%), var(--card-face);color:var(--card-ink);font:inherit;text-align:left;border-radius:9px;flex:none;padding:0;transition:transform .18s,box-shadow .18s,opacity .3s,filter .3s;display:block;position:relative;box-shadow:0 3px 10px #00000059;container-type:inline-size}button.card{cursor:pointer;line-height:inherit}.card__face{border-radius:inherit;flex-direction:column;gap:2.5cqw;height:100%;padding:5cqw;display:flex;overflow:hidden}.card__face>*{display:block}.card--hand{--w:var(--hand-card-w)}.card--board{--w:var(--board-card-w)}.card[data-rarity=epic]{box-shadow:0 0 0 1px var(--rarity-epic), 0 3px 10px #00000059}.card[data-rarity=legendary]{box-shadow:0 0 0 1px var(--rarity-legendary), 0 0 12px color-mix(in srgb, var(--rarity-legendary) 45%, transparent), 0 3px 10px #00000059}.card[data-dimmed=true]{filter:grayscale(.85)brightness(.75)contrast(1.15)}.card__cost{z-index:2;background:radial-gradient(circle at 35% 30%, #8fb4ff, var(--cost));color:#fff;text-shadow:0 1px 2px #0009;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:20cqw;height:20cqw;font-size:11cqw;font-weight:800;display:grid;position:absolute;top:-1cqw;left:-1cqw}.card{--art-h:calc(90cqw * 3 / 4)}.card__art{height:var(--art-h);border:1px solid #ffffff1f;border-radius:4cqw;flex:none;position:relative;overflow:hidden}.card-art{object-fit:cover;object-position:50% 20%;width:100%;height:100%;display:block}.card__name{font-family:var(--font-display);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:8.5cqw;font-weight:700;overflow:hidden}.card__type,.card__keywords{text-align:center;text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb, var(--card-ink) 65%, transparent);font-size:5.5cqw}.card__text{background:var(--card-text-bg);border-radius:3cqw;flex:auto;min-height:0;padding:3cqw 4cqw 9cqw;font-size:6.6cqw;line-height:1.25;overflow:hidden}@container (width<=100px){.card__text,.card__type{display:none}}.card__stats{pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:-1cqw;left:-1cqw;right:-1cqw}.card__power,.card__health{color:#fff;text-shadow:0 1px 2px #000000b3;border:1px solid #ffffff73;place-items:center;width:22cqw;height:22cqw;font-size:12cqw;font-weight:800;display:grid}.card__power{background:radial-gradient(circle at 35% 30%, #ffc27a, var(--power));border-radius:50% 50% 50% 12%}.card__health{background:radial-gradient(circle at 35% 30%, #ff8a93, var(--health));border-radius:50% 50% 12%}.card__power[data-delta=up],.card__health[data-delta=up]{color:var(--stat-up)}.card__power[data-delta=down],.card__health[data-delta=down]{color:#ffd6d6;text-decoration:underline}.card__badge{z-index:2;background:var(--accent);color:var(--accent-text);border-radius:999px;padding:1cqw 4cqw;font-size:7.5cqw;font-weight:800;position:absolute;top:-1cqw;right:-1cqw}.card__float{z-index:5;color:var(--danger);text-shadow:0 2px #000c,0 0 8px #0009;pointer-events:none;font-size:max(18px,22cqw);font-weight:900;animation:.6s ease-out both float-up;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.card__float[data-tone=heal]{color:var(--good)}.card__float[data-tone=buff]{color:var(--warn)}.card--board[data-keywords~=guard]{border-radius:9px 9px 40% 40%/9px 9px 18% 18%}.card--board .card__art{aspect-ratio:auto;flex:auto}.card--board .card__name{font-size:10cqw}.card-back{border:1px solid color-mix(in srgb, var(--accent) 55%, black);background:var(--card-back)}.card[data-mark=play]{border-color:var(--mark-play);box-shadow:0 0 0 2px var(--mark-play), 0 0 16px var(--mark-play)}.card[data-mark=attacker]{box-shadow:0 0 0 2px var(--mark-attacker), 0 0 14px var(--mark-attacker)}.card[data-mark=selected]{box-shadow:0 0 0 3px var(--mark-selected), 0 0 22px var(--mark-selected);transform:translateY(-8%)}.card[data-mark=target],.panel__portrait[data-mark=target]{box-shadow:0 0 0 3px var(--mark-target), 0 0 18px var(--mark-target);animation:1.1s ease-in-out infinite pulse}button.card[data-mark=play]:hover,button.card[data-mark=attacker]:hover{transform:translateY(-6%)}.card:is([data-fx=attacking],[data-fx=invoking]){z-index:3}.card[data-fx=invoking]{transform:translateY(-14%)scale(1.06)}.card[data-fx=targeted]{box-shadow:0 0 0 3px var(--danger)}.card[data-fx=damaged],.panel__portrait[data-fx=damaged],.panel__portrait[data-fx=runeBroken]{animation:.4s ease-in-out shake}.card[data-fx=healed],.panel__portrait[data-fx=healed]{box-shadow:0 0 0 3px var(--good), 0 0 18px var(--good)}.card[data-fx=buffed]{box-shadow:0 0 0 3px var(--warn), 0 0 18px var(--warn)}.card[data-fx=dying]{opacity:.3;filter:grayscale();transform:scale(.88)rotate(-4deg)}.card[data-fx=played]{opacity:.4;transform:translateY(-20%)}.card[data-fx=deciding]{box-shadow:0 0 0 3px var(--accent), 0 0 18px var(--accent)}.card[data-fx=legendaryEntered] .card__legendary-flare{animation:legendary-flare calc(.56s * var(--fx-speed,1)) ease-out calc(80ms * var(--fx-speed,1)) both;display:block}[data-draggable=true]{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}[data-draggable=hold]{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.card[data-draggable],.decklist__row[data-draggable]{cursor:grab}[data-drag-refused]:not(button){cursor:not-allowed}.card img{-webkit-user-drag:none}:root[data-dragging],:root[data-dragging] *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.card[data-lifted=true]{opacity:.28;filter:grayscale(.7);box-shadow:none;outline:2px dashed color-mix(in srgb, var(--mark-play) 70%, transparent);outline-offset:-3px;transform:none}.card[data-lifted=gone]{opacity:0;transition:none}.card[data-hover=true],.panel__portrait[data-hover=true]{z-index:3;box-shadow:0 0 0 4px var(--mark-target), 0 0 0 5px #00000073, 0 0 30px var(--mark-target);animation:none;transform:scale(1.1)}button.card[data-mark=target]:hover:not([data-hover=true]),.panel__portrait[data-mark=target]:hover:not([data-hover=true]){transform:scale(1.06)}.table:has(.panel__portrait[data-hover=true]) button.card[data-mark=target]:hover{transform:none}[data-drop-zone][data-drop-active=true]{--drop-ring:inset 0 0 0 2px var(--mark-play), inset 0 0 0 3px #0006, inset 0 0 30px color-mix(in srgb, var(--mark-play) 35%, transparent);box-shadow:var(--drop-ring);transition:box-shadow .15s}[data-drop-zone][data-drop-active=true][data-drop-over=true]{--drop-ring:inset 0 0 0 3px var(--mark-play), inset 0 0 0 4px #00000073, inset 0 0 48px color-mix(in srgb, var(--mark-play) 55%, transparent), 0 0 18px color-mix(in srgb, var(--mark-play) 45%, transparent)}.board[data-drop-active=true]{--drop-field:var(--drop-ring);box-shadow:none}.board__row[data-drop-active=true]{--drop-tray:var(--drop-ring);box-shadow:none}.card[data-denied=a]{animation:.36s ease-in-out deny-a}.card[data-denied=b]{animation:.36s ease-in-out deny-b}@keyframes deny-a{20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes deny-b{20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.drag-tip{z-index:70;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, black);max-width:min(260px,100vw - 16px);color:var(--text);text-align:center;pointer-events:none;border-radius:8px;padding:5px 10px;font-size:13px;font-weight:600;animation:.15s ease-out tip-in;position:fixed;box-shadow:0 4px 14px #0006}.drag-tip[data-side=below]{animation-name:tip-in-below}@keyframes tip-in{0%{opacity:0;translate:0 5px}}@keyframes tip-in-below{0%{opacity:0;translate:0 -5px}}.drag-ghost{z-index:60;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.drag-ghost[data-returning=true]{transition:transform .22s cubic-bezier(.2,.8,.3,1)}.drag-ghost[data-landing=true]{opacity:0;transition:opacity .16s ease-in}.drag-ghost[data-hidden=true]{opacity:0}.drag-ghost__lift{--card-w:var(--ghost-w);--hand-card-w:var(--ghost-w);--board-card-w:var(--ghost-w);height:100%;transform:rotate(var(--ghost-tilt,0deg)) scale(1.08);transform-origin:50% 40%;translate:0 var(--ghost-lift,0px);transition:transform .12s ease-out,translate .14s ease-out;animation:.14s ease-out ghost-lift;position:relative}.drag-ghost[data-tone=accept] .drag-ghost__lift{transform:rotate(calc(var(--ghost-tilt,0deg) * .5)) scale(1.03)}.drag-ghost[data-returning=true] .drag-ghost__lift{transition-duration:.22s;transform:translate(0,0)}.drag-ghost[data-landing=true] .drag-ghost__lift{transition:transform .16s ease-in;transform:scale(.84)}.drag-ghost .card,.drag-ghost .decklist__row--ghost{transition:box-shadow .12s;box-shadow:0 0 0 1px #ffffff59,0 18px 34px #0000008c}.drag-ghost[data-tone=accept] .card,.drag-ghost[data-tone=accept] .decklist__row--ghost{box-shadow:0 0 0 3px var(--mark-play), 0 0 22px color-mix(in srgb, var(--mark-play) 70%, transparent), 0 18px 34px #0000008c}.drag-ghost[data-tone=refuse] .card,.drag-ghost[data-tone=refuse] .decklist__row--ghost{box-shadow:0 0 0 3px var(--danger), 0 0 22px color-mix(in srgb, var(--danger) 60%, transparent), 0 18px 34px #0000008c}@keyframes ghost-lift{0%{transform:translate(0,0)}}.arrow-overlay{z-index:55;pointer-events:none;--arrow:var(--mark-attacker);--arrow-casing:#080a129e;width:100%;height:100%;position:fixed;inset:0;overflow:visible}.arrow-overlay[data-tone=hit]{--arrow:var(--mark-target)}.arrow-overlay__ink{filter:drop-shadow(0 0 5px color-mix(in srgb, var(--arrow) 75%, transparent))}.arrow-overlay__path{fill:none;stroke:var(--arrow);stroke-width:7px;stroke-linecap:round}.arrow-overlay__casing .arrow-overlay__path{stroke:var(--arrow-casing);stroke-width:13px}.arrow-overlay__flow{fill:none;stroke:#ffffffd9;stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:.1 14;animation:.45s linear infinite arrow-march}.arrow-overlay__head{fill:var(--arrow);stroke:var(--arrow);stroke-width:2px;stroke-linejoin:round}.arrow-overlay__casing .arrow-overlay__head{fill:var(--arrow-casing);stroke:var(--arrow-casing);stroke-width:7px}.arrow-overlay__reticle{fill:none;stroke:var(--arrow);stroke-width:3.5px;stroke-linecap:round;transform-box:fill-box;transform-origin:50%;animation:.16s ease-out reticle-in}.arrow-overlay__casing .arrow-overlay__reticle{stroke:var(--arrow-casing);stroke-width:8px}.arrow-overlay__origin{fill:color-mix(in srgb, var(--arrow) 45%, transparent);stroke:var(--arrow);stroke-width:3px}@keyframes arrow-march{to{stroke-dashoffset:-14px}}@keyframes reticle-in{0%{opacity:.4;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.drag-ghost .drag-ghost__lift,.drag-ghost[data-tone] .drag-ghost__lift,.drag-ghost[data-landing] .drag-ghost__lift{animation:none;transform:none}.card[data-denied]{outline:2px solid var(--danger);animation:none}.arrow-overlay__flow{display:none}}.table{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.card[data-casting=true] .card__badge{border-radius:var(--radius-sm);text-align:center;font-size:clamp(7px,7cqw,10px);inset:-1cqw -1cqw auto auto}.board{--board-piece-h:calc(var(--board-card-w) * var(--board-piece-ratio,1.4));--board-lane-w:calc(4 * var(--board-card-w) + 3 * var(--board-gap,8px) + 2 * var(--board-lane-pad,4px));isolation:isolate;grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;display:grid;position:relative}.board__side{gap:var(--board-lane-gap,16px);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;min-height:0;display:grid}.board__lane-divider{background:linear-gradient(transparent, var(--board-divider) 18% 82%, transparent);pointer-events:none;width:1px;position:absolute;inset-block:0;inset-inline-start:50%}.board:before{content:"";z-index:-1;box-shadow:var(--drop-field,none);pointer-events:none;position:absolute;inset:0}.board__row{z-index:1;isolation:isolate;justify-content:center;align-items:center;gap:var(--board-gap,8px);min-width:0;min-height:calc(var(--board-lane-rows,1) * var(--board-piece-h) + (var(--board-lane-rows,1) - 1) * var(--board-row-gap,4px) + 2 * var(--board-lane-pad,4px));padding:var(--board-lane-pad,4px);display:flex;position:relative}.board__row[data-lane=veil]:after{background:radial-gradient(ellipse, color-mix(in srgb, var(--steel-1) 9%, transparent), transparent 75%)}.board__place{z-index:9;border:2px solid var(--mark-target);background:color-mix(in srgb, var(--ink) 88%, transparent);min-width:44px;min-height:44px;color:var(--card-ink);font:700 14px/1.3 var(--font-display);cursor:pointer;border-radius:6px;padding:6px;position:absolute;inset:0}.board__place:disabled{border-color:var(--control-border);cursor:default}.board__place:focus-visible{outline-color:var(--vellum);outline-offset:-5px}.board__cancel-placement{z-index:10;border:1px solid var(--control-border);background:var(--ink);min-width:72px;min-height:44px;color:var(--card-ink);font:700 12px/1 var(--font-display);cursor:pointer;border-radius:4px;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.board__row:after{content:"";z-index:-1;box-shadow:var(--drop-tray,none);pointer-events:none;position:absolute;inset:0}.board__slot{width:var(--board-card-w);aspect-ratio:5/7;background:0 0;border:1px solid #0000;border-radius:4px;flex:none}@media (forced-colors:active){.board__divider{border-top:2px solid;height:0;margin-inline:auto}.board[data-drop-active=true]:before,.board__row[data-drop-active=true]:after{border:3px solid highlight}}.board__banner,.board__notice,.match-screen :is(.prompt,.play__connection-status,.prompt__skip){--plate:color-mix(in srgb, var(--steel-2) 78%, var(--ink));background:linear-gradient(color-mix(in srgb, var(--plate) 80%, var(--vellum)), var(--plate) 40%, color-mix(in srgb, var(--plate) 70%, var(--ink)));box-shadow:inset 0 0 0 1px var(--hud-gilt), inset 0 0 0 2px color-mix(in srgb, var(--ink) 55%, transparent), var(--plate-shadow,0 2px 8px var(--ink));color:var(--card-ink);text-shadow:0 1px 0 var(--ink);border:1px solid #0000;border-radius:3px}.board__banner,.board__notice{top:50%;z-index:6;pointer-events:none;width:fit-content;margin-inline:auto;position:absolute;inset-inline:0;translate:0 -50%}.board__banner{font:700 clamp(12px, var(--board-lane-w) * .06, 22px) / 1.15 var(--font-display);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;animation:banner-in calc(.32s * var(--fx-speed,1)) ease-out;padding:.45em 1.4em}.board__banner[data-turn=yours]{--plate:color-mix(in srgb, var(--accent) 32%, var(--steel-2));--plate-shadow:0 0 22px var(--hud-glow);color:var(--vellum)}.board:has(>.board__banner):after{content:"";z-index:5;top:calc(50% - 1px);background:linear-gradient(90deg, transparent, var(--rule,var(--hud-gilt)) 50%, transparent);pointer-events:none;width:calc(100% - 24px);height:2px;animation:banner-rule calc(.5s * var(--fx-speed,1)) ease-out;margin-inline:auto;position:absolute;inset-inline:0}.board:has(>.board__banner[data-turn=yours]){--rule:var(--hud-glow)}.board__spotlight{--card-w:clamp(110px, 28vw, 170px);z-index:7;pointer-events:none;animation:pop-in calc(.25s * var(--fx-speed,1)) ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.board__notice{max-width:calc(100% - 16px);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);text-align:center;line-height:1.4}.play-setup .form{max-width:480px}.flavor{color:var(--text-dim);font-style:italic}@keyframes fade-in{0%{opacity:0}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@keyframes pulse{50%{filter:brightness(1.25)}}@keyframes shake{20%{translate:-4px}40%{translate:4px}60%{translate:-3px}80%{translate:2px}}@keyframes float-up{0%{opacity:0;translate:0 30%}30%{opacity:1}to{translate:0 -30%}}@keyframes banner-in{0%{opacity:0;scale:.9}}@keyframes banner-rule{0%{opacity:0;scale:0 1}}@keyframes pop-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}}@keyframes legendary-flare{0%{opacity:0;transform:scale(.62)rotate(-12deg)}24%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(1.16)rotate(9deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.card[data-fx=legendaryEntered] .card__legendary-flare{opacity:.6;animation:none}}.card{--frame-edge:#686961;--frame-light:#a59a81;--frame-dark:#202a30;border-color:var(--frame-edge);background:linear-gradient(135deg, #c6bc9b1f, transparent 24%, #0000003d 80%), var(--card-face);border-radius:5px;box-shadow:inset 0 0 0 1px #11191f,0 4px 10px #0000008c}.card[data-rarity=rare],.card[data-rarity=epic]{--frame-edge:#87929a;--frame-light:#c0c5bd}.card[data-rarity=legendary]{--frame-edge:var(--gilt-ink,#2d1e14);--frame-light:var(--gilt-hi,#ecc693);--frame-dark:var(--gilt-lo,#895e40)}.card[data-rarity=epic]:not([data-mark]):not([data-fx]),.card[data-rarity=legendary]:not([data-mark]):not([data-fx]){box-shadow:inset 0 0 0 1px #11191f,0 4px 10px #0000008c}.card__frame{z-index:3;border:1px solid var(--frame-light);border-right-color:var(--frame-dark);border-bottom-color:var(--frame-dark);border-radius:inherit;pointer-events:none;position:absolute;inset:1px}.card__frame:before,.card__frame:after{border:1px solid var(--frame-dark);background:var(--frame-light);content:"";border-radius:50%;width:2cqw;height:2cqw;position:absolute;right:3cqw}.card__frame:before{top:3cqw}.card__frame:after{bottom:3cqw}.card--board[data-keywords~=guard]{border-color:#263139}.card--board[data-keywords~=guard] .card__frame{border:0;inset:0}.card--board[data-keywords~=guard] .card__frame:before,.card--board[data-keywords~=guard] .card__frame:after{content:none}.card__guard-frame{pointer-events:none;width:100%;height:100%;display:block;overflow:visible}.card__guard-rim{fill:#737f86;stroke:#182127;stroke-width:1px;stroke-linejoin:round}.card__guard-light,.card__guard-shadow,.card__guard-etch{fill:none;stroke-linecap:round;stroke-linejoin:round}.card__guard-light{stroke:#c7d0d3;stroke-width:1.5px}.card__guard-shadow{stroke:#303c43;stroke-width:1.5px}.card__guard-plates{fill:#a5b0b5;stroke:#414f58;stroke-width:.8px;stroke-linejoin:round}.card__guard-etch{stroke:#27343c;stroke-width:1px}.card__face{gap:0;padding:3cqw}.card--full,.card--hand{--art-h:56cqw}.card__art{border:1px solid #080e14;border-bottom:1px solid color-mix(in srgb, var(--faction) 45%, var(--frame-edge));background:#0e1923;border-radius:2px}.card[data-type=action] .card__art{border-radius:45% 45% 2px 2px/28% 28% 2px 2px}.card-art__moon{fill:color-mix(in srgb, var(--faction) 30%, #879aa3);opacity:.38}.card-art__halo{fill:none;stroke:#aeb6b6;stroke-width:.5px;opacity:.3}.card-art__hatching{fill:none;stroke:#a4b0ae;stroke-width:.6px;opacity:.32}.card-art__land{fill:#101b22;stroke:#627278;stroke-width:.7px}.card-art__subject{fill:#bdac87;stroke:#0b141c;stroke-width:1.8px;stroke-linejoin:round}.card-art__engraving{fill:none;stroke:#29353a;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.card-art__ground{fill:#0b131a;stroke:#7a7665;stroke-width:.6px}.card-art__motes{stroke:#dfc28b;stroke-width:1.4px;stroke-linecap:round;opacity:.6}.card__name{color:var(--card-ink);font-family:var(--font-card-name,var(--font-display));text-shadow:0 1px 1px #000;background:linear-gradient(#273740,#17242b);border-top:1px solid #61717a;border-bottom:1px solid #080f15;flex:none;padding:2cqw 1.5cqw;font-size:8.5cqw;line-height:1.25;position:relative}.card__type{background:var(--card-text-bg);color:var(--card-text-dim,#5b4935);letter-spacing:.04em;flex:none;padding:2cqw 1cqw;font-size:5.1cqw;line-height:1.2}.card__keywords{color:var(--card-ink);letter-spacing:.02em;padding-top:2cqw;font-size:5.8cqw;line-height:1.2}.card__text{background:var(--card-text-bg);color:var(--card-text-ink,#2a2219);font-family:var(--font);text-align:center;border-radius:0 0 2px 2px;padding:2.5cqw 4cqw 4cqw;font-size:6.6cqw;line-height:1.28}.card__text[data-length=long]{font-size:5.9cqw}.card[data-type=creature] .card__text{padding-bottom:16cqw}.card__cost,.card__power,.card__health{z-index:4;color:#f8eed5;width:22cqw;height:22cqw;font-family:var(--font-card-name,var(--font-display));font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000;background:0 0;border:0;border-radius:0;font-size:12cqw;font-weight:700;line-height:1;position:relative}.card__cost{--stat-fill:#294256;--stat-edge:#9cacb5;font-size:11.5cqw;position:absolute;top:-6cqw;left:-6cqw}.card__power{--stat-fill:var(--power,#45515b);--stat-edge:#b5b8ac}.card__health{--stat-fill:var(--health,#83313a);--stat-edge:#bb927b}.card__stat-shape{width:100%;height:100%;fill:var(--stat-fill);stroke:var(--stat-edge);stroke-width:1.5px;stroke-linejoin:round;pointer-events:none;display:block;position:absolute;inset:0;overflow:visible}.card__numeral{z-index:1;position:relative}.card__power[data-delta=up],.card__health[data-delta=up]{color:#f8eed5;text-decoration:overline;-webkit-text-decoration-color:var(--stat-up);text-decoration-color:var(--stat-up);text-decoration-thickness:1.5px}.card__power[data-delta=down],.card__health[data-delta=down]{color:#f8eed5;text-decoration:underline;-webkit-text-decoration-color:var(--stat-down,#f3b5a7);text-decoration-color:var(--stat-down,#f3b5a7);text-decoration-thickness:1.5px}.card__badge{z-index:4;border:1px solid var(--frame-light);color:#f8eed5;background:#283139;border-radius:2px;padding:1cqw 3cqw;font-size:7cqw;line-height:1.2}.card--board .card__face{padding-bottom:17cqw}.card--board .card__name{padding:2cqw 1cqw;font-size:10cqw}.card__cover-frame{z-index:3;border:max(1px, 1.5cqw) dashed var(--card-ink);border-radius:inherit;box-shadow:0 0 0 1px var(--ink);pointer-events:none;position:absolute;inset:3cqw}.card__cover{z-index:5;aspect-ratio:1;border:1px solid var(--card-ink);background:var(--ink);width:max(14px,20cqw);color:var(--card-ink);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:2cqw;inset-inline-end:2cqw}.card__cover svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:85%;height:85%;display:block}.card-back{border-color:var(--frame-edge);background:var(--card-back)}.card-back__crest{color:#b6a177;opacity:.85;pointer-events:none;width:72%;height:82%;position:absolute;top:9%;left:14%}button.card:focus-visible{outline:2px solid var(--vellum,#f1e7d0);outline-offset:3px}button.card:focus-visible:after{z-index:6;border:2px solid var(--ink,#15171a);pointer-events:none;content:"";border-radius:7px;position:absolute;inset:-7px}@container (width<=100px){.card--hand .card__art,.card--full .card__art{flex:auto;min-height:0}.card--hand .card__face,.card--full .card__face{padding-bottom:19cqw}.card__name{font-size:8.5cqw}}