@font-face{font-family:Beyond;src:url(./beyond-qykt22bj.otf)format(opentype);font-display:swap}:root{--stone-dark:#17110a;--stone:#2b2214;--stone-line:#4d3c19;--gold:#c9a227;--gold-bright:#ecd27e;--papyrus:#e8dcc0;--ivory:#efe6d0;--obsidian:#080502;--wine:#a8446b;--shadow-ink:#000;--realm-divine:#fce79c;--realm-elemental:#ff7344;--realm-mortal:#287cc4;--realm-nature:#408c2f;--realm-void:#300d51;--icon-grace:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2032%2032%27%3E%3Cellipse%20cx%3D%2716%27%20cy%3D%276%27%20rx%3D%2712%27%20ry%3D%274%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%273%27%2F%3E%3Cpath%20d%3D%27M16%2013c1.5%205%203.5%207%208%209-4.5%201.5-6.5%204-8%209-1.5-5-3.5-7.5-8-9%204.5-2%206.5-4%208-9z%27%2F%3E%3C%2Fsvg%3E);--icon-ascend:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2032%2032%27%3E%3Cpath%20d%3D%27M16%201l5%208-5-3-5%203zM16%209l3%206-3%2015-3-15zM2%2010l10%205%201%207-7-3zm28%200-10%205-1%207%207-3zM1%2020l11%204-5%204zm30%200-11%204%205%204z%27%2F%3E%3C%2Fsvg%3E);--icon-convert:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2032%2032%27%3E%3Cpath%20d%3D%27M16%202a14%2014%200%200%200%200%2028c-8-4-8-10%200-14s8-10%200-14zm0%200c8%204%208%2010%200%2014s-8%2010%200%2014a14%2014%200%200%200%200-28z%27%20fill-rule%3D%27evenodd%27%2F%3E%3Cpath%20d%3D%27M16%205l2%204-2%203-2-3zm0%2015%202%203-2%204-2-4z%27%2F%3E%3C%2Fsvg%3E);--icon-buff:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2032%2032%27%3E%3Cpath%20d%3D%27M16%201l4%2011%2011%204-11%204-4%2011-4-11L1%2016l11-4zm0%208-2%205-5%202%205%202%202%205%202-5%205-2-5-2z%27%20fill-rule%3D%27evenodd%27%2F%3E%3C%2Fsvg%3E);--surface:var(--stone);--surface-raised:color-mix(in oklab,var(--stone),var(--gold-bright)7%);--surface-sunken:color-mix(in oklab,var(--stone-dark),var(--shadow-ink)30%);--ink:var(--papyrus);--ink-muted:color-mix(in oklab,var(--papyrus),var(--stone)45%);--line:var(--stone-line);--accent:var(--gold);--accent-strong:var(--gold-bright);--owner-you:var(--ivory);--owner-you-glow:color-mix(in srgb,var(--ivory)40%,transparent);--owner-enemy:var(--obsidian);--owner-enemy-line:color-mix(in oklab,var(--obsidian),var(--papyrus)22%);--owner-enemy-ink:color-mix(in oklab,var(--obsidian),var(--papyrus)55%);--owner-enemy-frame:color-mix(in oklab,var(--obsidian),var(--papyrus)40%);--success:var(--gold-bright);--danger:var(--wine);--parchment:color-mix(in oklab,var(--accent-strong),var(--papyrus)50%);--control-face:color-mix(in oklab,var(--shadow-ink)72%,var(--ivory));--control-edge:color-mix(in oklab,var(--ink-muted),var(--shadow-ink)38%);--control-radius:.08em;--shadow-drop:0 .3em .8em color-mix(in srgb,var(--shadow-ink)60%,transparent);--shadow-inset-deep:inset 0 .15em .6em color-mix(in srgb,var(--shadow-ink)80%,transparent);--space-1:clamp(.125rem,.5vmin,.3rem);--space-2:clamp(.25rem,1vmin,.6rem);--space-3:clamp(.5rem,1.6vmin,1rem);--space-4:clamp(.75rem,2.4vmin,1.5rem);--space-5:clamp(1rem,3.5vmin,2.25rem);--space-6:clamp(1.5rem,5vmin,3.5rem);--text-s:clamp(.6rem,1.4vmin,.8rem);--text-m:clamp(.8rem,1.9vmin,1.05rem);--text-l:clamp(1rem,2.6vmin,1.5rem);--text-xl:clamp(1.6rem,5vmin,3rem);--font-display:"Beyond",Georgia,"Times New Roman",serif;--font-body:Georgia,"Times New Roman",serif;--dur-fast:.15s;--dur-med:.3s;--dur-slow:.6s;--ease-settle:cubic-bezier(.3,1.4,.5,1);--ease-ceremonial:cubic-bezier(.22,.9,.32,1);--icon-taunt:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2032%2032%27%3E%3Cpath%20d%3D%27M16%201l3%204-3%203-3-3zM5%208l11%203%2011-3-2%2012-9%2011-9-11zm6%205%201%208%204%205%204-5%201-8-5%202z%27%20fill-rule%3D%27evenodd%27%2F%3E%3Cpath%20d%3D%27M16%209v18M2%2013l3%202-1%206M30%2013l-3%202%201%206%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.4%27%2F%3E%3C%2Fsvg%3E);--icon-intimidate:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2032%2032%27%3E%3Cpath%20d%3D%27M1%2015Q16%200%2031%2015Q16%2030%201%2015zm5%200q10%209%2020%200Q16%206%206%2015z%27%20fill-rule%3D%27evenodd%27%2F%3E%3Cpath%20d%3D%27M16%207l3%208-3%208-3-8zM5%2023l6%202-3%204zM27%2023l-6%202%203%204zM11%204l5-4%205%204-5-1z%27%2F%3E%3C%2Fsvg%3E);--marble:url(https://cdn.shardsofbeyond.com/client/mainmenu/marble.png);--hall-logo:url(./shards-of-beyond-booster-logo-charcoal-v1-may5jyz7.png);--popup-frame:url(https://cdn.shardsofbeyond.com/client/match/popup-frame.png?v=2);--hall-temple:url(https://cdn.shardsofbeyond.com/client/mainmenu/temple.png);--match-temple:url(https://cdn.shardsofbeyond.com/client/match/new-temple.png);--draft-wall:var(--hall-temple)}@media (prefers-reduced-motion:reduce){:root{--dur-fast:1ms;--dur-med:1ms;--dur-slow:1ms}}.panel{background:linear-gradient(170deg,var(--surface-raised),var(--surface)70%);border:1px solid var(--line);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--gold-bright)20%,transparent),var(--shadow-drop);border-radius:.25em}.panel--sunken{background:linear-gradient(var(--surface-sunken),var(--stone-dark));border:1px solid var(--line);box-shadow:var(--shadow-inset-deep);border-radius:.25em}.plaque,.button.plaque,.end-turn-button,#shardsofbeyond-dialog-content button,#shardsofbeyond-zone-viewer-close,#shardsofbeyond-zone-viewer-sort button,#shardsofbeyond-prompt .button,#shardsofbeyond-crystalborn-cancel,sob-concede-button .button,sob-match-outcome button{font-family:var(--font-body);font-size:var(--text-m);color:var(--ink);background:linear-gradient(165deg,color-mix(in oklab,var(--control-face),var(--ivory)7%),var(--control-face)55%,color-mix(in oklab,var(--control-face),var(--shadow-ink)30%));border:.07em solid var(--control-edge);border-radius:var(--control-radius);box-shadow:inset 0 .07em 0 color-mix(in srgb,var(--ivory)13%,transparent),inset 0 -.1em 0 color-mix(in srgb,var(--shadow-ink)65%,transparent),0 .2em .5em color-mix(in srgb,var(--shadow-ink)35%,transparent);cursor:pointer;filter:none;transition:border-color var(--dur-fast)ease,color var(--dur-fast)ease,filter var(--dur-fast)ease;font-weight:400}@media (hover:hover){.plaque:hover:not(:disabled),.end-turn-button:hover:not(:disabled),#shardsofbeyond-dialog-content button:hover,#shardsofbeyond-zone-viewer-close:hover,#shardsofbeyond-zone-viewer-sort button:hover,#shardsofbeyond-prompt .button:hover:not(:disabled),#shardsofbeyond-crystalborn-cancel:hover,sob-concede-button .button:hover,sob-match-outcome button:hover{color:var(--accent-strong);border-color:var(--accent);filter:brightness(1.12)}}.plaque:active:not(:disabled),.end-turn-button:active:not(:disabled),#shardsofbeyond-dialog-content button:active,#shardsofbeyond-zone-viewer-close:active,#shardsofbeyond-zone-viewer-sort button:active,#shardsofbeyond-prompt .button:active:not(:disabled),#shardsofbeyond-crystalborn-cancel:active,sob-concede-button .button:active,sob-match-outcome button:active{filter:brightness(.92)}.plaque:disabled,.end-turn-button:disabled,#shardsofbeyond-prompt .button:disabled{color:var(--ink-muted);opacity:.4;filter:none;cursor:default}.plaque:focus-visible{outline:.12em solid var(--accent-strong);outline-offset:.2em}.end-turn-button:focus-visible{outline:.12em solid var(--accent-strong);outline-offset:.2em}#shardsofbeyond-prompt .button:focus-visible{outline:.12em solid var(--accent-strong);outline-offset:.2em}.inscription{font-family:var(--font-display);color:var(--accent-strong);letter-spacing:.15em;text-shadow:0 0 .6em color-mix(in srgb,var(--accent)35%,transparent),0 2px 3px var(--shadow-ink)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--accent)color-mix(in srgb,var(--stone-dark)70%,transparent)}html.shard-cursor-active,html.shard-cursor-active *{cursor:none!important}html:has(dialog:modal){cursor:auto!important}html:has(dialog:modal) *{cursor:auto!important}dialog:modal::backdrop{cursor:auto!important}html:has(dialog:modal) :-webkit-any(button,select,a[href],[role=button]){cursor:pointer!important}html:has(dialog:modal) :-moz-any(button,select,a[href],[role=button]){cursor:pointer!important}html:has(dialog:modal) :is(button,select,a[href],[role=button]){cursor:pointer!important}html:has(dialog:modal) :-webkit-any(input,textarea,[contenteditable=true]){cursor:text!important}html:has(dialog:modal) :-moz-any(input,textarea,[contenteditable=true]){cursor:text!important}html:has(dialog:modal) :is(input,textarea,[contenteditable=true]){cursor:text!important}html:has(dialog:modal) #cursor{visibility:hidden}body:has(dialog[open]) #card-preview[data-context=table][data-trigger=hover]{display:none}::-webkit-scrollbar{width:.55em;height:.55em}::-webkit-scrollbar-track{background:color-mix(in srgb,var(--shadow-ink)45%,transparent);border-radius:.3em}::-webkit-scrollbar-thumb{background:linear-gradient(color-mix(in oklab,var(--accent),var(--gold-bright)25%),color-mix(in oklab,var(--accent),var(--stone-dark)35%));border:1px solid color-mix(in srgb,var(--shadow-ink)60%,transparent);border-radius:.3em}::-webkit-scrollbar-thumb:hover{background:var(--accent-strong)}::-webkit-scrollbar-corner{background:0 0}html,body{user-select:none;-webkit-user-select:none;-moz-user-select:none;-webkit-touch-callout:none}#cursor{position:fixed;pointer-events:none;z-index:2147480000;will-change:transform;top:0;left:0;transform:translate(-100px,-100px)}.cursor-shard{display:block;color:var(--accent);text-shadow:-.06em -.06em 0 var(--stone-dark),.06em -.06em 0 var(--stone-dark),-.06em .06em 0 var(--stone-dark),.06em .06em 0 var(--stone-dark),0 0 .25em var(--shadow-ink),0 0 .4em var(--accent);transform-origin:50% 40%;transition:transform var(--dur-fast)var(--ease-settle),color var(--dur-fast);margin-top:-.28em;margin-left:-.22em;font-size:clamp(1.2rem,2.6vmin,1.8rem);line-height:1;transform:rotate(-35deg)}.cursor-shard:before{content:"◆"}#cursor.cursor--hover .cursor-shard{color:var(--accent-strong);text-shadow:-.06em -.06em 0 var(--stone-dark),.06em -.06em 0 var(--stone-dark),-.06em .06em 0 var(--stone-dark),.06em .06em 0 var(--stone-dark),0 0 .25em var(--shadow-ink),0 0 .5em var(--accent-strong)}#cursor.cursor--down .cursor-shard{color:var(--accent-strong);transform:rotate(-35deg)scale(.82)}#cursor.cursor--hidden{opacity:0}#card-preview{position:fixed;aspect-ratio:5/7;z-index:99000;pointer-events:none;opacity:0;filter:drop-shadow(0 10px 34px color-mix(in srgb,var(--shadow-ink)85%,transparent));background-position:50%;background-repeat:no-repeat;background-size:contain;width:min(88vw,58.5714vh,480px);transition:opacity .18s ease-out;top:50%;left:50%;transform:translate(-50%,-50%)}#card-preview.visible{opacity:1}.duel-ended .won-by-me{animation:lane-pulse 1.1s var(--ease-ceremonial)infinite}@keyframes lane-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--owner-you)50%,transparent)}50%{box-shadow:0 0 16px 5px color-mix(in srgb,var(--owner-you)90%,transparent)}}.Divine,.Nature{color:var(--shadow-ink)}.Elemental,.Mortal,.Void{color:var(--ink)}.Divine{background-color:var(--realm-divine)}.Elemental{background-color:var(--realm-elemental)}.Mortal{background-color:var(--realm-mortal)}.Nature{background-color:var(--realm-nature)}.Void{background-color:var(--realm-void)}#shardsofbeyond-dialog-content button.Divine{--plaque-ink:var(--shadow-ink);--plaque-fill:var(--realm-divine);--plaque-wash:linear-gradient(color-mix(in srgb,var(--realm-divine)55%,transparent),color-mix(in srgb,var(--realm-divine)55%,transparent));--plaque-glow:var(--realm-divine);color:var(--plaque-ink);background-color:var(--plaque-fill);background-blend-mode:normal,normal,luminosity}#shardsofbeyond-dialog-content button.Elemental{--plaque-ink:var(--shadow-ink);--plaque-fill:var(--realm-elemental);--plaque-wash:linear-gradient(color-mix(in srgb,var(--realm-elemental)55%,transparent),color-mix(in srgb,var(--realm-elemental)55%,transparent));--plaque-glow:var(--realm-elemental);color:var(--plaque-ink);background-color:var(--plaque-fill);background-blend-mode:normal,normal,luminosity}.crystal-zone .realm.Divine{--realm-color:var(--realm-divine)}.crystal-zone .realm.Elemental{--realm-color:var(--realm-elemental)}.crystal-zone .realm.Mortal{--realm-color:var(--realm-mortal)}.crystal-zone .realm.Nature{--realm-color:var(--realm-nature)}.crystal-zone .realm.Void{--realm-color:var(--realm-void)}.crystal-zone .realm{background:linear-gradient(135deg,color-mix(in oklab,var(--realm-color),white 35%)0 28%,var(--realm-color)28% 55%,color-mix(in oklab,var(--realm-color),black 30%)55%);box-shadow:inset 0 1px 0 color-mix(in oklab,var(--realm-color),white 55%),inset 0 -2px 4px color-mix(in oklab,var(--realm-color),black 45%);text-shadow:0 1px 2px color-mix(in srgb,var(--shadow-ink)60%,transparent)}#shardsofbeyond-target>.player-header.opponent{order:1}#shardsofbeyond-dialog-content button.Mortal{--plaque-ink:var(--shadow-ink);--plaque-fill:var(--realm-mortal);--plaque-wash:linear-gradient(color-mix(in srgb,var(--realm-mortal)55%,transparent),color-mix(in srgb,var(--realm-mortal)55%,transparent));--plaque-glow:var(--realm-mortal);color:var(--plaque-ink);background-color:var(--plaque-fill);background-blend-mode:normal,normal,luminosity}#shardsofbeyond-dialog-content button.Nature{--plaque-ink:var(--shadow-ink);--plaque-fill:var(--realm-nature);--plaque-wash:linear-gradient(color-mix(in srgb,var(--realm-nature)55%,transparent),color-mix(in srgb,var(--realm-nature)55%,transparent));--plaque-glow:var(--realm-nature);color:var(--plaque-ink);background-color:var(--plaque-fill);background-blend-mode:normal,normal,luminosity}#shardsofbeyond-dialog-content button.Void{--plaque-ink:var(--shadow-ink);--plaque-fill:var(--realm-void);--plaque-wash:linear-gradient(color-mix(in srgb,var(--realm-void)55%,transparent),color-mix(in srgb,var(--realm-void)55%,transparent));--plaque-glow:var(--realm-void);color:var(--plaque-ink);background-color:var(--plaque-fill);background-blend-mode:normal,normal,luminosity}html,body{overflow:hidden;background-color:var(--stone-dark);width:100%;height:100%;margin:0}#shardsofbeyond-target{position:relative;z-index:1;display:flex;font-family:var(--font-body);color:var(--ink);background-color:#0000;background-image:none;flex-direction:column;justify-content:space-evenly;align-items: center;gap:.5;width:100vw;max-width:100dvw;height:100vh;max-height:100dvh}#shardsofbeyond-target.screen{overflow-y:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start}.player-name{letter-spacing:1px;color:var(--accent-strong);text-shadow:0 1px 2px var(--shadow-ink);font-weight:700}.player-header.active-turn .player-name{color:var(--accent-strong);text-shadow:0 0 6px var(--accent-strong),0 1px 2px var(--shadow-ink);animation:turn-pulse 1.8s var(--ease-ceremonial)infinite}@keyframes turn-pulse{0%,to{text-shadow:0 0 4px var(--accent-strong),0 1px 2px var(--shadow-ink)}50%{text-shadow:0 0 12px var(--accent),0 1px 2px var(--shadow-ink)}}.hand{box-sizing:border-box;display:flex;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;scrollbar-width:none;user-select:none;flex-flow:row;flex-shrink:0;justify-content:safe center;align-items: center;width:100%;height:20vh;padding:1vh 2vw}.hand::-webkit-scrollbar{display:none}.board{aspect-ratio:5/4;display:flex;border:.5vh solid var(--line);background:color-mix(in srgb,var(--shadow-ink)18%,transparent);border-radius:8px;flex-direction:column;align-items:stretch;width:auto;max-width:100vw;height:min(66vh,80vw);padding:.6vh}.lane{display:flex;flex:1;min-width:0;max-width:100vw;min-height:0}.slot{box-sizing:border-box;min-width:0;margin:2px}.lane .slot{flex:1 1 0;margin:.8}.slot .card.enemy{transform:rotate(180deg)}.card-name{font-weight:700}sob-card{display:block;container-type:inline-size}.card,.slot{aspect-ratio:5/7;border:1px solid var(--ink-muted);position:relative;height:auto;margin:.5}.card .card-art{position:absolute;object-fit:contain;object-position:center;pointer-events:none;width:100%;height:100%;inset:0}.card .card-art--dynamic{aspect-ratio:5/7;border:0;height:auto}#card-preview>sob-card{width:100%;height:100%;margin:0}.slot{aspect-ratio:5/4.9;border:1px solid var(--line);border-radius:0}.slot .card{aspect-ratio:5/4.9;overflow:hidden;width:100%;height:100%;margin:0}.slot .card .card-art{object-fit:cover;object-position:top center;transform-origin:top center;transform:scale(1.03)}.slot .card.face-down .card-art{object-position:center;transform:none}.slot .card .card-power{top:90%}.card.has-live-power .card-power{display:none}.card-power{position:absolute;display:flex;color:var(--ink);text-shadow:0 1px 2px var(--shadow-ink);pointer-events:none;justify-content:center;align-items: center;width:auto;height:auto;font-size:24cqw;font-weight:700;line-height:1;top:81%;left:50%;transform:translate(-50%,-50%)}.card-power.higher,.card-power.lower{background:0 0;border:none}.card-power.higher{color:var(--owner-you)}.card-power.lower{color:var(--danger)}.card-power.neutral{display:none;text-shadow:0 0 3px var(--shadow-ink),0 1px 2px var(--shadow-ink),-1px 0 1px var(--shadow-ink),1px 0 1px var(--shadow-ink);background:0 0;border:none}.card-tokens{position:absolute;display:flex;pointer-events:none;z-index:2;flex-flow:column;align-items: flex-start;gap:.2em;font-size:15cqw;top:13%;left:4%}.card-token{display:flex;color:var(--ink);background:color-mix(in srgb,var(--stone-dark)85%,transparent);border:1px solid var(--accent);text-shadow:0 1px 2px var(--shadow-ink);border-radius:.65em;justify-content:center;align-items: center;min-width:1.25em;height:1.25em;padding:0 .22em;font-size:.9em;font-weight:700;line-height:1}.card-token:not(.card-token--crystalborn){position:relative;box-sizing:border-box;color:var(--ivory);pointer-events:auto;filter:drop-shadow(0 .04em .08em var(--shadow-ink))drop-shadow(0 0 .14em var(--shadow-ink));background:0 0;border:0;border-radius:0;width:1.3em;min-width:1.3em;height:1.3em;padding:0}.card-token:-webkit-any(.card-token--buff,.card-token--grace,.card-token--taunt,.card-token--intimidate,.card-token--convert,.card-token--ascend):before{content:"";background:linear-gradient(var(--ivory),var(--accent-strong));mask-image:var(--token-icon);mask-position:center;mask-size:contain;mask-repeat:no-repeat;width:1.15em;height:1.15em}.card-token:-moz-any(.card-token--buff,.card-token--grace,.card-token--taunt,.card-token--intimidate,.card-token--convert,.card-token--ascend):before{content:"";background:linear-gradient(var(--ivory),var(--accent-strong));mask-image:var(--token-icon);mask-position:center;mask-size:contain;mask-repeat:no-repeat;width:1.15em;height:1.15em}.card-token:is(.card-token--buff,.card-token--grace,.card-token--taunt,.card-token--intimidate,.card-token--convert,.card-token--ascend):before{content:"";background:linear-gradient(var(--ivory),var(--accent-strong));mask-image:var(--token-icon);mask-position:center;mask-size:contain;mask-repeat:no-repeat;width:1.15em;height:1.15em}.card-token:-webkit-any(.card-token--grace,.card-token--taunt,.card-token--intimidate,.card-token--convert,.card-token--ascend) .card-token-label{display:none}.card-token:-moz-any(.card-token--grace,.card-token--taunt,.card-token--intimidate,.card-token--convert,.card-token--ascend) .card-token-label{display:none}.card-token:is(.card-token--grace,.card-token--taunt,.card-token--intimidate,.card-token--convert,.card-token--ascend) .card-token-label{display:none}.card-token-count,.card-token--buff .card-token-label{position:absolute;font-family:var(--font-display);color:var(--ivory);text-shadow:0 0 .12em var(--shadow-ink),0 .05em .1em var(--shadow-ink);font-variant-numeric:tabular-nums;font-size:.65em;line-height:1;bottom:-.12em;right:-.3em}.card-token--buff{--token-icon:var(--icon-buff)}.card-token--grace{--token-icon:var(--icon-grace)}.card-token--taunt{--token-icon:var(--icon-taunt)}.card-token--intimidate{--token-icon:var(--icon-intimidate)}.card-token--convert{--token-icon:var(--icon-convert)}.card-token--ascend{--token-icon:var(--icon-ascend)}.card.dragging{z-index:1000;pointer-events:none;opacity:.6;will-change:transform;box-shadow:0 8px 18px color-mix(in srgb,var(--shadow-ink)60%,transparent);transition:none}.card.drag-ghost{opacity:.9;z-index:2147480000}@keyframes card-enter{0%{opacity:0;transform:translateY(24px)scale(.85)}to{opacity:1;transform:none}}.card.card-enter{animation:card-enter var(--dur-med)var(--ease-settle)}sob-sound-toggle{position:fixed;bottom:var(--space-2);left:var(--space-2);z-index:100}sob-sound-toggle .button{font-size:var(--text-m);padding:var(--space-1)var(--space-2);opacity:.75}sob-sound-toggle .button:before{content:"♪"}sob-sound-toggle[data-muted] .button{opacity:.45;text-decoration:line-through}@keyframes bury-flip{to{transform:rotateY(90deg);filter:brightness(.55)}}.card.bury-flip{animation:bury-flip var(--dur-med)var(--ease-settle)forwards}@keyframes revive-flip{0%{transform:rotateY(-90deg);filter:brightness(.55)}}.card.revive-flip{animation:revive-flip var(--dur-med)var(--ease-settle)}@keyframes zone-out-down{to{opacity:0;transform:translateY(60%)scale(.85)}}@keyframes zone-out-up{to{opacity:0;transform:translateY(-60%)scale(.85)}}.card.zone-out-down{animation:zone-out-down var(--dur-med)ease-in forwards}.card.zone-out-up{animation:zone-out-up var(--dur-med)ease-in forwards}@keyframes discard-out{to{opacity:0;transform:translateY(15%)scale(.7);filter:brightness(.55)}}.card.discard-out{animation:discard-out var(--dur-med)ease-in forwards}@keyframes move-out{to{opacity:0;transform:scale(.6)}}.card.move-out{animation:move-out var(--dur-fast)ease-in forwards}@keyframes move-in{0%{opacity:0;transform:scale(.6)}}.card.move-in{animation:move-in var(--dur-med)var(--ease-settle)}@keyframes token-pulse{50%{transform:scale(1.1);filter:drop-shadow(0 0 .6em var(--accent-strong))}}.card.token-pulse{animation:token-pulse var(--dur-med)var(--ease-settle)}.hand .card{touch-action:pan-x;flex:none;height:16.5vh;transition:transform .14s ease-out}.hand .card:hover{z-index:60;transform:scale(1.08)}.card.face-down{overflow:hidden;border:none}.card.face-down .card-art{object-fit:cover;object-position:center;width:110%;height:107.143%;top:-3.57143%;left:-5%}.info-text{color:var(--ink-muted);font-style:italic}#shardsofbeyond-zone-viewer{justify-content:space-between;align-items: center}#shardsofbeyond-zone-viewer,#shardsofbeyond-dialog,#shardsofbeyond-prompt{border-style:solid;border-color:#0000;border-image-source:var(--popup-frame);border-image-slice:40 fill;box-shadow:none;outline-width:0;color:var(--ink);font-family:var(--font-body);background-color:#0000;background-image:none;border-image-repeat:stretch;border-radius:0}#shardsofbeyond-zone-viewer,#shardsofbeyond-dialog{width:min(27.5rem,calc(100vw - 2*var(--space-3)));max-width:calc(100vw - 2*var(--space-3));max-height:calc(100dvh - 2*var(--space-3));overflow-y:auto;padding:var(--space-4);position:fixed;z-index:9000;border-width:clamp(.75rem,3vmin,2.6rem);flex-direction:column;height:auto;margin:0;inset:50% auto auto 50%;transform:translate(-50%,-50%)}#shardsofbeyond-dialog::backdrop{background:color-mix(in srgb,var(--shadow-ink)60%,transparent)}#shardsofbeyond-zone-viewer::backdrop{background:color-mix(in srgb,var(--shadow-ink)60%,transparent)}#shardsofbeyond-zone-viewer{width:92vw;max-width:92vw}#shardsofbeyond-zone-viewer[open],#shardsofbeyond-dialog[open]{display:flex}#shardsofbeyond-prompt{position:fixed;z-index:9100;padding:var(--space-3)var(--space-4);border-width:1.7rem;margin:0;inset:50% auto auto 50%;transform:translate(-50%,-50%)}#shardsofbeyond-prompt[open]{display:block}body:has(sob-match) #shardsofbeyond-prompt{top:anchor(--match-board center,50%);left:anchor(--match-board center,50%);max-width:anchor-size(--match-board width,36rem)}#shardsofbeyond-prompt:not(:has(button)){pointer-events:none}body:has(.slot.pickable,.slot .pickable,sob-crystal-zone .pickable) #shardsofbeyond-prompt:not(:-webkit-any([data-selection=cards],[data-selection=review],[data-selection=type])){top:50%;left:var(--space-4);max-width:min(22rem,22vw);transform:translateY(-50%)}body:has(.slot.pickable,.slot .pickable,sob-crystal-zone .pickable) #shardsofbeyond-prompt:not(:-moz-any([data-selection=cards],[data-selection=review],[data-selection=type])){top:50%;left:var(--space-4);max-width:min(22rem,22vw);transform:translateY(-50%)}body:has(.slot.pickable,.slot .pickable,sob-crystal-zone .pickable) #shardsofbeyond-prompt:not(:is([data-selection=cards],[data-selection=review],[data-selection=type])){top:50%;left:var(--space-4);max-width:min(22rem,22vw);transform:translateY(-50%)}@supports (anchor-name: --match-inspector){body:has(.slot.pickable,.slot .pickable,sob-crystal-zone .pickable) #shardsofbeyond-prompt:not([data-selection=cards],[data-selection=review],[data-selection=type]){top:anchor(--match-inspector center,50%);left:anchor(--match-inspector center,var(--space-4));transform:translate(-50%,-50%)}}@media (max-width:64rem),(max-height:34rem){body:has(sob-match) #shardsofbeyond-prompt{max-width:calc(100vw - 2*var(--space-3));top:50%;left:50%;transform:translate(-50%,-50%)}body:has(.slot.pickable,.slot .pickable,sob-crystal-zone .pickable) #shardsofbeyond-prompt:not(:-webkit-any([data-selection=cards],[data-selection=review],[data-selection=type])){top:var(--space-3);width:min(36rem,calc(100vw - 2*var(--space-3)));max-width:calc(100vw - 2*var(--space-3));border-width:.6rem;max-height:30dvh;left:50%;transform:translate(-50%)}body:has(.slot.pickable,.slot .pickable,sob-crystal-zone .pickable) #shardsofbeyond-prompt:not(:-moz-any([data-selection=cards],[data-selection=review],[data-selection=type])){top:var(--space-3);width:min(36rem,calc(100vw - 2*var(--space-3)));max-width:calc(100vw - 2*var(--space-3));border-width:.6rem;max-height:30dvh;left:50%;transform:translate(-50%)}body:has(.slot.pickable,.slot .pickable,sob-crystal-zone .pickable) #shardsofbeyond-prompt:not(:is([data-selection=cards],[data-selection=review],[data-selection=type])){top:var(--space-3);width:min(36rem,calc(100vw - 2*var(--space-3)));max-width:calc(100vw - 2*var(--space-3));border-width:.6rem;max-height:30dvh;left:50%;transform:translate(-50%)}body:has(.slot.pickable,.slot .pickable,sob-crystal-zone .pickable) #shardsofbeyond-prompt #shardsofbeyond-prompt-card{display:none}}#shardsofbeyond-prompt-card{display:block;aspect-ratio:5/7;object-fit:contain;margin:0 auto var(--space-3);box-shadow:0 4px 14px color-mix(in srgb,var(--shadow-ink)60%,transparent);border-radius:6px;width:clamp(110px,22vh,200px)}#shardsofbeyond-prompt-card[hidden]{display:none}#shardsofbeyond-effect-caption{position:fixed;z-index:9500;padding:var(--space-2)var(--space-4);display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-align:center;background:linear-gradient(var(--surface),var(--stone-dark));border:2px solid var(--accent);color:var(--accent-strong);font-family:var(--font-body);letter-spacing:1px;text-shadow:0 1px 2px var(--shadow-ink);pointer-events:none;border-radius:6px;-webkit-box-orient:vertical;max-width:90vw;font-weight:700;top:1.5%;left:50%;transform:translate(-50%)}#shardsofbeyond-effect-caption[hidden]{display:none}.prompt-text{text-align:center;margin-bottom:var(--space-2);font-weight:700}.prompt-text:empty{display:none}.prompt-choices{display:flex;gap:var(--space-2);justify-content:center}#shardsofbeyond-zone-viewer-sort{display:flex;justify-content:center;align-items: center;gap:var(--space-2);margin-bottom:var(--space-3);flex-flow:wrap}#shardsofbeyond-zone-viewer-sort[hidden]{display:none}#shardsofbeyond-zone-viewer-sort button{padding-top:var(--space-2);padding-bottom:var(--space-2);padding-left:var(--space-2);padding-right:var(--space-2);font-family:inherit;font-weight:700;font-size:var(--text-s);letter-spacing:.08em;text-transform:uppercase;text-align:center;border-radius:.4em;width:8.5em;min-width:8.5em}#shardsofbeyond-zone-viewer-sort button[aria-pressed=true]{filter:brightness(1.08)}#shardsofbeyond-zone-viewer-content{display:flex;overflow:hidden;flex-direction:row;justify-content:center;max-width:92vw;max-height:72vh}:where(#shardsofbeyond-zone-viewer) .card{border-radius:6px;flex:none;width:auto;height:44vh;max-height:44vh}#shardsofbeyond-zone-viewer[data-mode=cascade]{overflow-x:hidden;overflow-y:hidden;align-items:stretch;height:88vh;max-height:88vh}#shardsofbeyond-zone-viewer[data-mode=cascade] #shardsofbeyond-zone-viewer-text,#shardsofbeyond-zone-viewer[data-mode=cascade] #shardsofbeyond-zone-viewer-sort,#shardsofbeyond-zone-viewer[data-mode=cascade] #shardsofbeyond-zone-viewer-close{align-self: center}#shardsofbeyond-zone-viewer[data-mode=cascade] #shardsofbeyond-zone-viewer-content{display:block;overflow-x:auto;overflow-y:hidden;flex:1;width:100%;min-width:0;max-width:none;min-height:0;max-height:none}.zone-card-layout{display:flex;justify-content:space-evenly;align-items:stretch;gap:var(--space-3);overflow-x:hidden;overflow-y:hidden;flex-flow:row;width:100%;max-width:none;height:100%;padding-bottom:0}.zone-card-layout .zone-column{display:flex;isolation:isolate;overflow-x:visible;overflow-y:visible;flex-direction:column;flex:1;justify-content:flex-start;align-items:stretch;min-width:6.5rem;max-width:35.7143vh;height:100%}.zone-card-layout .card{display:block;position:relative;overflow-x:hidden;overflow-y:hidden;background-color:var(--stone-dark);border-width:0;border-radius:0;flex:none;width:100%;height:auto;max-height:none;margin:0}.zone-card-layout .card .card-art{object-fit:cover}.zone-card-layout .zone-column .card:not(:last-child){aspect-ratio:5/1.54;overflow-x:hidden;overflow-y:hidden;flex:0 auto;width:100%;height:auto;min-height:0}.zone-card-layout .zone-column .card:not(:last-child) .card-art{position:absolute;aspect-ratio:5/7;object-fit:cover;object-position:top center;width:100%;height:auto;inset:0 auto auto 0}.zone-card-layout .zone-column .card:last-child{aspect-ratio:5/7;flex:none;width:100%;height:auto;min-height:0}.zone-card-layout .zone-column .card:-webkit-any(:hover,:focus-within){overflow-x:visible;overflow-y:visible;z-index:5}.zone-card-layout .zone-column .card:-moz-any(:hover,:focus-within){overflow-x:visible;overflow-y:visible;z-index:5}.zone-card-layout .zone-column .card:is(:hover,:focus-within){overflow-x:visible;overflow-y:visible;z-index:5}#shardsofbeyond-zone-viewer[data-mode=cascade][data-layout=grid] #shardsofbeyond-zone-viewer-content{display:flex;overflow-x:hidden;overflow-y:hidden;container-type:size;flex-direction:row;justify-content:center;align-items: center}.zone-card-layout[data-layout=grid]{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);justify-content:stretch;align-items:stretch;gap:var(--space-2);overflow-x:hidden;overflow-y:hidden;width:min(100cqw,238.095cqh);height:min(100cqh,42cqw)}.zone-card-layout[data-layout=grid] .card{width:100%;height:100%;margin-bottom:0}.zone-card-layout[data-layout=grid] .card:hover{z-index:5;transform:none}#shardsofbeyond-zone-viewer[data-mode=strip]{box-sizing:border-box;width:min(76rem,calc(var(--zone-card-columns,5)*15rem + 3rem),calc(100vw - 2*var(--space-3)));max-width:calc(100vw - 2*var(--space-3));max-height:calc(100dvh - 2*var(--space-3));padding:var(--space-3);align-items:stretch;gap:var(--space-3);border-width:clamp(.75rem,2vmin,1.4rem);height:auto}#shardsofbeyond-zone-viewer[data-mode=strip] #shardsofbeyond-zone-viewer-text{color:var(--ink);text-align:center;margin:0;font-size:clamp(1rem,2vmin,1.25rem);font-style:normal}.zone-viewer-layouts{display:flex;justify-content:center;gap:var(--space-2)}.zone-viewer-layouts[hidden]{display:none}.zone-viewer-layouts button{padding:var(--space-2)var(--space-3);font:inherit;color:var(--ink-muted);background:color-mix(in srgb,var(--shadow-ink)30%,transparent);border:.06rem solid var(--line);border-radius:var(--control-radius);min-width:7rem;min-height:2.6rem}.zone-viewer-layouts button[aria-pressed=true]{color:var(--accent-strong);border-color:var(--accent);background:color-mix(in srgb,var(--accent)13%,transparent)}#shardsofbeyond-zone-viewer[data-mode=strip] #shardsofbeyond-zone-viewer-content{display:block;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;flex:0 auto;width:100%;min-width:0;max-width:none;min-height:0;max-height:none}.zone-card-layout.zone-browse-layout{justify-content:center;align-items: start;gap:var(--space-3);padding:var(--space-1);box-sizing:border-box;overflow:visible;flex-wrap:wrap;height:auto;min-height:0}.zone-card-layout.zone-browse-layout .zone-column{flex-basis:9rem;min-width:min(8rem,100%);max-width:12rem;height:auto}.zone-card-layout.zone-browse-layout .zone-column .card:not(:last-child){flex-shrink:0;min-height:2.2rem}.zone-card-layout.zone-browse-layout[data-layout=grid]{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),14rem));grid-auto-rows:auto;align-content: start;justify-items:center;width:100%;height:auto;min-height:0}.zone-card-layout.zone-browse-layout[data-layout=grid] .card{aspect-ratio:5/7;max-width:14rem;height:auto}@media (max-width:35rem){.zone-card-layout.zone-browse-layout[data-layout=grid]{grid-template-columns:repeat(2,minmax(0,1fr))}}.zone-card-layout.zone-browse-layout .card:focus-visible{outline:.15rem solid var(--accent-strong);outline-offset:-.15rem;z-index:6}.zone-empty{grid-column:1/-1;padding:var(--space-5);color:var(--ink-muted);font-size:var(--text-m);text-align:center;margin:auto}#shardsofbeyond-zone-viewer[data-mode=strip] #shardsofbeyond-zone-viewer-close{flex-shrink:0;align-self: center;margin-top:0}#shardsofbeyond-zone-viewer[data-mode=strip]:has(.zone-empty){width:min(28rem,calc(100vw - 2*var(--space-3)));height:auto}#shardsofbeyond-zone-viewer[data-mode=strip]:has(.zone-empty) #shardsofbeyond-zone-viewer-content{flex:0 auto}.zone-card-layout .copy-count{position:absolute;z-index:1;font-family:var(--font-display);font-size:var(--text-m);color:var(--ivory);text-shadow:0 .04em .12em color-mix(in srgb,var(--shadow-ink)80%,transparent),0 0 .18em color-mix(in srgb,var(--shadow-ink)55%,transparent);pointer-events:none;top:.35em;right:.4em}#shardsofbeyond-zone-viewer .card[data-crystal-realm=Divine]{--crystal-realm-color:var(--realm-divine)}#shardsofbeyond-zone-viewer .card[data-crystal-realm=Elemental]{--crystal-realm-color:var(--realm-elemental)}#shardsofbeyond-zone-viewer .card[data-crystal-realm=Mortal]{--crystal-realm-color:var(--realm-mortal)}#shardsofbeyond-zone-viewer .card[data-crystal-realm=Nature]{--crystal-realm-color:var(--realm-nature)}#shardsofbeyond-zone-viewer .card[data-crystal-realm=Void]{--crystal-realm-color:var(--realm-void)}#shardsofbeyond-zone-viewer .card[data-crystal-realm]{outline:4px solid var(--crystal-realm-color);outline-offset:-4px}#shardsofbeyond-zone-viewer .card.pickable{box-shadow:inset 0 0 0 4px var(--accent-strong),inset 0 0 18px 6px var(--accent)}.scroll-arrow{position:fixed;z-index:9600;display:flex;background:color-mix(in srgb,var(--stone-dark)72%,transparent);color:var(--accent-strong);font-size:var(--text-l);opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items: center;width:34px;height:34px;transition:opacity .15s ease-out;font-weight:700;line-height:1;top:0;left:0}.scroll-arrow.visible{opacity:.5;pointer-events:auto;cursor:pointer}.scroll-arrow--left:before{content:"‹"}.scroll-arrow--right:before{content:"›"}#shardsofbeyond-zone-viewer .card.crystalborn-locked{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent)50%,transparent);opacity:.6;cursor:default}#shardsofbeyond-zone-viewer .card.crystalborn-playable{box-shadow:0 0 0 3px var(--accent-strong),0 0 18px 5px var(--accent)}#shardsofbeyond-zone-viewer-close{margin-top:var(--space-3);padding:var(--space-2)var(--space-5);font-family:inherit;font-weight:700;font-size:var(--text-m);letter-spacing:.08em;text-transform:uppercase;border-radius:.4em}#shardsofbeyond-dialog-card{object-fit:contain;border-radius:6px;flex:0 auto;width:100%;min-height:0;max-height:46vh}#shardsofbeyond-dialog-content{display:flex;gap:var(--space-2);margin-top:var(--space-3);flex-direction:row;justify-content:center}#shardsofbeyond-dialog-content button{padding:var(--space-3)0;font-family:inherit;font-weight:700;font-size:var(--text-m);letter-spacing:.08em;text-transform:uppercase;border-radius:.4em;width:50%}#shardsofbeyond-dialog-text{text-align:center;padding:var(--space-2)0;color:var(--ink);flex:none;font-weight:700}#shardsofbeyond-tooltip{position:fixed;bottom:var(--space-5);box-sizing:border-box;width:min(22rem,calc(100vw - 2*var(--space-3)));padding:var(--space-3);text-align:left;font-family:var(--font-body);font-size:var(--text-s);color:var(--ink);background:linear-gradient(145deg,var(--control-face),var(--shadow-ink));border:.06rem solid var(--control-edge);border-left:.16rem solid var(--accent);border-radius:var(--control-radius);box-shadow:var(--shadow-drop);pointer-events:none;z-index:100;visibility:hidden;opacity:0;transition:opacity var(--dur-fast);line-height:1.5;left:50%;transform:translate(-50%)}#shardsofbeyond-tooltip strong{display:block;color:var(--accent-strong);letter-spacing:.06em;font-size:.95em;font-weight:400}#shardsofbeyond-tooltip p{margin:var(--space-1)0 0}#shardsofbeyond-tooltip.visible{visibility:visible;opacity:1}#shardsofbeyond-crystalborn-cancel{position:fixed;top:var(--space-3);z-index:200;padding:var(--space-2)var(--space-4);font-family:var(--font-body);font-size:var(--text-m);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--control-radius);width:auto;left:50%;transform:translate(-50%)}#shardsofbeyond-prompt .button{padding:var(--space-2)var(--space-4);font-family:var(--font-body);font-size:var(--text-m);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--control-radius);width:auto;min-width:8rem;font-weight:400}.end-turn-button{padding:var(--space-3)0;font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;border-radius:var(--control-radius);width:clamp(5.5rem,12vmin,8rem);font-size:.95em;font-weight:700}.end-turn-button.action.no-legal-actions:not(:disabled){color:var(--accent-strong);border-color:var(--accent);box-shadow:inset 0 .07em 0 color-mix(in srgb,var(--ivory)20%,transparent),inset 0 -.16em 0 color-mix(in srgb,var(--accent)65%,transparent),0 0 .6em color-mix(in srgb,var(--accent)18%,transparent)}.power,.vertical-powers .vertical-power{font-family:var(--font-display);color:var(--ink);text-shadow:0 0 3px var(--shadow-ink),0 1px 2px var(--shadow-ink);text-align:center;font-size:1.3em;font-weight:700}.power{display:flex;flex-direction:column;justify-content:center;min-width:1.5em;margin-right:.4em}sob-lane-power{--lane-ink:var(--ink-muted);position:relative;display:inline-flex;box-sizing:border-box;border:.06rem solid color-mix(in srgb,var(--lane-ink)32%,transparent);border-radius:var(--control-radius);color:var(--lane-ink);background:color-mix(in srgb,var(--shadow-ink)50%,transparent);font-family:var(--font-display);font-variant-numeric:tabular-nums;text-shadow:none;transition:color var(--dur-med),background-color var(--dur-med),border-color var(--dur-med);justify-content:center;align-self: center;align-items: center;width:1.65rem;height:1.3rem;font-size:.75em;font-weight:400;line-height:1}sob-lane-power.lane-majority{--lane-ink:var(--owner-you)}sob-lane-power.lane-minority{--lane-ink:var(--owner-enemy-ink)}sob-lane-power:not(.neutral):after{content:"";position:absolute;background:var(--lane-ink);clip-path:polygon(0 0,100% 0,50% 100%);width:.4rem;height:.2rem;left:calc(50% - .2rem)}sob-lane-power.lane-majority:after{top:calc(100% + .12rem)}sob-lane-power.lane-minority:after{bottom:calc(100% + .12rem);transform:rotate(180deg)}sob-lane-power.lane-owned{color:var(--shadow-ink);background:var(--lane-ink);border-color:var(--lane-ink);box-shadow:0 0 .65rem color-mix(in srgb,var(--lane-ink)30%,transparent)}.vertical-powers{display:flex}.vertical-powers .vertical-power{padding-top:var(--space-1);border:none;flex:1 1 0;margin:0 .8}.power-spacer{visibility:hidden}.lane .won-by-me{background-color:var(--owner-you-glow)}.lane .won-by-opponent{background-color:color-mix(in srgb,var(--danger)30%,transparent)}.duel-ended col.won-by-me{animation:col-pulse 1.1s ease-in-out infinite}.duel-ended col.won-by-opponent{animation:col-pulse-opponent 1.1s ease-in-out infinite}@keyframes col-pulse{0%,to{background-color:color-mix(in srgb,var(--owner-you)18%,transparent)}50%{background-color:color-mix(in srgb,var(--owner-you)55%,transparent)}}@keyframes col-pulse-opponent{0%,to{background-color:color-mix(in srgb,var(--danger)18%,transparent)}50%{background-color:color-mix(in srgb,var(--danger)55%,transparent)}}.duel-ended .won-by-opponent{animation:lane-pulse-them 1.1s var(--ease-ceremonial)infinite}@keyframes lane-pulse-them{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--danger)50%,transparent)}50%{box-shadow:0 0 16px 5px color-mix(in srgb,var(--danger)90%,transparent)}}.effect-target-flash{position:relative;z-index:7;outline:3px solid var(--danger);outline-offset:-2px;animation:target-flash var(--dur-slow)var(--ease-ceremonial)infinite alternate}@keyframes target-flash{0%{box-shadow:0 0 8px 2px color-mix(in srgb,var(--danger)55%,transparent)}to{box-shadow:0 0 20px 7px color-mix(in srgb,var(--danger)95%,transparent)}}.duel-ended .slot.vlane-won-me{position:relative;z-index:6;animation:lane-pulse 1.1s var(--ease-ceremonial)infinite}.duel-ended .slot.vlane-won-them{position:relative;z-index:6;animation:lane-pulse-them 1.1s var(--ease-ceremonial)infinite}.slot.lane-flash-me,.slot.lane-flash-them{position:relative;z-index:6}.slot.lane-flash-me{animation:lane-flash-me calc(var(--dur-slow) + var(--dur-fast))var(--ease-ceremonial)2}.slot.lane-flash-them{animation:lane-flash-them calc(var(--dur-slow) + var(--dur-fast))var(--ease-ceremonial)2}@keyframes lane-flash-me{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 18px 6px color-mix(in srgb,var(--owner-you)85%,transparent)}}@keyframes lane-flash-them{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 18px 6px color-mix(in srgb,var(--danger)85%,transparent)}}.pickable,sob-match .pickable{cursor:pointer;box-shadow:0 0 0 3px var(--accent-strong),0 0 16px 4px var(--accent)}.pickable.pick-selected{box-shadow:0 0 0 3px var(--accent-strong),0 0 22px 8px var(--accent-strong);transform:translateY(-8%)}.pickable.pick-selected:after{content:"✓";position:absolute;display:flex;background:var(--accent-strong);color:var(--shadow-ink);border:.1em solid var(--shadow-ink);box-shadow:0 0 .2em var(--shadow-ink);pointer-events:none;border-radius:50%;justify-content:center;align-items: center;width:1.4em;height:1.4em;font-weight:700;top:4%;left:6%}.action:not(.end-turn-button){cursor:pointer;--drag-glow:0;box-shadow:0 0 6px 2px var(--action-color),0 0 calc(22px*var(--drag-glow))calc(6px*var(--drag-glow))var(--action-color);transition:box-shadow 60ms linear}.drop-target-active{--drag-glow:1;outline:2px solid var(--action-color);outline-offset:-1px}.action.crystallize{--action-color:var(--owner-you);--action-hover-color:color-mix(in oklab,var(--owner-you),var(--stone)30%)}.action.play,.action.summon{--action-color:var(--accent);--action-hover-color:var(--accent-strong)}.action.channel{--action-color:color-mix(in oklab,var(--realm-void),var(--ink)45%);--action-hover-color:color-mix(in oklab,var(--realm-void),var(--ink)65%)}.discard-pile{display:flex;aspect-ratio:5/7;border:1px dashed var(--ink-muted);cursor:pointer;background:color-mix(in srgb,var(--shadow-ink)35%,transparent);border-radius:.25em;justify-content:center;align-items: center;height:clamp(3.2em,9vh,5.5em);margin-right:1.5vw}.discard-pile .discard-count{font-family:var(--font-display);font-size:var(--text-m);color:var(--ink-muted)}.discard-pile.action{position:relative;z-index:10;transition:transform var(--dur-fast)var(--ease-settle),box-shadow 60ms linear;box-shadow:0 0 10px 4px var(--action-color),0 0 calc(36px*var(--drag-glow))calc(14px*var(--drag-glow))var(--action-color);transform:scale(1.1)}.discard-pile.drop-target-active{transform:scale(1.25)}#shardsofbeyond-effect-source{position:fixed;z-index:60;display:flex;align-items: center;gap:var(--space-2);flex-direction:column;top:50%;left:.5vw;transform:translateY(-50%)}#shardsofbeyond-effect-source[hidden]{display:none}#shardsofbeyond-effect-source-card{aspect-ratio:5/7;object-fit:contain;box-shadow:0 4px 16px color-mix(in srgb,var(--shadow-ink)65%,transparent);border-radius:6px;width:min(50vw,44.2857vh,420px)}#shardsofbeyond-effect-source.collapsed #shardsofbeyond-effect-source-card{display:none}#shardsofbeyond-effect-source-toggle{font-family:var(--font-body);color:var(--stone-dark);background:var(--parchment);border:2px solid var(--accent);padding:var(--space-2)var(--space-3);cursor:pointer;border-radius:5px;font-size:.85em;font-weight:700}@media (max-width:600px){.hand{height:27vh;padding:1.2vh 2vw}.hand .card{height:24vh}.end-turn-button{padding:var(--space-2)0;width:clamp(3.5rem,9vmin,5rem);font-size:.7em;right:.5vw}.crystal-zone{max-width:68vw;padding:0 1vw}.crystal-zone .realm{width:clamp(2.2rem,9vw,4rem)}.discard-pile{height:clamp(2.8em,8vh,4.5em);margin-right:1vw}.board{border-left:none;border-right:none;border-radius:0;width:100vw;max-width:100vw;padding-left:0;padding-right:0}.power{min-width:1em;margin-right:.1em;font-size:1.05em}.lane .slot{margin:.3}.slot .card .card-art{object-position:center 35%;transform-origin:center 35%;transform:scale(1.8)}.slot .card .card-power{color:var(--ink);font-size:40cqw;font-family:var(--font-body);text-shadow:0 3px 4px color-mix(in srgb,var(--shadow-ink)90%,transparent),2px 3px 5px color-mix(in srgb,var(--shadow-ink)70%,transparent),0 0 4px var(--shadow-ink);width:1.4em;height:1.4em;font-weight:700;top:auto;bottom:5%;transform:translate(-50%)}.slot .card .card-power.neutral,.slot .card.has-live-power .card-power{display:flex}.slot .card .card-power.higher,.slot .card .card-power.lower{background:0 0;border:none}.slot .card .card-power.higher{color:var(--owner-you)}.slot .card .card-power.lower{color:var(--danger)}#shardsofbeyond-effect-source{top:35%}}sob-match .match-board .card.card-synergy:not(.effect-target){outline:.14rem dashed var(--accent-strong);outline-offset:.1rem;box-shadow:0 0 .65rem color-mix(in oklab,var(--accent-strong)30%,transparent)}sob-match .match-board .card.effect-target,sob-match .effect-target{outline:.2rem solid var(--accent-strong);outline-offset:.1rem;box-shadow:0 0 .8rem color-mix(in oklab,var(--accent-strong)50%,transparent)}sob-match{--match-well-shadow:inset 0 0 2.4em color-mix(in srgb,var(--shadow-ink)36%,transparent),inset 0 .18em 1.3em color-mix(in srgb,var(--shadow-ink)28%,transparent);--match-slot-shadow:inset 0 .12em .55em color-mix(in srgb,var(--shadow-ink)40%,transparent),inset 0 -.06em .4em color-mix(in srgb,var(--shadow-ink)18%,transparent),inset .06em 0 .4em color-mix(in srgb,var(--shadow-ink)16%,transparent),inset -.06em 0 .4em color-mix(in srgb,var(--shadow-ink)16%,transparent);--match-crystal-zone-h:clamp(4.6rem,10.5vh,6.2rem);--match-discard-h:clamp(5.8rem,18vh,9.5rem);--zone-count-size:calc(var(--match-crystal-zone-h)*.88);--match-power-size:1.3rem;--match-power-col:calc(1.5*var(--match-power-size));--match-power-gap:calc(.4*var(--match-power-size));--match-lane-gutter-x:calc(var(--match-power-col) + var(--match-power-gap));--match-lane-gutter-y:calc(1.2*var(--match-power-size) + var(--space-1));--match-board-top-gap:var(--match-lane-gutter-y);--match-discard-gap:calc(var(--match-lane-gutter-x) + .75rem);position:relative;display:grid;grid-template-columns:minmax(0,1fr)auto minmax(0,1fr);column-gap:var(--match-discard-gap);grid-template-rows:var(--match-crystal-zone-h)var(--match-board-top-gap)minmax(0,1fr)var(--match-lane-gutter-y)var(--match-crystal-zone-h).5rem auto;box-sizing:border-box;padding-top:.5rem;padding-right:.75rem;padding-bottom:calc(3.5rem + env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:hidden;background-color:#0000;background-image:none;align-items:stretch;width:100%;height:100%;padding-left:0}.match-inspector{grid-column:1;grid-row:3;position:relative;anchor-name:--match-inspector;z-index:80;box-sizing:border-box;display:flex;pointer-events:none;overflow-x:visible;overflow-y:visible;flex-direction:column;justify-content:center;place-self:stretch;align-items: center;width:auto;max-width:100%;height:100%;padding:0 .75rem}.match-opponent,.match-you{display:grid;grid-template-columns:subgrid;grid-template-rows:minmax(0,1fr);grid-column:1/-1;height:var(--match-crystal-zone-h);max-height:var(--match-crystal-zone-h);overflow-x:visible;overflow-y:visible;align-items: center;width:auto;min-height:0}.match-inspector #shardsofbeyond-tooltip{position:absolute;left:.75rem;right:.75rem;bottom:var(--space-2);width:auto;transform:none}.match-opponent{grid-row:1;align-self: start}.match-you{grid-row:5;align-self: start}.match-board{grid-column:2;grid-row:3;position:relative;anchor-name:--match-board;display:grid;grid-template-columns:minmax(0,auto);grid-template-rows:minmax(0,1fr);overflow-x:visible;overflow-y:visible;justify-content:center;justify-items:center;width:auto;min-width:0;height:100%;min-height:0}sob-lane-progress{--lane-owner:var(--ink-muted);position:absolute;left:calc(100% + var(--space-1));width:calc(var(--match-discard-gap) - 2*var(--space-1));display:grid;grid-template-rows:auto minmax(0,1fr)auto;gap:var(--space-2);z-index:2;pointer-events:none;max-width:2.4rem;height:min(88%,29rem);top:50%;transform:translateY(-50%)}sob-lane-progress [data-lane-player=opponent],.lane-progress-step[data-owner=opponent]{--lane-owner:color-mix(in oklab,var(--owner-enemy-ink),var(--ivory)25%)}sob-lane-progress [data-lane-player=you],.lane-progress-step[data-owner=you]{--lane-owner:var(--owner-you)}sob-lane-progress [data-lane-player]{display:flex;align-items: center;gap:var(--space-1);color:var(--lane-owner);text-shadow:0 0 .3rem var(--shadow-ink);flex-direction:column;min-width:0}sob-lane-progress [data-lane-player=you]{flex-direction:column-reverse}.lane-progress-label{text-transform:uppercase;letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.65rem}.lane-progress-count{font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:400;line-height:1}.lane-progress-track{display:flex;flex-direction:column;justify-content:center;align-items: center;gap:.35rem;width:100%;min-height:0}.lane-progress-step{position:relative;box-sizing:border-box;border:.06rem solid color-mix(in srgb,var(--lane-owner)35%,transparent);background:color-mix(in srgb,var(--shadow-ink)55%,transparent);border-radius:var(--control-radius);transition:background-color var(--dur-med),box-shadow var(--dur-med);flex:1 1 0;width:1.45rem;height:1.65rem;min-height:0;max-height:2rem}.lane-progress-step[data-goal]{border-color:var(--accent);color:var(--accent-strong);clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);flex-grow:1.2;width:1.9rem}.lane-progress-step[data-goal]:after{content:"";position:absolute;border:.08rem solid;inset:28% 33%;transform:rotate(45deg)}.lane-progress-step[data-owner]{background:var(--lane-owner);border-color:var(--lane-owner);color:var(--shadow-ink);box-shadow:0 0 .6rem color-mix(in srgb,var(--lane-owner)38%,transparent)}.lane-progress-step[data-goal][data-owner]{background:var(--accent-strong);border-color:var(--accent-strong)}.match-hand{grid-column:1/-1;grid-row:7;overflow-x:hidden;overflow-y:hidden;width:100%;min-height:0}#shardsofbeyond-target:has(>sob-match){overflow-x:hidden;overflow-y:hidden;background-color:#0000;background-image:none}body:has(sob-match) .build-stamp{display:none}sob-match .player-header{position:relative;display:grid;grid-template-columns:subgrid;grid-template-rows:minmax(0,1fr);grid-column:1/-1;overflow-x:visible;overflow-y:visible;align-items: center;width:auto;height:100%;min-height:0;max-height:100%}sob-match .player-name{position:absolute;z-index:4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;max-width:8rem;top:50%;left:.75rem;transform:translateY(-50%)}sob-crystal-zone.crystal-zone{--gem-size:min(3.6rem,calc(var(--match-crystal-zone-h) - .9rem));--gem-gap:.4rem;position:relative;display:flex;box-sizing:border-box;grid-column:2;height:var(--match-crystal-zone-h);min-height:var(--match-crystal-zone-h);padding-top:.45rem;padding-bottom:.45rem;padding-right:4.2rem;padding-left:calc((var(--match-crystal-zone-h) - var(--gem-size))/2);overflow-x:hidden;overflow-y:hidden;background-color:#0000;background-image:none;border-radius:.45em;flex-flow:row;justify-content:flex-start;justify-self:stretch;align-items: center;gap:0;width:auto;min-width:0;max-width:none;max-height:none}sob-crystal-zone.crystal-zone:after,sob-match .board:after{content:"";position:absolute;z-index:2;pointer-events:none;border-radius:inherit;box-shadow:var(--match-well-shadow);inset:0}sob-crystal-zone:has(.crystal-summary) .crystal-gem{margin-left:min(var(--gem-gap),calc((100% - var(--gem-size)*(sibling-count() - 1))/max(1,sibling-count() - 2)))}sob-crystal-zone .crystal-gem{position:relative;z-index:1;flex-grow:0;flex-shrink:0;flex-basis:var(--gem-size);width:var(--gem-size);height:var(--gem-size);margin-left:min(var(--gem-gap),calc((100% - var(--gem-size)*sibling-count())/max(1,sibling-count() - 1)));overflow:hidden;background-color:color-mix(in srgb,var(--gem-realm,var(--stone-line))55%,var(--stone));box-shadow:inset 0 0 .35rem color-mix(in srgb,var(--gem-realm,var(--stone-line))45%,transparent);filter:drop-shadow(0 0 .45rem color-mix(in srgb,var(--gem-realm,var(--stone-line))75%,transparent));border-radius:50% 50% 42% 42%;min-width:0}sob-crystal-zone .crystal-gem:nth-child(2),sob-crystal-zone .crystal-gem:first-child{margin-left:0}sob-crystal-zone .crystal-gem:hover{z-index:3}sob-crystal-zone .crystal-gem .card-art{object-fit:cover;object-position:center calc(100%/3);opacity:.72;width:100%;height:100%}sob-crystal-zone .crystal-gem.face-down .card-art{opacity:1;object-position:center center;width:110%;height:107.143%}sob-crystal-zone .crystal-gem .card-power{display:none}sob-crystal-zone .crystal-gem .card-tokens{position:absolute;display:flex;flex-direction:row;justify-content:center;align-items: center;gap:.08em;font-size:2.4em;inset:0}sob-crystal-zone .crystal-gem .card-token{text-shadow:0 0 .25em var(--gem-realm,var(--accent)),0 1px 2px var(--shadow-ink);background-color:#0000;border-width:0;min-width:1em;height:1em;padding:0;font-size:1em}sob-crystal-zone .crystal-gem.spent{opacity:.45}sob-crystal-zone .crystal-gem.pickable,sob-crystal-zone .crystal-gem.crystalborn-playable{z-index:3;outline:2px solid var(--accent-strong);outline-offset:-2px}sob-crystal-zone .crystal-gem[data-crystal-realm=Divine]{--gem-realm:var(--realm-divine)}sob-crystal-zone .crystal-gem[data-crystal-realm=Elemental]{--gem-realm:var(--realm-elemental)}sob-crystal-zone .crystal-gem[data-crystal-realm=Mortal]{--gem-realm:var(--realm-mortal)}sob-crystal-zone .crystal-gem[data-crystal-realm=Nature]{--gem-realm:var(--realm-nature)}sob-crystal-zone .crystal-gem[data-crystal-realm=Void]{--gem-realm:var(--realm-void)}.match-hand .hand{--fan-step:0deg;--hand-card-h:16.5dvh;--hand-card-w:calc(var(--hand-card-h)*5/7);height:calc(var(--hand-card-h) + 1.5rem);overflow-x:visible;overflow-y:hidden;touch-action:none;justify-content:center;align-items: flex-start;padding-block-start:.65rem;padding-block-end:.65rem}.match-hand .hand:has(>:nth-child(2)){--fan-step:3.2deg}.match-hand .hand:has(>:nth-child(3)){--fan-step:2.8deg}.match-hand .hand:has(>:nth-child(4)){--fan-step:2.4deg}.match-hand .hand:has(>:nth-child(5)){--fan-step:2deg}.match-hand .hand:has(>:nth-child(6)){--fan-step:1.7deg}.match-hand .hand:has(>:nth-child(8)){--fan-step:1.3deg}.match-hand .hand:has(>:nth-child(10)){--fan-step:1deg}.match-hand .hand>.card{--fan-i:calc(sibling-index() - 1);--fan-n:sibling-count();height:var(--hand-card-h);touch-action:none;animation:none;transform:rotate(calc((var(--fan-i,0) - (var(--fan-n,1) - 1)/2)*var(--fan-step,0deg)));transform-origin:50% 108%;margin-left:-1.6rem;transition:none}.match-hand .hand>.card:first-child{margin-left:0}.match-hand .hand>.card:hover{z-index:8;transform:rotate(calc((var(--fan-i,0) - (var(--fan-n,1) - 1)/2)*var(--fan-step,0deg)))translateY(-.35rem)}sob-card-inspector{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items: center;width:100%;max-width:100%;height:100%;max-height:100%}sob-card-inspector .card{grid-area:1/1;aspect-ratio:5/7;outline-width:0;box-shadow:none;overflow-x:visible;overflow-y:visible;pointer-events:none;border-width:0;width:auto;max-width:100%;height:calc(85% - 1.7rem)}.match-inspector sob-card-inspector{container-type:size}.match-inspector sob-card-inspector .card{width:min(100cqw,71.4286cqh - .714286rem);height:auto}sob-card-inspector>.card:not([data-active]){visibility:hidden}sob-match .board{position:relative;aspect-ratio:5/4;background-color:#0000;background-image:none;border-width:0;border-radius:.45em;place-self:stretch center;width:auto;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;padding:0}sob-match .lane>.power{position:absolute;font-size:var(--match-power-size);box-sizing:border-box;width:var(--match-power-col);min-width:var(--match-power-col);margin-right:var(--match-power-gap);line-height:1.2;top:0;bottom:0;right:100%}sob-match .vertical-powers{position:absolute;height:var(--match-lane-gutter-y);min-height:var(--match-lane-gutter-y);box-sizing:border-box;align-items: center;top:100%;left:0;right:0}sob-match .vertical-powers .power-spacer{display:none}sob-match .vertical-powers .vertical-power{font-size:var(--match-power-size);padding-top:0;line-height:1.2}sob-match .lane,sob-match .slot,sob-match .power{position:relative;z-index:1}sob-match .vertical-powers,sob-match .lane>.power{z-index:1}sob-match .slot,sob-match .slot.panel--sunken{border-color:color-mix(in srgb,var(--line)35%,transparent);background-color:#0000;background-image:none}sob-match .slot:not(.pickable):not(.action),sob-match .slot.panel--sunken:not(.pickable):not(.action){box-shadow:none}sob-match .slot:after{content:"";position:absolute;z-index:2;pointer-events:none;box-shadow:var(--match-slot-shadow);inset:0}sob-match .slot.slot-friendly:before,sob-match .slot.slot-enemy:before{content:"";position:absolute;z-index:0;pointer-events:none;inset:0}sob-match .slot-influence{--influence-color:var(--accent-strong);position:absolute;z-index:3;pointer-events:none;color:var(--influence-color);inset:.18rem}sob-match .slot-influence:before{content:"";position:absolute;box-shadow:inset 0 0 .65rem color-mix(in srgb,currentColor 24%,transparent);animation:taunt-field calc(var(--dur-slow)*4)ease-out infinite;border:.08rem solid;inset:0}sob-match .slot-influence:after{content:"";position:absolute;opacity:.65;filter:drop-shadow(0 .06rem .12rem var(--shadow-ink));mask-size:contain;mask-repeat:no-repeat;mask-position:center;mask-image:var(--icon-taunt);background:currentColor;width:clamp(1.25rem,3.4vmin,2.25rem);height:clamp(1.25rem,3.4vmin,2.25rem);top:50%;left:50%;transform:translate(-50%,-50%)}sob-match .slot-influence[data-effect=intimidate]{--influence-color:color-mix(in oklab,var(--danger),var(--ivory)25%)}sob-match .slot-influence[data-effect=intimidate]:before{animation-name:intimidate-field;border-style:dashed}sob-match .slot-influence[data-effect=intimidate]:after{mask-image:var(--icon-intimidate)}sob-match .slot:has([data-effect=taunt]) .slot-influence[data-effect=intimidate]:after{left:66%}sob-match .slot:has([data-effect=intimidate]) .slot-influence[data-effect=taunt]:after{left:34%}@keyframes taunt-field{0%,to{opacity:.15;transform:scale(1)}45%{opacity:.65}85%{opacity:0;transform:scale(.83)}}@keyframes intimidate-field{0%,to{opacity:.1;transform:scale(.83)}45%{opacity:.6}85%{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){sob-match .slot-influence:before{animation:none;opacity:.45}}sob-match .slot.slot-friendly:before{box-shadow:0 0 .28em .05em color-mix(in srgb,var(--owner-you)62%,transparent),0 0 .7em .1em color-mix(in srgb,var(--owner-you)38%,transparent)}sob-match .slot.slot-enemy:before{box-shadow:0 0 .28em .05em color-mix(in srgb,var(--owner-enemy-frame)72%,transparent),0 0 .7em .1em color-mix(in srgb,var(--owner-enemy-frame)48%,transparent)}sob-match .slot .card{outline-width:0;border-width:0}sob-match .slot .card:not(.pickable):not(.action){box-shadow:none}sob-card-inspector[data-faded]>.card{opacity:0;pointer-events:none}sob-match[data-inspector=off] sob-card-inspector{visibility:hidden}.match-toggle{position:fixed;bottom:max(var(--space-4),env(safe-area-inset-bottom));z-index:120;box-shadow:none;color:var(--gold-bright);font-size:var(--text-m);opacity:1;cursor:pointer;filter:drop-shadow(0 0 .35em color-mix(in srgb,var(--gold-bright)80%,transparent));background-color:#0000;background-image:none;border:none;border-radius:0;width:2.75rem;height:2.75rem;padding:0;line-height:1}.match-toggle[aria-pressed=false]{color:var(--ivory);opacity:.85;filter:none}.match-toggle--inspector{left:calc(var(--space-5) + 2*3rem)}body:has(sob-playtest-menu) .match-toggle--inspector{left:calc(var(--space-5) + 3*clamp(2.1rem,5vmin,3rem))}.match-toggle--inspector:before{content:"▣"}.match-toggle--log{right:calc(var(--space-5) + 3rem)}.match-toggle--log:before{content:"☰"}.match-log,sob-match>sob-tutorial-guide{grid-column:3;grid-row:3;position:relative;contain:size;display:flex;overflow:hidden;border:.6rem solid #0000;border-image-source:var(--popup-frame);border-image-slice:40 fill;color:var(--ink);font:.8rem/1.4 var(--font-body);box-shadow:var(--shadow-drop);background:0 0;border-image-repeat:stretch;flex-direction:column;gap:.35rem;min-width:0;min-height:0;padding:.35rem}sob-match[data-log=off] .match-log,sob-match:not([data-log=off])>sob-tutorial-guide{display:none}@media (max-width:64rem){#shardsofbeyond-target.tutorial-running:has(>sob-match){display:block;overflow-y:auto}sob-match[data-tutorial]{grid-template-rows:minmax(24rem,44dvh)var(--match-crystal-zone-h)var(--match-lane-gutter-y)minmax(20rem,1fr)var(--match-lane-gutter-y)var(--match-crystal-zone-h).5rem auto;height:auto;min-height:100%}sob-match[data-tutorial]>sob-tutorial-guide{display:flex;grid-column:1/-1;grid-row:1;margin-bottom:var(--space-3)}sob-match[data-tutorial]>.match-opponent{grid-row:2}sob-match[data-tutorial]>:-webkit-any(.match-board,.match-inspector,.match-log){grid-row:4}sob-match[data-tutorial]>:-moz-any(.match-board,.match-inspector,.match-log){grid-row:4}sob-match[data-tutorial]>:is(.match-board,.match-inspector,.match-log){grid-row:4}sob-match[data-tutorial]>.match-you{grid-row:6}sob-match[data-tutorial]>.match-hand{grid-row:8}}.match-log>header,.match-log-event-heading{display:flex;justify-content:space-between;align-items: center;gap:.6rem}.match-log h2{color:var(--accent-strong);font:normal .85rem var(--font-body);letter-spacing:.06em;text-transform:uppercase;margin:0}.match-log-count{color:var(--ink-muted);margin-left:auto;font-size:.7rem}.match-log .match-log-close{box-shadow:none;color:var(--ink-muted);font:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;width:1.5rem;min-height:1.5rem;padding:0}.match-log-close:before{content:"×";font-size:1.3rem}.match-log input[type=search]{font:inherit;min-width:0;min-height:2.25rem}.match-log-filters{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.match-log-filters select{border:none;border-bottom:.06em solid var(--line);color:var(--ink);background:color-mix(in srgb,var(--shadow-ink)35%,transparent);font:inherit;--buncss-light: ;--buncss-dark:initial;color-scheme:dark;border-radius:0;min-width:0;min-height:2rem;padding:.35rem}.match-log-lines{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line)transparent;flex:1;min-height:0}.match-log ol{list-style:none;margin:0;padding:0}.match-log [hidden]{display:none!important}.match-log-turn{border-bottom:.06em solid color-mix(in srgb,var(--accent)45%,transparent);color:var(--accent-strong);cursor:pointer;padding:.7rem 0;font-size:.8rem}.match-log-entry{border-bottom:.06em solid color-mix(in srgb,var(--ivory)10%,transparent);overflow-wrap:anywhere;padding:.7rem .35rem}.match-log-event-heading strong{color:var(--ink);font-weight:400}.match-log-event-heading>span{color:var(--ink-muted);font-size:.7rem}.match-log-entry[data-side=you] .match-log-event-heading>span{color:var(--ivory)}.match-log-entry[data-kind=choice] .match-log-event-heading strong{color:var(--ink-muted)}.match-log :-webkit-any(.match-log-relation,.match-log-detail,.match-log-placement){margin:.25rem 0 0}.match-log :-moz-any(.match-log-relation,.match-log-detail,.match-log-placement){margin:.25rem 0 0}.match-log :is(.match-log-relation,.match-log-detail,.match-log-placement){margin:.25rem 0 0}.match-log-detail{color:var(--ink-muted);font-size:.75rem}.match-log-placement{color:var(--ink-muted);font-size:var(--text-s)}.match-log .match-log-position{border:.06em solid var(--control-edge);border-radius:var(--control-radius);background:var(--control-face);color:var(--accent-strong);font:inherit;letter-spacing:.06em;box-shadow:none;width:auto;min-width:2.2em;padding:.15em .35em}.match-log .match-log-position:hover{border-color:var(--accent-strong)}.match-log .match-log-card{display:inline;border:none;border-bottom:.06em dotted color-mix(in srgb,var(--accent)45%,transparent);box-shadow:none;color:var(--accent-strong);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:0;min-width:0;padding:0}.match-log-empty{color:var(--ink-muted);margin:1rem 0}.match-log-latest{font:inherit;cursor:pointer;padding:.55rem}.match-log :focus-visible{outline:.12em solid var(--accent-strong);outline-offset:.15em}.log-target-highlight{outline:.15rem solid var(--accent-strong);outline-offset:.15rem}.match-opponent .player-end{align-self: center}body:has(sob-match) #shardsofbeyond-effect-source{display:none}sob-match .discard-pile{display:flex;align-items: center;gap:var(--space-1);grid-column:1;z-index:6;aspect-ratio:auto;cursor:pointer;background-color:#0000;border-width:0;flex-direction:column;flex:none;justify-self:end;height:auto;transform:none}.match-opponent .discard-pile{flex-direction:column;align-self: start}.match-you .discard-pile{flex-direction:column-reverse;align-self: end}sob-match .discard-well{position:relative;height:var(--match-discard-h);aspect-ratio:5/7;overflow-x:hidden;overflow-y:hidden;border-radius:.45em}sob-match .discard-well:after{content:"";position:absolute;z-index:2;pointer-events:none;border-radius:inherit;box-shadow:var(--match-well-shadow);inset:0}sob-match .discard-well .card{border-width:0;width:100%;height:100%;margin:0}.match-opponent .discard-well .card{transform:rotate(180deg)}sob-match .discard-well:not(:has(.card)):before{content:"Discard Pile";position:absolute;z-index:1;display:flex;pointer-events:none;font-family:var(--font-display);font-size:var(--text-s);color:var(--ink-muted);letter-spacing:.08em;text-align:center;text-shadow:0 .08em .18em var(--shadow-ink);flex-direction:column;justify-content:center;align-items: center;inset:0}sob-crystal-zone.crystal-zone:not(:has(.crystal-gem)):before{content:"Discard Pile";position:absolute;z-index:1;display:flex;pointer-events:none;font-family:var(--font-display);font-size:var(--text-s);color:var(--ink-muted);letter-spacing:.08em;text-align:center;text-shadow:0 .08em .18em var(--shadow-ink);flex-direction:column;justify-content:center;align-items: center;inset:0}sob-crystal-zone.crystal-zone:not(:has(.crystal-gem)):before{content:"Crystal Zone"}sob-match .discard-count{font-family:var(--font-display);font-size:var(--text-m);color:var(--ink-muted)}sob-match .discard-pile.empty .discard-count{display:none}sob-match .player-end{display:flex;justify-content:flex-start;align-items: center;gap:var(--space-2);grid-column:3;z-index:6;flex-direction:row;flex:none;justify-self:start;min-width:0}sob-match .zone-count{position:relative;display:flex;width:var(--zone-count-size);height:calc(var(--zone-count-size)*.82);flex-direction:column;flex-grow:0;flex-shrink:0;flex-basis:var(--zone-count-size);box-sizing:border-box;font-family:var(--font-display);font-size:var(--text-s);color:var(--ivory);text-shadow:0 .1em .35em var(--shadow-ink);justify-content:center;align-items: center;gap:.45em;padding:.3em}sob-match .zone-count-label{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-strong);font-size:.75em;line-height:1}sob-match .zone-count-value{font-variant-numeric:tabular-nums;font-size:2.1em;font-weight:400;line-height:1}sob-match .zone-count:after{content:"";position:absolute;background:linear-gradient(90deg,transparent,var(--accent),transparent);height:.06rem;bottom:0;left:15%;right:15%}.match-opponent .zone-count[data-zone=deck]{order:-1}sob-match .player-end .end-turn-button{anchor-name:--match-turn;position:static;letter-spacing:.06em;white-space:nowrap;flex:none;width:auto;min-width:6.5rem;min-height:2.75rem;margin-right:0;padding:.65em .85em;font-size:clamp(.8rem,1.7vmin,1rem)}sob-match .player-end .end-turn-button,sob-match-outcome[data-view=board] button{position:relative;letter-spacing:.09em;color:var(--ink-muted);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--shadow-ink)45%,transparent),transparent);box-shadow:none;text-shadow:0 .1em .3em var(--shadow-ink);border:0;border-radius:0;padding:.8em .65em;font-size:.85rem;font-weight:400}sob-match .player-end .end-turn-button:before,sob-match .player-end .end-turn-button:after,sob-match-outcome[data-view=board] button:before,sob-match-outcome[data-view=board] button:after{content:"";position:absolute;background:linear-gradient(90deg,#0000,currentColor,#0000);height:.06rem;left:8%;right:8%}sob-match .player-end .end-turn-button:before,sob-match-outcome[data-view=board] button:before{top:0}sob-match .player-end .end-turn-button:after,sob-match-outcome[data-view=board] button:after{bottom:0}sob-match .player-end .end-turn-button.action,sob-match-outcome[data-view=board] button{color:var(--accent-strong)}sob-match .player-end .end-turn-button:hover:not(:disabled),sob-match-outcome[data-view=board] button:hover{color:var(--ivory);filter:drop-shadow(0 0 .3em color-mix(in srgb,var(--accent)55%,transparent))}@media (hover:none) and (pointer:coarse){.match-inspector,.match-toggle--inspector{display:none}body:has(sob-match) #shardsofbeyond-effect-source{display:flex}body:has(sob-match) #shardsofbeyond-effect-source[hidden]{display:none}}@media (max-width:600px){sob-match .zone-count{padding:.45em;font-size:.65rem}sob-match .match-you .zone-count{flex-basis:3.2rem;width:3.2rem}sob-match .match-you .player-end{gap:var(--space-1)}sob-match .player-end .end-turn-button{letter-spacing:.06em;width:4rem;font-size:.65rem}sob-match{grid-template-columns:minmax(0,1fr)auto minmax(0,1fr);column-gap:var(--space-2);--match-discard-h:clamp(3.4rem,11vh,5rem);--zone-count-size:calc(var(--match-crystal-zone-h)*.7)}sob-match .player-end{justify-self:end;gap:var(--space-1)}sob-match .end-turn-button{padding:var(--space-2)0;width:clamp(3.5rem,9vmin,5rem);font-size:.7em}sob-match .power{min-width:1em;margin-right:.1em;font-size:1.05em}sob-match .lane .slot{margin:.3}sob-match .slot .card .card-art{object-position:center 35%;transform-origin:center 35%;transform:scale(1.8)}sob-match .slot .card .card-art--dynamic{width:auto;height:260%;top:-34%;left:50%;right:auto;transform:translate(-50%)}sob-match .slot .card .card-power{color:var(--ink);font-size:40cqw;font-family:var(--font-body);text-shadow:0 3px 4px color-mix(in srgb,var(--shadow-ink)90%,transparent),2px 3px 5px color-mix(in srgb,var(--shadow-ink)70%,transparent),0 0 4px var(--shadow-ink);width:1.4em;height:1.4em;font-weight:700;top:auto;bottom:5%;transform:translate(-50%)}sob-match .slot .card .card-power.neutral{display:flex}sob-match .slot .card .card-power.higher,sob-match .slot .card .card-power.lower{background-color:#0000;background-image:none;border-width:0}sob-match .slot .card .card-power.higher{color:var(--owner-you)}sob-match .slot .card .card-power.lower{color:var(--danger)}}sob-crystal-zone{anchor-scope:--crystal-total}sob-crystal-zone .crystal-summary{position:absolute;z-index:4;top:50%;right:.65rem;transform:translateY(-50%)}sob-crystal-zone .crystal-total{anchor-name:--crystal-total;display:inline-flex;box-shadow:none;font-family:var(--font-body);font-variant-numeric:tabular-nums;color:var(--ink-muted);cursor:help;white-space:nowrap;text-shadow:0 .05em .15em var(--shadow-ink);background:0 0;border:0;border-radius:0;flex-direction:row;align-items:baseline;gap:.2em;padding:.6em .15em;font-size:clamp(.85rem,1.2vw,1rem);line-height:1}.crystal-total strong{color:var(--ink);font-weight:400}.crystal-total>span{font-size:.8em}sob-crystal-zone .crystal-total:hover,sob-crystal-zone .crystal-total[aria-expanded=true]{color:var(--accent-strong)}sob-crystal-zone .crystal-total:focus-visible{outline:.08em solid var(--accent);outline-offset:.15em}.crystal-details{position:fixed;position-anchor:--crystal-total;inset:auto;top:anchor(bottom);right:anchor(right);position-try-fallbacks:flip-block,flip-inline;padding:var(--space-3);box-sizing:border-box;border:.06rem solid var(--control-edge);border-radius:var(--control-radius);background:var(--control-face);box-shadow:var(--shadow-drop);color:var(--ink);font-family:var(--font-body);font-size:var(--text-s);width:min(15rem,85vw);margin:0}.match-you .crystal-details{top:auto;bottom:anchor(top)}.crystal-details h3{margin:0 0 var(--space-1);font-size:var(--text-m);color:var(--accent-strong);font-weight:400}.crystal-details p{color:var(--ink-muted);margin:0}.crystal-realms{display:flex;gap:var(--space-2);margin:var(--space-3)0;flex-direction:column}.crystal-realm-count{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-direction:row}.crystal-realm-count dt{display:flex;align-items: center;gap:var(--space-2);flex-direction:row}.crystal-realm-count dt:before{content:"";background:var(--gem-realm,var(--ink-muted));clip-path:polygon(50% 0,100% 35%,75% 100%,25% 100%,0 35%);width:.5em;height:.65em}.crystal-realm-count dd{font-variant-numeric:tabular-nums;margin:0}.crystal-realm-note{font-size:.85em;line-height:1.4}.crystal-realm-count[data-realm=Divine]{--gem-realm:var(--realm-divine)}.crystal-realm-count[data-realm=Elemental]{--gem-realm:var(--realm-elemental)}.crystal-realm-count[data-realm=Mortal]{--gem-realm:var(--realm-mortal)}.crystal-realm-count[data-realm=Nature]{--gem-realm:var(--realm-nature)}.crystal-realm-count[data-realm=Void]{--gem-realm:var(--realm-void)}@media (max-width:75rem){sob-match .player-end{justify-content:center;justify-self:center;gap:var(--space-1);flex-direction:column}sob-match{--zone-count-size:clamp(2.5rem,5.2vh,3.6rem)}sob-match .player-end .end-turn-button{min-width:0;padding-inline-start:.55em;padding-inline-end:.55em;font-size:clamp(.65rem,1.5vmin,.9rem)}}sob-match .player-name{display:grid;grid-template-columns:auto minmax(0,1fr);overflow:visible;align-items: center;gap:.15rem .6rem;max-width:clamp(8rem,14vw,13rem)}sob-match .player-name .profile-avatar{grid-column:1;grid-row:1/3}sob-match .player-display-name{grid-column:2;overflow:hidden;text-overflow:ellipsis}sob-match .match-format-label{grid-column:2;white-space:normal;font-size:.6rem;line-height:1.2}sob-match .opponent .player-display-name{grid-row:1/3;align-self: center}sob-match .card-selected{outline:.18em solid var(--accent-strong);outline-offset:.1em}@media (min-width:64.001rem){sob-match{--match-crystal-zone-h:clamp(3.25rem,6.5dvh,4rem);--zone-count-size:5rem;--match-opponent-discard-count-h:1.5rem;--match-you-discard-count-h:1.5rem;--match-board-top-gap:.5rem;padding-bottom:max(.25rem,env(safe-area-inset-bottom))}sob-match:has(.match-opponent .discard-pile.empty){--match-opponent-discard-count-h:0rem}sob-match:has(.match-you .discard-pile.empty){--match-you-discard-count-h:0rem}sob-match .player-name{position:relative;grid-column:1;grid-row:1;max-width:calc(100% - var(--match-discard-h)*5/7 - 1.5rem);top:auto;transform:none}sob-match .discard-pile{grid-row:1;margin-right:0}.match-inspector{padding-top:max(.5rem,calc(var(--match-discard-h) + var(--match-opponent-discard-count-h) + .25rem - var(--match-crystal-zone-h) - var(--match-board-top-gap)));padding-bottom:max(.5rem,calc(var(--match-discard-h) + var(--match-you-discard-count-h) + .25rem - var(--match-crystal-zone-h) - var(--match-lane-gutter-y)))}sob-match .player-end{flex-direction:row;justify-self:start}sob-match .zone-count{gap:.25rem;height:3.5rem;padding:0}sob-match .zone-count-label{letter-spacing:.1em;font-size:.8rem}sob-match .zone-count-value{font-size:2.25rem}.match-hand .hand{padding-inline-start:11rem;padding-inline-end:11rem}.match-hand .hand>.card{margin-left:min(-1.6rem,calc((100% - 2rem - var(--hand-card-w))/max(1,var(--fan-n) - 1) - var(--hand-card-w)))}.match-hand .hand>.card:first-child{margin-left:0}}@media (min-width:64.001rem) and (max-width:75rem){sob-match .player-name{max-width:calc(100% - 1.5rem)}.match-opponent .discard-pile{margin-top:calc(var(--match-crystal-zone-h) + var(--match-board-top-gap))}.match-you .discard-pile{margin-bottom:calc(var(--match-crystal-zone-h) + var(--match-lane-gutter-y))}.match-inspector{padding-top:calc(var(--match-discard-h) + var(--match-opponent-discard-count-h) + .25rem);padding-bottom:calc(var(--match-discard-h) + var(--match-you-discard-count-h) + .25rem)}sob-match .player-end{flex-direction:column;justify-self:center}sob-match .zone-count{flex-basis:auto}.match-opponent .player-end{align-self: start}.match-you .player-end{align-self: end}.match-log,sob-match>sob-tutorial-guide{margin-top:max(0px,calc(7.5rem - var(--match-crystal-zone-h) - var(--match-board-top-gap)));margin-bottom:max(0px,calc(6.75rem - var(--match-crystal-zone-h) - var(--match-lane-gutter-y)))}}@media (min-width:64.001rem) and (max-height:48rem){.match-inspector{padding-block-start:.5rem;padding-block-end:.5rem;padding-right:calc(var(--match-discard-h)*5/7 + 1rem)}}@media (max-width:64rem){sob-match{--match-crystal-zone-h:clamp(4.5rem,10.5dvh,5.5rem);--match-discard-h:3.5rem;--zone-count-size:2.5rem;grid-template-columns:minmax(0,1fr);padding-inline:var(--space-2);column-gap:0}.match-board{grid-column:1}.match-inspector,.match-toggle--inspector{display:none}sob-match .player-header{grid-template-columns:2.75rem minmax(0,1fr)5.25rem;column-gap:var(--space-2)}sob-match .player-name{gap:.3rem;max-width:calc(100% - 9.5rem);font-size:.8rem;top:.3rem;left:3.5rem;transform:none}sob-match .player-name .profile-avatar{width:1.35rem;padding:.1rem}sob-match .match-format-label{display:none}sob-match .discard-pile{place-self: center;gap:0}sob-match .discard-well:not(:has(.card)):before{letter-spacing:0;font-size:.6rem}sob-crystal-zone.crystal-zone{--gem-size:min(2.5rem,calc(var(--match-crystal-zone-h) - 2.25rem));padding:1.9rem 3rem .25rem .5rem}sob-crystal-zone .crystal-summary{top:auto;bottom:.15rem;right:.4rem;transform:none}sob-match .player-end{justify-self:stretch;width:100%}sob-match .match-opponent .player-end{flex-direction:row;gap:0}sob-match .player-end .end-turn-button{letter-spacing:.03em;width:100%;min-height:2.75rem;font-size:.65rem}sob-match .zone-count{gap:.2em;font-size:.65rem}sob-lane-progress{height:var(--match-lane-gutter-y);display:flex;justify-content:space-between;align-items: center;gap:var(--space-2);width:auto;max-width:none;inset:auto 0 100%;transform:none}sob-lane-progress [data-lane-player],sob-lane-progress [data-lane-player=you],sob-lane-progress .lane-progress-track{flex-direction:row}sob-lane-progress [data-lane-player=you]{flex-direction:row-reverse}sob-lane-progress [data-lane-player]{gap:var(--space-2);flex-shrink:0;max-width:24%}sob-lane-progress .lane-progress-count{font-size:.85rem}sob-lane-progress .lane-progress-track{flex:1 1 0;gap:.2rem;width:auto;min-width:0}sob-lane-progress .lane-progress-step{width:auto;min-width:0;max-width:1.3rem;height:.8rem}sob-lane-progress .lane-progress-step[data-goal]{width:auto;height:1.1rem}sob-lane-progress .lane-progress-step[data-goal]:after{inset:30%}.match-hand .hand>.card{height:var(--hand-card-h);margin-right:0;margin-left:min(-1.6rem,calc((100vw - 4rem - var(--hand-card-w))/max(1,var(--fan-n) - 1) - var(--hand-card-w)))}.match-hand .hand>.card:first-child{margin-left:0}sob-match .lane>.power{left:var(--space-1);right:auto;top:var(--space-1);z-index:3;pointer-events:none;width:1.65rem;min-width:0;margin-right:0;bottom:auto}sob-match .match-log{position:fixed;inset:var(--space-3)var(--space-3)calc(4rem + env(safe-area-inset-bottom));z-index:200;background:var(--control-face);width:auto;max-width:28rem;margin-left:auto}.match-log .match-log-close{width:2.75rem;min-height:2.75rem}}@media (max-height:34rem){#shardsofbeyond-target:has(>sob-match){overflow-y:auto}sob-match{min-height:34rem}}#shardsofbeyond-target.tutorial-overview{overflow:hidden}sob-tutorial-screen.menu-screen{box-sizing:border-box;flex-shrink:0}.tutorial-library{display:flex;gap:var(--space-3);padding:var(--space-3);flex-direction:column;flex:1;min-height:0}.tutorial-library-toolbar{display:flex;justify-content:space-between;align-items: center;gap:var(--space-4);flex-shrink:0}.tutorial-library-progress{width:min(42%,20rem)}.tutorial-library-progress p{margin:0 0 var(--space-2);color:var(--ink-muted);font-size:var(--text-s);letter-spacing:.04em}.tutorial-library-toolbar .button{padding:var(--space-2)var(--space-5);color:var(--accent-strong);border-color:var(--accent);font:normal var(--text-m)var(--font-body);width:auto;min-height:2.75rem}.tutorial-lessons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--space-3);list-style:none;flex:1;min-height:0;margin:0;padding:0}.tutorial-lessons li{min-width:0;min-height:0}.tutorial-lessons button{position:relative;isolation:isolate;display:flex;overflow:hidden;padding:var(--space-3);border:.06rem solid var(--control-edge);border-radius:var(--control-radius);background:var(--surface-sunken);color:var(--ink);text-align:start;font:inherit;cursor:pointer;transition:border-color var(--dur-fast),box-shadow var(--dur-fast);flex-direction:column;justify-content:end;width:100%;height:100%}.tutorial-lesson-art,.tutorial-lesson-art .card-art,.tutorial-lessons button:after{position:absolute;pointer-events:none;width:100%;height:100%;inset:0}.tutorial-lesson-art{z-index:-2;transition:transform var(--dur-med),filter var(--dur-med)}.tutorial-lesson-art .card-art{object-fit:cover;object-position:center 30%}.tutorial-lessons button:after{content:"";z-index:-1;background:linear-gradient(to top,color-mix(in srgb,var(--shadow-ink)97%,transparent),color-mix(in srgb,var(--shadow-ink)82%,transparent)28%,color-mix(in srgb,var(--shadow-ink)15%,transparent)70%)}.tutorial-lesson-number{position:absolute;top:var(--space-2);left:var(--space-2);display:grid;padding:var(--space-1);border:.06rem solid var(--control-edge);background:color-mix(in srgb,var(--shadow-ink)80%,transparent);color:var(--accent-strong);font-size:var(--text-s);font-variant-numeric:tabular-nums;place-items: center;min-width:2em;min-height:2em}.tutorial-lesson-caption{display:grid;gap:var(--space-2);text-shadow:0 .1em .3em var(--shadow-ink)}.tutorial-lesson-caption strong{color:var(--ink);font-size:clamp(.85rem,1.8vmin,1.2rem);font-weight:400;line-height:1.25}.tutorial-lesson-summary{color:var(--ink-muted);font-size:var(--text-s);line-height:1.4}.tutorial-lesson-caption small{color:var(--accent-strong);font-size:var(--text-s)}.tutorial-lessons [data-recommended=true]{border-color:var(--accent-strong);box-shadow:0 0 .7rem color-mix(in srgb,var(--accent)22%,transparent)}.tutorial-lessons [data-completed=true] .tutorial-lesson-number:after{content:"✓";position:absolute;left:calc(100% + var(--space-2));color:var(--accent-strong);text-shadow:0 0 .25rem var(--shadow-ink)}.tutorial-library-note{color:var(--ink-muted);font-size:var(--text-s);text-align:center;flex-shrink:0;margin:0}@media (hover:hover){.tutorial-lessons button:hover{border-color:var(--accent-strong)}.tutorial-lessons button:hover .tutorial-lesson-art{filter:brightness(1.15);transform:scale(1.04)}}sob-tutorial-screen :focus-visible{outline:.15rem solid var(--accent-strong);outline-offset:.2rem}sob-tutorial-guide button:focus-visible{outline:.15rem solid var(--accent-strong);outline-offset:.2rem}sob-tutorial-guide summary:focus-visible{outline:.15rem solid var(--accent-strong);outline-offset:.2rem}@media (max-width:48rem) and (orientation:portrait){.tutorial-lessons{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr))}.tutorial-lesson-summary{display:none}.tutorial-lesson-caption strong{font-size:clamp(.75rem,2.8vw,1rem)}.tutorial-lesson-number{top:var(--space-1);left:auto;right:var(--space-1);min-width:1.6em;min-height:1.6em;font-size:.65rem}.tutorial-lessons [data-completed=true] .tutorial-lesson-number:after{left:auto;right:calc(100% + var(--space-2))}.tutorial-lesson-caption{gap:var(--space-1)}.tutorial-library-note{font-size:.65rem}.tutorial-library-toolbar .button{padding-inline:var(--space-3)}}@media (max-height:38rem){sob-tutorial-screen .collection-header{min-height:3.5rem}.tutorial-lesson-summary,.tutorial-library-note{display:none}.tutorial-lesson-caption strong{font-size:.8rem}}@media (max-width:48rem) and (max-height:38rem) and (orientation:portrait){.tutorial-lessons button{padding-left:2rem}.tutorial-lesson-number{left:var(--space-1);right:auto}.tutorial-lesson-caption strong{font-size:.75rem}.tutorial-lesson-caption small{display:none}.tutorial-lessons [data-completed=true] .tutorial-lesson-number:after{top:100%;right:0}}sob-tutorial-guide{box-sizing:border-box}sob-match[data-tutorial]>sob-tutorial-guide{padding:var(--space-3);gap:var(--space-3);font:clamp(1rem,1.25vw,1.125rem)/1.6 var(--font-body)}sob-tutorial-guide>header,sob-tutorial-guide>footer{flex-shrink:0}sob-tutorial-guide>header p{margin:0 0 var(--space-2);color:var(--ink-muted);letter-spacing:.04em;font-size:.8em}sob-tutorial-guide progress{display:block;appearance:none;border-radius:var(--control-radius);background:var(--surface-sunken);accent-color:var(--accent);overflow:hidden;border:none;width:100%;height:.25rem}sob-tutorial-guide progress::-webkit-progress-bar{background:var(--surface-sunken)}sob-tutorial-guide progress::-webkit-progress-value{background:linear-gradient(90deg,var(--accent),var(--accent-strong))}sob-tutorial-guide progress::-moz-progress-bar{background:var(--accent)}.tutorial-guide-content{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line)transparent;flex:1;min-height:0}sob-tutorial-guide h2{margin:0 0 var(--space-3);color:var(--accent-strong);font-size:1.25em;font-weight:400;line-height:1.3}sob-tutorial-guide .tutorial-checklist{list-style:none;counter-reset:tutorial-task;flex-shrink:0;margin:0;padding:0;font-size:.85em}sob-tutorial-guide .tutorial-checklist>li{position:relative;counter-increment:tutorial-task;padding:var(--space-1)0 var(--space-1)calc(1.6em + var(--space-2));border-bottom:.06rem solid var(--line)}sob-tutorial-guide .tutorial-checklist>li:last-child{border-bottom:none}sob-tutorial-guide .tutorial-checklist>li:before{content:counter(tutorial-task);position:absolute;display:grid;border:.06rem solid var(--line);color:var(--ink-muted);border-radius:50%;place-items: center;width:1.6em;height:1.6em;font-size:.85em;line-height:1;top:var(--space-1)}sob-tutorial-guide .tutorial-checklist>li:not(:-webkit-any(: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{left:0}sob-tutorial-guide .tutorial-checklist>li:not(:-moz-any(: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{left:0}sob-tutorial-guide .tutorial-checklist>li:not(: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{left:0}sob-tutorial-guide .tutorial-checklist>li:-webkit-any(: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{right:0}sob-tutorial-guide .tutorial-checklist>li:-moz-any(: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{right:0}sob-tutorial-guide .tutorial-checklist>li: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{right:0}sob-tutorial-guide .tutorial-checklist h3{font:inherit;margin:0;line-height:1.4}sob-tutorial-guide .tutorial-checklist [data-state=upcoming] h3,sob-tutorial-guide .tutorial-checklist [data-state=completed] h3{color:var(--ink-muted)}sob-tutorial-guide .tutorial-checklist [data-state=completed]:before{content:"✓";color:var(--accent);background:color-mix(in srgb,var(--accent)10%,transparent);border-color:#0000}sob-tutorial-guide .tutorial-checklist [aria-current=step]:before{color:var(--accent-strong);border-color:var(--accent);background:color-mix(in srgb,var(--accent)12%,transparent)}sob-tutorial-guide .tutorial-checklist [aria-current=step] h3{color:var(--accent-strong)}sob-tutorial-guide .tutorial-guide-content p{margin-block:0 var(--space-3)}sob-tutorial-guide .tutorial-task{margin-block:0 var(--space-3);padding:var(--space-2)var(--space-3);border-left:.15rem solid var(--accent);background:color-mix(in srgb,var(--accent)9%,transparent);color:var(--ink)}sob-tutorial-guide details{margin-block:var(--space-3)}sob-tutorial-guide summary{cursor:pointer;color:var(--accent-strong)}sob-tutorial-guide>footer{display:grid;gap:var(--space-2);padding-top:var(--space-3);border-top:.06rem solid var(--line)}sob-tutorial-guide nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}sob-tutorial-guide button{padding:var(--space-2);font:inherit;width:100%;min-height:2.75rem;line-height:1.2}sob-tutorial-guide .button--primary{color:var(--accent-strong);border-color:var(--accent);font:inherit;width:100%}sob-tutorial-guide nav button{font-size:.85em}sob-tutorial-guide [hidden]{display:none}.tutorial-focus{outline:.16rem solid var(--accent-strong);outline-offset:.15rem}.tutorial-advice{border-inline-start:.2em solid var(--accent);background:color-mix(in srgb,var(--accent)10%,var(--stone-dark));color:var(--ink);padding:.75em;line-height:1.5}.tutorial-advice[hidden]{display:none}sob-match-outcome{position:fixed;z-index:9000;display:flex;align-items:stretch;gap:var(--space-3);padding:var(--space-4);box-sizing:border-box;overflow-x:visible;overflow-y:visible;border:1.7rem solid #0000;border-image-source:var(--popup-frame);border-image-slice:40 fill;box-shadow:none;color:var(--ink);font-family:var(--font-body);pointer-events:auto;background-color:#0000;background-image:none;border-image-repeat:stretch;border-radius:0;flex-direction:column;width:max-content;min-width:min(18rem,92vw);max-width:92vw;max-height:88vh;inset:50% auto auto 50%;transform:translate(-50%,-50%)}body:has(sob-match) sob-match-outcome{top:anchor(--match-board center,50%);left:anchor(--match-board center,50%)}sob-match-outcome[data-view=stats]{border-width:clamp(.7rem,2.5vw,1.6rem);width:min(76rem,96vw);max-width:96vw;height:min(48rem,94dvh);max-height:94dvh;top:50%;left:50%}body:has(sob-match) sob-match-outcome[data-view=stats]{top:50%;left:50%}sob-match-outcome[data-view=stats] .match-outcome-title{color:var(--ink);letter-spacing:.02em;font-size:clamp(1.5rem,3vmin,2rem)}sob-match-outcome[data-view=stats]>button[data-act=back]{align-self: flex-start;width:auto;min-width:7rem;min-height:2.5rem;padding:.4em 1em;font-size:1.125rem}.match-outcome-title{text-align:center;font-size:var(--text-xl);white-space:nowrap;overflow-x:visible;overflow-y:visible;margin:0;padding-inline-end:.15em;line-height:1.2}sob-match-outcome[data-outcome=win] .match-outcome-title{color:var(--success)}sob-match-outcome[data-outcome=lose] .match-outcome-title{color:var(--owner-enemy-ink)}sob-match-outcome[data-outcome=draw] .match-outcome-title{color:var(--ink-muted)}.match-outcome-line,.match-stats-method,.match-stats-turns{text-align:center;color:var(--ink-muted);font-size:var(--text-m);margin:0}.match-outcome-actions{display:flex;align-items:stretch;gap:var(--space-2);flex-direction:column}.match-outcome-actions button,sob-match-outcome[data-view=board] button{font-family:var(--font-display);font-size:var(--text-m);letter-spacing:.08em;text-transform:uppercase;width:100%}sob-game-stats{display:flex;overflow:hidden;flex-direction:column;flex-grow:1;min-height:0;max-height:none}.match-stats{display:flex;flex-direction:column;flex-grow:1;gap:clamp(.75rem,1.8vh,1.25rem);min-height:0;padding:.25rem}.match-stats-header{display:flex;justify-content:space-between;gap:1rem}.match-stats .match-stats-method,.match-stats .match-stats-turns{color:var(--ink);text-align:start;font-size:1em}.match-stats-tabs{display:flex;border-bottom:.06rem solid var(--line);gap:1.5rem}.match-stats-tabs button{appearance:none;font:inherit;color:var(--ink);background:0 0;border:0;border-bottom:.15em solid #0000;padding:.6em 0}.match-stats-tabs button[aria-selected=true]{color:var(--accent-strong);border-bottom-color:var(--accent-strong)}.match-stats button:focus-visible{outline:.12rem solid var(--accent-strong);outline-offset:.15rem}.match-stats-panel:focus-visible{outline:.12rem solid var(--accent-strong);outline-offset:.15rem}.match-stats-panel{overflow:auto;flex-grow:1;min-height:0}.match-stats-panel[hidden]{display:none}.match-stats-panel--overview{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1fr);align-content: start;gap:clamp(1.5rem,4vw,4rem)}.match-stats .statistics-heading{border:0;margin:0 0 .75em;padding:0;font-size:1.2em;font-weight:400}.match-stats-heads,.match-stats-row{display:grid;grid-template-columns:minmax(0,1fr)4em 4em;align-items: center;gap:.75rem}.match-stats-heads .match-stats-label,.match-stats-row .match-stats-label{grid-column:1;grid-row:1}.match-stats-heads .match-stats-you,.match-stats-row .match-stats-you{grid-column:2;grid-row:1}.match-stats-heads .match-stats-them,.match-stats-row .match-stats-them{grid-column:3;grid-row:1}.match-stats-heads{color:var(--ink);padding-block-start:.5em;padding-block-end:.5em;font-size:.9em}.match-stats-row{border-top:.06rem solid var(--line);min-height:4.5em}.match-stats-you,.match-stats-them{text-align:center}.match-stats-row :-webkit-any(.match-stats-you,.match-stats-them){color:var(--ink);font-size:1.8em}.match-stats-row :-moz-any(.match-stats-you,.match-stats-them){color:var(--ink);font-size:1.8em}.match-stats-row :is(.match-stats-you,.match-stats-them){color:var(--ink);font-size:1.8em}.match-stats-label{color:var(--ink)}.match-stats-legend{display:flex;justify-content:flex-end;gap:1.5em;margin-bottom:.8em;font-size:.9em}.match-stats-legend span{display:inline-flex;align-items: center;gap:.5em}.match-stats-legend span:before{content:"";background:var(--accent-strong);border:.1em solid var(--accent-strong);width:1.3em;height:.6em}.match-stats-legend .match-stats-legend-them:before{background:color-mix(in srgb,var(--ink)25%,transparent);border:.1em dashed var(--ink)}.match-stats-chart--realms{display:grid;gap:1.1em}.match-stats-realm{display:grid;grid-template-columns:minmax(0,1fr)5.5em minmax(0,1fr);align-items: center;gap:.65em}.match-stats-realm-name{text-align:center}.match-stats-value{display:grid;grid-template-columns:minmax(0,1fr)auto;color:var(--ink);align-items: center;gap:.5em}.match-stats-count{font-variant-numeric:tabular-nums;font-weight:700}.match-stats-bar{--bar-color:var(--accent-strong);appearance:none;background:var(--surface-sunken);accent-color:var(--bar-color);border:0;width:100%;height:.7em}.match-stats-bar--them{--bar-color:color-mix(in srgb,var(--ink)45%,var(--surface));outline:.06rem dashed var(--ink)}.match-stats-bar::-webkit-progress-bar{background:var(--surface-sunken)}.match-stats-bar::-webkit-progress-value{background:var(--bar-color)}.match-stats-bar::-moz-progress-bar{background:var(--bar-color)}.match-stats-realm .match-stats-bar--you{transform:scaleX(-1)}.match-stats-panel--history{display:flex;flex-direction:column}.match-stats-history{display:flex;flex-direction:column;flex-grow:1;gap:1rem;min-height:15rem}.match-stats-chart--lanes{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);flex-grow:1;gap:1.25rem}.match-stats-turn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr)auto;justify-self:center;gap:.5em .1em;width:100%;max-width:8rem}.match-stats-turn-label{grid-column:1/-1;text-align:center;font-size:.85em}.match-stats-turn .match-stats-value{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);text-align:center;border-bottom:.06rem solid var(--line);min-height:0}.match-stats-lane-bar{overflow:visible;width:100%;height:100%;min-height:0}.match-stats-lane-bar rect{fill:var(--accent-strong)}.match-stats-value--them .match-stats-lane-bar rect{fill:color-mix(in srgb,var(--ink)25%,transparent);stroke:var(--ink);stroke-width:.06rem;stroke-dasharray:.15rem .15rem}.match-stats-history-navigation{display:flex;justify-content:space-between;align-items: center;gap:1rem}.match-stats-history-navigation button{font:inherit;padding:.4em .8em}.match-stats-played{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.match-stats-plays{display:grid;align-content: start;gap:.5rem}.match-stats-side{padding-block-start:.5em;padding-block-end:.5em;font-weight:700}.match-stats-play{display:grid;grid-template-columns:3.2rem minmax(0,1fr)auto;border-top:.06rem solid var(--line);align-items: center;gap:.8em;padding-block-start:.4em;padding-block-end:.4em}.match-stats-play .card{width:3.2rem;height:auto}.match-stats-play-name{overflow-wrap:anywhere}.match-stats-play-count{white-space:nowrap;font-weight:700}@media (max-width:60rem){.match-stats-panel--overview{grid-template-columns:minmax(0,1fr);gap:1.25rem}.match-stats-row{min-height:3em}.match-stats-chart--lanes{gap:.35rem}.match-stats-history-navigation{flex-wrap:wrap}.match-stats-played{grid-template-columns:minmax(0,1fr)}}body:has(sob-match) sob-match-outcome[data-view=board]{top:anchor(--match-turn center,80%);left:anchor(--match-turn center,85%);background:0 0;border:0;min-width:0;max-width:min(13rem,25vw);padding:0}body:has(sob-match-outcome[data-view=board]) .end-turn-button{visibility:hidden}sob-match-outcome[data-view=board] button{font-size:var(--text-s);white-space:normal}.screen{font-family:var(--font-body);display:flex;box-shadow:inset 0 0 60px color-mix(in srgb,var(--shadow-ink)55%,transparent);background-color:#0000;background-image:none;flex-direction:column;align-items: center;min-height:100vh;padding:0 0 28px}.title--brand:before{content:"◆ "}.title--brand:after{content:" ◆"}.menu-head{display:flex;align-self:stretch;align-items: center;padding:12px 16px 0}.difficulty-bar{display:flex;align-items: center;gap:8px;margin:8px 0 4px}.difficulty-label{color:var(--ink-muted);font-size:var(--text-s);letter-spacing:1px;text-transform:uppercase;font-weight:700}.difficulty-select{font-family:inherit;font-size:var(--text-m);color:var(--stone-dark);background:var(--parchment);border:2px solid var(--line);cursor:pointer;border-radius:3px;padding:5px 8px;font-weight:700}.menu-body{display:flex;flex-direction:column;flex:1;justify-content:center;align-self:stretch;align-items: center;gap:4px}.title{color:var(--accent-strong);font-family:var(--font-display);letter-spacing:3px;text-shadow:0 2px 4px var(--shadow-ink);text-align:center;margin:0 0 2px;font-weight:700}.subtitle{color:var(--ink-muted);font-style:italic;font-size:var(--text-m);margin:0 0 16px}.menu{display:flex;flex-direction:column;align-items: center;gap:9px}.button{padding:var(--space-2)var(--space-3);text-align:center;font-family:inherit;font-size:var(--text-m);color:var(--accent-strong);background:linear-gradient(color-mix(in oklab,var(--surface),var(--gold-bright)8%),var(--surface));border:1px solid color-mix(in oklab,var(--accent),var(--stone)45%);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--gold-bright)25%,transparent),var(--shadow-drop);cursor:pointer;transition:filter var(--dur-fast)var(--ease-settle);border-radius:3px;width:clamp(10rem,24vw,12rem);font-weight:400}.button:hover{filter:brightness(1.06)}.button--primary{color:var(--stone-dark);background:linear-gradient(var(--accent),color-mix(in oklab,var(--accent),var(--stone-dark)35%));border-color:var(--accent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--gold-bright)50%,transparent),var(--shadow-drop)}.button:disabled,.button--soon{background:color-mix(in oklab,var(--surface),var(--stone-dark)50%);border-color:color-mix(in oklab,var(--accent),var(--stone)50%);color:var(--ink-muted);box-shadow:none}.button--soon{cursor:pointer}.section-label{color:var(--ink-muted);font-size:var(--text-s);text-transform:uppercase;letter-spacing:1px;text-align:center;margin:8px 0 5px}.prompt{border:2px solid var(--line);background:linear-gradient(var(--surface),var(--stone-dark));color:var(--accent-strong);font-family:var(--font-body);border-radius:6px;min-width:260px;padding:18px 22px}.prompt::backdrop{background:color-mix(in srgb,var(--shadow-ink)55%,transparent)}.prompt-text{text-align:center;letter-spacing:1px;margin-bottom:12px;font-weight:700}.prompt-choices{display:flex;flex-direction:column;align-items: center;gap:8px}.menu-screen{display:flex;flex-direction:column;align-self:stretch;align-items: center}.button--inline{width:auto;padding:6px 14px}.start-button{margin-top:14px}.deck-select-hint{color:var(--accent-strong);font-size:var(--text-s);text-align:center;min-height:1.2em}.cover-grid{display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;flex-wrap:nowrap;justify-content:safe center;gap:clamp(10px,3vw,22px);max-width:100%;margin-bottom:4px;padding-bottom:6px}.cover-grid::-webkit-scrollbar{display:none}.cover{position:relative;border:2px solid var(--line);overflow:hidden;cursor:pointer;box-shadow:0 2px 8px color-mix(in srgb,var(--shadow-ink)50%,transparent);border-radius:6px;flex:none;width:clamp(120px,38vw,210px);transition:box-shadow .12s,border-color .12s,filter .12s}.cover [data-act=edit-deck]{position:absolute;top:.3em;right:.3em}@media (hover:hover){.cover:hover{filter:brightness(1.05)}}.cover.selected{border-color:var(--accent-strong);box-shadow:0 0 12px var(--accent-strong)}.cover-img{display:block;aspect-ratio:520/780;object-fit:cover;pointer-events:none;width:100%}.cover--random{background:var(--stone-dark);color:var(--accent-strong);display:flex;justify-content:center;align-items: center;font-size:clamp(48px,16vw,96px);font-weight:700}.cover-label{text-align:center;color:var(--accent-strong);font-weight:700;font-size:var(--text-s);background:var(--stone-dark);padding:4px 6px}.draft-slot{position:relative;width:100%;min-width:0;height:100%;min-height:0}.draft-slot.taken{box-shadow:none;background:0 0}.draft-slot .card{aspect-ratio:5/7;border-color:#0000;width:100%;height:100%;margin:0}.draft-slot.flippable .card,.draft-slot.takeable .card{cursor:pointer;box-shadow:0 0 .85em color-mix(in srgb,var(--accent)55%,transparent)}.draft-slot.flippable .card:hover,.draft-slot.takeable .card:hover,.draft-slot.selected .card{box-shadow:0 0 1.1em var(--accent-strong)}.draft-screen .hand .card.pickable{cursor:pointer}.draft-screen .hand .card.pickable:hover,.draft-screen .hand .card.selected{box-shadow:inset 0 0 0 1px var(--accent-strong)}.draft-results-body{display:flex;box-sizing:border-box;padding:0 var(--space-4);margin-bottom:var(--space-3);flex-wrap:wrap;justify-content:center;gap:clamp(12px,3vw,36px);width:100%;max-width:56rem}.draft-results-col{flex:15rem;min-width:0}.draft-played-list{display:flex;gap:var(--space-1);color:var(--ink);font-size:var(--text-m);flex-direction:column}.draft-played-entry{display:flex;border-bottom:1px solid var(--line);justify-content:space-between;padding:.2em 0}.draft-played-count{color:var(--accent-strong);font-weight:700}.draft-fly-card{position:fixed;z-index:600;left:var(--fly-x);top:var(--fly-y);width:var(--fly-w);height:var(--fly-h);object-fit:contain;box-shadow:0 .4em 1em color-mix(in srgb,var(--shadow-ink)60%,transparent);pointer-events:none;transform-origin:top left;transition:transform var(--dur-med)var(--ease-settle),opacity var(--dur-med)var(--ease-settle);border-radius:.2em}.draft-fly-card--fade{opacity:0;transform:translate(-30%,40%)scale(.6)}.draft-fly-card--away{transform:translate(var(--fly-dx),var(--fly-dy))scale(var(--fly-scale))}[data-act=back]:before{content:"◂ "}[data-act=rematch]:before{content:"↻ "}[data-act=menu]:before{content:"⌂ "}.button--forward:after{content:" ▸"}.build-stamp{margin:var(--space-3)0 0;color:var(--ink-muted);font-size:var(--text-s);letter-spacing:.08em}#shardsofbeyond-target.screen.screen--title,#shardsofbeyond-target.screen.draft-screen{overflow-x:hidden;overflow-y:hidden}#shardsofbeyond-target.screen--title{--hall-logo-w:min(calc(100vw - 3rem),clamp(18rem,62vmin,33rem));--hall-logo-h:calc(var(--hall-logo-w)*743/2115);--hall-logo-gap:.8rem;--hall-head-h:clamp(10.5rem,30vh,15.5rem);--hall-head-top:1.5vh;position:relative;z-index:1;box-shadow:none;background-color:#0000;background-image:none;padding:0}.screen.screen--title{padding:0}.screen--title .menu-screen{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;align-self:stretch;align-items: center;min-height:100%}.screen--title .menu-body{justify-content:flex-start;gap:0;padding-top:0}.screen--title .hall-head{position:relative;display:flex;height:var(--hall-head-h);margin-top:var(--hall-head-top);margin-right:0;margin-bottom:var(--space-4);flex-direction:column;flex:none;justify-content:flex-end;align-items: center;width:min(100%,36rem);margin-left:0}#shardsofbeyond-target.screen--title:has(.hall-head):after{content:"";position:absolute;z-index:0;pointer-events:none;left:50%;top:calc(var(--hall-head-top) + var(--hall-head-h) - var(--hall-logo-h) - var(--hall-logo-gap));width:var(--hall-logo-w);height:var(--hall-logo-h);background:linear-gradient(165deg,color-mix(in oklab,var(--papyrus),var(--gold)25%),color-mix(in oklab,var(--gold),var(--papyrus)35%)42%,color-mix(in oklab,var(--gold),var(--stone)32%)66%,color-mix(in oklab,var(--gold),var(--papyrus)20%));mask-image:var(--hall-logo);mask-position:center;mask-size:contain;mask-repeat:no-repeat;opacity:.88;filter:drop-shadow(0 .08rem .06rem var(--shadow-ink));transform:translate(-50%)}.screen--title .title{position:relative;z-index:1;text-align:center;text-wrap:balance;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-strong);text-shadow:0 .04em .06em var(--shadow-ink),0 .1em .35em var(--shadow-ink),0 0 .6em var(--shadow-ink);max-width:calc(100vw - 3rem);margin:0;font-size:clamp(1.15rem,2.2vw,1.45rem);font-weight:400;line-height:1.3}.screen--title .title--quiet{position:absolute;overflow:hidden;clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0}.screen--title .title--quiet:before,.screen--title .title--quiet:after{content:none}.screen--title .hall-head:has(.title:not(.title--quiet)){margin-bottom:calc(var(--space-4) + 2.5rem)}.screen--title .hall-head .title:not(.title--quiet){transform:translateY(calc(100% + .5rem))}.screen--title .subtitle{margin-top:var(--space-3);color:var(--ink-muted);text-align:center;max-width:min(90vw,42rem);margin-bottom:0;margin-left:0;margin-right:0;line-height:1.5}.screen--title .menu{gap:var(--space-3)}.screen--title .menu .button,.screen--title .menu .button--primary,.screen--title .menu .button--soon,.screen--title .menu .button:disabled,.mp-screen .button.plaque{color:var(--stone-dark);background-color:var(--papyrus);background-image:linear-gradient(180deg,color-mix(in srgb,var(--ivory)48%,transparent)0%,color-mix(in srgb,var(--ivory)10%,transparent)34%,transparent 52%,color-mix(in srgb,var(--shadow-ink)16%,transparent)100%),var(--hall-marble);background-blend-mode:normal,multiply;border:.07em solid color-mix(in oklab,var(--gold),var(--stone)28%);border-radius:var(--control-radius);box-shadow:inset 0 .08em 0 color-mix(in srgb,var(--ivory)55%,transparent),0 .12em .35em color-mix(in srgb,var(--shadow-ink)40%,transparent);background-position:50%;background-repeat:no-repeat;background-size:100% 100%,cover}.screen--title .menu .button,.screen--title .menu .button--primary,.screen--title .menu .button--soon,.screen--title .menu .button:disabled{position:relative;display:flex;overflow:hidden;font-family:var(--font-body);font-size:var(--text-m);letter-spacing:.08em;text-transform:uppercase;text-shadow:none;border-radius:var(--control-radius);box-shadow:inset 0 .08em 0 color-mix(in srgb,var(--ivory)55%,transparent),inset 0 -.1em .18em color-mix(in srgb,var(--shadow-ink)22%,transparent),0 .12em .35em color-mix(in srgb,var(--shadow-ink)40%,transparent);filter:none;transition:filter var(--dur-fast)var(--ease-settle);flex-direction:row;justify-content:center;align-items: center;width:clamp(16rem,36vw,24rem);height:clamp(2.4rem,6.2vmin,3rem);padding:0 11%;font-weight:400}.screen--title .menu .button:before,.screen--title .menu .button:after{content:"◆";position:absolute;color:var(--accent);letter-spacing:0;pointer-events:none;text-shadow:0 0 .35em color-mix(in srgb,var(--accent)45%,transparent);font-size:.55em;line-height:1;top:50%;transform:translateY(-50%)}.screen--title .menu .button:before{left:.55em}.screen--title .menu .button:after{right:.55em}.screen--title .menu .button--soon{color:color-mix(in oklab,var(--stone-dark),var(--stone)45%);filter:grayscale(.95)brightness(.62)}@media (hover:hover){.screen--title .menu .button:hover,.screen--title .menu .button--primary:hover{filter:brightness(1.1)drop-shadow(0 0 .45em color-mix(in srgb,var(--accent)40%,transparent))}.screen--title .menu .button--soon:hover{filter:grayscale(.95)brightness(.72)}}.screen--title .menu .button:active{filter:brightness(.92)}.screen--title .menu .button--soon:active{filter:grayscale(.95)brightness(.55)}.screen--title :is(.menu .button,.button.plaque):disabled{color:var(--ink-muted);background:var(--surface);border-color:var(--line);opacity:1;filter:none}sob-hall-chrome{--hall-settings:url(https://cdn.shardsofbeyond.com/client/mainmenu/settings.png);--hall-profile:url(https://cdn.shardsofbeyond.com/client/mainmenu/profile.png);display:none}body:has(#shardsofbeyond-target.screen){--hall-icon:color-mix(in oklab,var(--gold),var(--stone)22%)}body:has(sob-match){--hall-icon:color-mix(in oklab,var(--gold),var(--stone)22%)}body:has(sob-multiplayer-lobby){--hall-icon:color-mix(in oklab,var(--gold),var(--stone)22%)}body:has(#shardsofbeyond-target.screen){--hall-marble:var(--marble);--font-display:var(--font-body);--text-s:clamp(.8rem,1.6vmin,.9rem);--text-m:clamp(.95rem,1.9vmin,1.05rem);--text-l:clamp(1.15rem,2.6vmin,1.5rem);--ink-muted:color-mix(in oklab,var(--papyrus),var(--stone)22%);--line:color-mix(in oklab,var(--stone),var(--papyrus)32%);--control-radius:.18rem;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}body:has(#shardsofbeyond-target.screen) sob-hall-chrome{display:contents}body:has(sob-match) sob-hall-chrome{display:contents}body:has(sob-multiplayer-lobby) sob-hall-chrome{display:contents}body:has(sob-settings[open]) .menu-chrome{z-index:9600}body:has(sob-settings[open]) sob-sound-toggle{z-index:9600}body:has(sob-profile[open]) .menu-chrome{z-index:9600}body:has(sob-profile[open]) sob-sound-toggle{z-index:9600}.menu-chrome{position:fixed;bottom:max(var(--space-4),env(safe-area-inset-bottom));z-index:100;box-shadow:none;opacity:.88;transition:opacity var(--dur-fast)var(--ease-settle),filter var(--dur-fast)var(--ease-settle);background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:1.35rem;border:none;border-radius:0;width:2.75rem;height:2.75rem;padding:0}.menu-chrome--settings{left:var(--space-5);background-image:var(--hall-settings)}.menu-chrome--profile{right:var(--space-5);background-image:var(--hall-profile)}@media (hover:hover){.menu-chrome:hover{opacity:1;filter:drop-shadow(0 0 .4em color-mix(in srgb,var(--hall-icon)55%,transparent))}}body:has(#shardsofbeyond-target.screen) sob-sound-toggle{left:calc(var(--space-5) + 3rem);bottom:max(var(--space-4),env(safe-area-inset-bottom))}body:has(sob-match) sob-sound-toggle{left:calc(var(--space-5) + 3rem);bottom:max(var(--space-4),env(safe-area-inset-bottom))}body:has(sob-multiplayer-lobby) sob-sound-toggle{left:calc(var(--space-5) + 3rem);bottom:max(var(--space-4),env(safe-area-inset-bottom))}body:has(#shardsofbeyond-target.screen) sob-sound-toggle .button{color:var(--hall-icon);box-shadow:none;opacity:.88;font-size:var(--text-m);background-color:#0000;background-image:none;border:none;width:2.75rem;height:2.75rem;padding:0}body:has(sob-match) sob-sound-toggle .button{color:var(--hall-icon);box-shadow:none;opacity:.88;font-size:var(--text-m);background-color:#0000;background-image:none;border:none;width:2.75rem;height:2.75rem;padding:0}body:has(sob-multiplayer-lobby) sob-sound-toggle .button{color:var(--hall-icon);box-shadow:none;opacity:.88;font-size:var(--text-m);background-color:#0000;background-image:none;border:none;width:2.75rem;height:2.75rem;padding:0}body:has(#shardsofbeyond-target.screen) sob-sound-toggle[data-muted] .button{opacity:.45}body:has(sob-match) sob-sound-toggle[data-muted] .button{opacity:.45}body:has(sob-multiplayer-lobby) sob-sound-toggle[data-muted] .button{opacity:.45}.build-stamp{position:fixed;bottom:var(--space-6);z-index:100;opacity:.4;white-space:nowrap;pointer-events:none;margin:0;font-size:clamp(.6rem,1.2vmin,.72rem);left:50%;transform:translate(-50%)}.screen--title .menu-screen:after{content:"◆";position:absolute;bottom:var(--space-3);z-index:1;color:var(--hall-icon);font-size:var(--text-s);opacity:.65;pointer-events:none;text-shadow:0 0 .5em color-mix(in srgb,var(--hall-icon)40%,transparent);left:50%;transform:translate(-50%)}.screen--title sob-deck-select.menu-screen{position:relative;padding-bottom:var(--space-5);justify-content:flex-start}.screen--title sob-deck-select .hall-head{height:var(--hall-head-h);margin-bottom:var(--space-4)}.screen--title sob-deck-select .menu-body{gap:var(--space-2);padding-top:0;padding-right:var(--space-4);padding-bottom:var(--space-5);padding-left:var(--space-4);flex:1;justify-content:flex-start;min-height:0}.deck-stage{display:flex;justify-content:flex-start;align-items: center;gap:var(--space-3);margin-top:var(--space-1);flex-direction:column;flex:1;width:100%;min-height:0}.hall-back,.carousel-chevron{box-shadow:none;color:var(--hall-icon);opacity:.88;transition:opacity var(--dur-fast)var(--ease-settle),filter var(--dur-fast)var(--ease-settle);background-color:#0000;background-image:none;border:none;border-radius:0;padding:0}.hall-back{position:absolute;top:max(var(--space-3),env(safe-area-inset-top));left:var(--space-5);z-index:2;width:2.75rem;height:2.75rem}.hall-back[data-act=back]:before{content:"‹";text-shadow:0 0 .4em color-mix(in srgb,var(--hall-icon)45%,transparent);font-size:clamp(1.4rem,3.2vmin,2rem);line-height:1}@media (hover:hover){.hall-back:hover,.carousel-chevron:hover{opacity:1;filter:drop-shadow(0 0 .4em color-mix(in srgb,var(--hall-icon)55%,transparent))}}.screen--title sob-deck-select .difficulty-bar{gap:var(--space-3);margin-top:0;margin-bottom:0}.screen--title .difficulty-label{color:var(--ink-muted);font-size:var(--text-s);letter-spacing:.16em;font-weight:400}sob-deck-carousel{position:relative;display:flex;perspective:70rem;touch-action:pan-y;flex-direction:row;justify-content:center;align-items: center;width:min(100%,56rem);min-width:0;max-width:100%;margin-top:0}.carousel-stage{display:flex;flex-direction:row;flex:1;justify-content:center;align-items: center;gap:clamp(.35rem,2.2vw,1.8rem);width:100%;min-width:0}.carousel-chevron{position:absolute;z-index:3;display:flex;flex-direction:row;justify-content:center;align-items: center;width:clamp(2.4rem,7vmin,2.8rem);height:clamp(2.4rem,7vmin,2.8rem);top:50%;transform:translateY(-50%)}.carousel-chevron--prev{left:0}.carousel-chevron--next{right:0}.carousel-chevron--prev:before{content:"‹"}.carousel-chevron--next:before{content:"›"}.carousel-chevron:before{text-shadow:0 0 .4em color-mix(in srgb,var(--hall-icon)45%,transparent);font-size:clamp(1.5rem,3.4vmin,2.1rem);line-height:1}.deck-box{position:relative;box-shadow:none;transform-style:preserve-3d;transition:transform var(--dur-med)var(--ease-settle),filter var(--dur-med)var(--ease-ceremonial);background-color:#0000;background-image:none;border:none;flex:none;width:clamp(5.2rem,18vw,11rem);padding:0}.deck-box--current{z-index:2;filter:drop-shadow(0 .35rem .8rem var(--shadow-ink))drop-shadow(0 0 .5rem color-mix(in srgb,var(--accent)32%,transparent));width:clamp(8rem,26vw,14.5rem)}.deck-box--prev{filter:grayscale(.7)brightness(.95);z-index:1;transform:rotateY(30deg)scale(.86)}.deck-box--next{filter:grayscale(.7)brightness(.95);z-index:1;transform:rotateY(-30deg)scale(.86)}.deck-box-front{display:block;overflow:hidden;border:.09em solid var(--line);background-color:var(--stone-dark);box-shadow:0 .35em 1.1em color-mix(in srgb,var(--shadow-ink)55%,transparent);border-radius:.55em;width:100%}.deck-box-front img,.deck-box-random{display:block;aspect-ratio:2/3;object-fit:cover;border-radius:.45em;width:100%}.deck-box-random{color:var(--accent-strong);display:flex;flex-direction:row;justify-content:center;align-items: center;font-size:clamp(2.4rem,8vw,4.2rem);font-weight:700}.deck-box--current .deck-box-front{border-width:.14em;border-color:var(--accent);box-shadow:inset 0 0 .35em color-mix(in srgb,var(--shadow-ink)45%,transparent),inset 0 0 .12em color-mix(in srgb,var(--gold-bright)55%,transparent),0 0 0 .05em var(--accent-strong),0 .45em 1.2em color-mix(in srgb,var(--shadow-ink)55%,transparent);border-radius:.6em}.deck-box--current .deck-box-front img,.deck-box--current .deck-box-random{border-radius:.48em}.deck-box-spine{position:absolute;pointer-events:none;transform-origin:left center;background-image:linear-gradient(90deg,color-mix(in oklab,var(--stone-dark),var(--gold)18%),var(--stone));border-inline-end:.05em solid color-mix(in oklab,var(--gold),var(--stone)40%);width:14%;height:100%;top:0;transform:rotateY(90deg)}.deck-box-spine:not(:-webkit-any(: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))){left:0}.deck-box-spine:not(:-moz-any(: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))){left:0}.deck-box-spine:not(: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))){left:0}.deck-box-spine:-webkit-any(: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)){right:0}.deck-box-spine:-moz-any(: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)){right:0}.deck-box-spine: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)){right:0}.deck-box--painted .deck-box-spine{display:none}@media (prefers-reduced-motion:reduce){.deck-box--prev,.deck-box--next{transform:scale(.86)}}.deck-caption{display:flex;align-items: center;gap:var(--space-1);margin-top:var(--space-2);flex-direction:column}.deck-caption-name{color:var(--accent-strong);font-family:var(--font-display);letter-spacing:.03em;text-shadow:0 .08em .3em var(--shadow-ink);margin:0;font-size:clamp(1rem,2vw,1.15rem);font-weight:400}.deck-caption-realms{color:var(--ivory);font-size:var(--text-s);letter-spacing:normal;text-shadow:0 .06em .18em var(--shadow-ink),0 0 .4em var(--shadow-ink);min-height:1.2em;margin:0}.screen--title sob-deck-select .menu{margin-top:0}.screen--title sob-draft-setup-screen .difficulty-bar{margin-top:var(--space-4);gap:var(--space-3);margin-bottom:0}.screen--title sob-draft-setup-screen .subtitle{margin-top:var(--space-3);margin-bottom:0}#shardsofbeyond-target.draft-screen{--d-gap:clamp(.2rem,.8vw,.55rem);--draft-card-w:calc((80vh - var(--space-3))/4*5/7);--match-well-shadow:inset 0 0 2.4em color-mix(in srgb,var(--shadow-ink)36%,transparent),inset 0 .18em 1.3em color-mix(in srgb,var(--shadow-ink)28%,transparent);position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr)auto minmax(0,1fr);grid-template-rows:minmax(0,1fr)auto;column-gap:var(--space-3);box-shadow:none;background-color:#0000;background-image:none;justify-content:stretch;align-items:stretch;padding:0}.draft-inspector{grid-column:1;grid-row:1;position:relative;z-index:80;box-sizing:border-box;padding-top:0;padding-right:.75rem;padding-bottom:calc(var(--draft-card-w)*7/5 + var(--space-4) + var(--space-3));display:flex;pointer-events:none;overflow-x:visible;overflow-y:visible;flex-direction:column;justify-content:center;place-self:stretch;align-items: center;width:auto;max-width:100%;height:100%;padding-left:.75rem}.draft-inspector:has(sob-card-inspector){pointer-events:auto}#shardsofbeyond-target.draft-screen .discard-pile.draft-discard{grid-column:1;grid-row:1;z-index:81;display:flex;place-self: end;align-items: center;gap:var(--space-1);width:var(--draft-card-w);aspect-ratio:auto;margin-bottom:var(--space-3);box-shadow:none;pointer-events:auto;cursor:pointer;background-color:#0000;background-image:none;border-width:0;border-radius:0;flex-direction:column-reverse;flex:none;height:auto;padding:0}.draft-discard .discard-well{position:relative;aspect-ratio:5/7;overflow-x:hidden;overflow-y:hidden;border-radius:.45em;width:100%;height:auto}.draft-discard .discard-well:after{content:"";position:absolute;z-index:2;pointer-events:none;border-radius:inherit;box-shadow:var(--match-well-shadow);inset:0}.draft-discard .discard-well .card{border-width:0;width:100%;height:100%;margin:0}.draft-discard .discard-well:not(:has(.card)):before{content:"Discard Pile";position:absolute;z-index:1;display:flex;pointer-events:none;font-family:var(--font-display);font-size:var(--text-s);color:color-mix(in srgb,var(--shadow-ink)38%,transparent);letter-spacing:.08em;text-align:center;text-shadow:0 0 .22em color-mix(in srgb,var(--shadow-ink)45%,transparent),0 .05em .1em color-mix(in srgb,var(--shadow-ink)35%,transparent);flex-direction:column;justify-content:center;align-items: center;inset:0}.draft-stats{grid-column:1;grid-row:1;z-index:82;display:flex;place-self: end stretch;gap:var(--space-1);margin:var(--space-2);padding:var(--space-2);box-sizing:border-box;overflow-x:hidden;overflow-y:auto;color:var(--ink);background-color:color-mix(in srgb,var(--shadow-ink)62%,transparent);pointer-events:auto;flex-direction:column;flex:0 auto;max-height:46%}.draft-stats[hidden]{display:none}.draft-stats-line,.draft-stats-type{font-size:var(--text-s);margin:0}.draft-stats-realms,.draft-stats-types{display:flex;gap:var(--space-1);flex-flow:wrap;flex:none}.draft-stats-types{flex-direction:column}.draft-stats-chip{display:inline-flex;font-size:var(--text-s);border-radius:.2em;flex:none;justify-content:center;align-items: center;min-width:1.4em;padding:.1em .35em}.draft-discard .discard-count{font-family:var(--font-display);font-size:var(--text-m);color:var(--ink-muted)}.draft-discard.empty .discard-count{display:none}.draft-stage{grid-column:2;grid-row:1;position:relative;display:flex;aspect-ratio:25/28;box-sizing:border-box;padding-top:var(--space-3);flex-direction:row;justify-content:center;align-items: center;width:auto;min-width:0;height:100%;min-height:0;max-height:100%}.draft-field{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:var(--d-gap);width:100%;height:100%}.draft-rail{grid-column:3;grid-row:1;display:flex;justify-content:flex-start;align-items:stretch;gap:var(--space-2);width:var(--draft-card-w);min-width:var(--draft-card-w);z-index:3;padding-top:var(--space-3);padding-right:0;padding-bottom:var(--space-2);margin-right:var(--space-4);box-sizing:border-box;flex-direction:column;flex:none;min-height:0;padding-left:0}.draft-screen .hand{grid-column:1/-1;grid-row:2;position:relative;z-index:3;width:100%}sob-draft-pile{--pile-n:1;--pile-card-h:calc(var(--draft-card-w,8rem)*7/5);position:relative;display:block;min-height:var(--pile-card-h);overflow-x:hidden;overflow-y:hidden;cursor:default;border-radius:.45em;flex:1;width:100%;min-width:0}sob-draft-pile:has(>:nth-child(2)){--pile-n:2}sob-draft-pile:has(>:nth-child(3)){--pile-n:3}sob-draft-pile:has(>:nth-child(4)){--pile-n:4}sob-draft-pile:has(>:nth-child(5)){--pile-n:5}sob-draft-pile:has(>:nth-child(6)){--pile-n:6}sob-draft-pile:has(>:nth-child(7)){--pile-n:7}sob-draft-pile:has(>:nth-child(8)){--pile-n:8}sob-draft-pile:has(>:nth-child(9)){--pile-n:9}sob-draft-pile:has(>:nth-child(10)){--pile-n:10}sob-draft-pile:has(>:nth-child(11)){--pile-n:11}sob-draft-pile:has(>:nth-child(12)){--pile-n:12}sob-draft-pile:has(>:nth-child(13)){--pile-n:13}sob-draft-pile:has(>:nth-child(14)){--pile-n:14}sob-draft-pile:has(>:nth-child(15)){--pile-n:15}sob-draft-pile:has(>:nth-child(16)){--pile-n:16}sob-draft-pile:has(>:nth-child(17)){--pile-n:17}sob-draft-pile:has(>:nth-child(18)){--pile-n:18}sob-draft-pile:has(>:nth-child(19)){--pile-n:19}sob-draft-pile:has(>:nth-child(20)){--pile-n:20}sob-draft-pile .card{display:block;position:relative;aspect-ratio:5/7;margin-top:0;margin-right:0;margin-bottom:max(calc(var(--pile-card-h)*-.86),min(-58%,calc((100% - var(--pile-card-h)*var(--pile-n))/max(1,calc(var(--pile-n) - 1)))));border-width:0;width:100%;height:auto;margin-left:0}sob-draft-pile .card:last-child{margin-bottom:0}sob-draft-pile .card-power{display:none}sob-draft-pile:not(:has(.card)):before{content:"Drafted";position:absolute;z-index:1;display:flex;pointer-events:none;font-family:var(--font-display);font-size:var(--text-s);color:color-mix(in srgb,var(--shadow-ink)38%,transparent);letter-spacing:.08em;text-align:center;text-shadow:0 0 .22em color-mix(in srgb,var(--shadow-ink)45%,transparent),0 .05em .1em color-mix(in srgb,var(--shadow-ink)35%,transparent);flex-direction:column;justify-content:center;align-items: center;inset:0}sob-draft-pile:not(:has(.card)):after{content:"";position:absolute;z-index:2;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 2.4em color-mix(in srgb,var(--shadow-ink)36%,transparent),inset 0 .18em 1.3em color-mix(in srgb,var(--shadow-ink)28%,transparent);inset:0}sob-draft-pile .copy-count{position:absolute;z-index:1;font-family:var(--font-display);font-size:var(--text-s);color:var(--ivory);text-shadow:0 .04em .12em color-mix(in srgb,var(--shadow-ink)80%,transparent),0 0 .18em color-mix(in srgb,var(--shadow-ink)55%,transparent);pointer-events:none;top:.35em;right:.4em}.draft-results-col sob-draft-pile{overflow-y:auto;cursor:default;flex:0 auto;width:min(100%,8rem);max-height:46vh}#shardsofbeyond-target.draft-screen .draft-end,#shardsofbeyond-target.draft-screen .draft-deck,#shardsofbeyond-target.draft-screen .draft-stats-toggle{appearance:none;position:relative;z-index:4;display:flex;color:var(--stone-dark);font-family:var(--font-body);font-size:var(--text-s);letter-spacing:.14em;text-transform:uppercase;background-color:var(--papyrus);background-image:linear-gradient(180deg,color-mix(in srgb,var(--ivory)48%,transparent)0%,color-mix(in srgb,var(--ivory)10%,transparent)34%,transparent 52%,color-mix(in srgb,var(--shadow-ink)16%,transparent)100%),var(--hall-marble);cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:100% 100%,cover;border-radius:.4em;flex-direction:row;flex:none;justify-content:center;align-items: center;width:100%;min-width:0;padding:0 1.4rem;font-weight:400}#shardsofbeyond-target.draft-screen .draft-deck,#shardsofbeyond-target.draft-screen .draft-stats-toggle{font-size:var(--text-s);letter-spacing:.1em;border-style:solid;border-width:.06em;border-color:color-mix(in oklab,var(--gold),var(--stone)45%);box-shadow:inset 0 .06em 0 color-mix(in srgb,var(--ivory)35%,transparent),0 .08em .22em color-mix(in srgb,var(--shadow-ink)35%,transparent);filter:grayscale(.2)brightness(.88);height:clamp(1.9rem,4.6vmin,2.4rem)}#shardsofbeyond-target.draft-screen .draft-end{font-size:var(--text-m);letter-spacing:.16em;border-style:solid;border-width:.09em;border-color:color-mix(in oklab,var(--gold),var(--gold-bright)40%);box-shadow:inset 0 .08em 0 color-mix(in srgb,var(--ivory)55%,transparent),0 0 .55em color-mix(in srgb,var(--accent)45%,transparent),0 .14em .4em color-mix(in srgb,var(--shadow-ink)40%,transparent);height:clamp(2.5rem,6.2vmin,3.1rem)}#shardsofbeyond-target.draft-screen .draft-end[hidden]{display:flex;visibility:hidden;pointer-events:none}#shardsofbeyond-target.draft-screen .draft-end:before,#shardsofbeyond-target.draft-screen .draft-end:after{content:"◆";position:absolute;color:var(--gold);pointer-events:none;font-size:.55em;top:50%;transform:translateY(-50%)}#shardsofbeyond-target.draft-screen .draft-end:before{left:.5em}#shardsofbeyond-target.draft-screen .draft-end:after{right:.5em}@media (max-width:600px){#shardsofbeyond-target.draft-screen{--d-gap:clamp(.12rem,1.2vw,.35rem);column-gap:var(--space-1)}.draft-inspector{display:none}.draft-stats{position:absolute;left:var(--space-2);right:var(--space-2);bottom:calc(var(--draft-card-w)*7/5 + var(--space-4));z-index:6;max-height:38%;margin:0}.draft-stage{padding-top:calc(max(var(--space-2),env(safe-area-inset-top)) + 2.6rem)}.draft-rail{padding-top:calc(max(var(--space-2),env(safe-area-inset-top)) + 2.6rem);padding-right:var(--space-1)}.draft-screen .hand{padding-right:var(--space-3);padding-left:var(--space-3)}#shardsofbeyond-target.draft-screen .draft-end,#shardsofbeyond-target.draft-screen .draft-deck{position:absolute;top:max(var(--space-2),env(safe-area-inset-top));bottom:auto;right:auto;left:var(--space-3);letter-spacing:.08em;width:auto;min-width:0;height:2rem;padding:0 1.1rem;font-size:.7rem}#shardsofbeyond-target.draft-screen .draft-deck{left:auto;right:var(--space-3)}.draft-discard{margin-bottom:var(--space-2)}}:-webkit-any(.screen,sob-match,sob-hall-chrome,sob-sound-toggle) :focus-visible{outline:.12rem solid var(--accent-strong);outline-offset:.2rem}:-moz-any(.screen,sob-match,sob-hall-chrome,sob-sound-toggle) :focus-visible{outline:.12rem solid var(--accent-strong);outline-offset:.2rem}:is(.screen,sob-match,sob-hall-chrome,sob-sound-toggle) :focus-visible{outline:.12rem solid var(--accent-strong);outline-offset:.2rem}.match-setup-bar{display:grid;align-content: start;gap:1rem;width:100%}.match-setup-bar label,.draft-setup-controls label{display:grid;color:var(--ink-muted);font-size:var(--text-s);text-align:left;gap:.35rem;min-width:0}.screen--title :-webkit-any(select,input:not([type]),input[type=text]){border:.06rem solid var(--line);border-radius:var(--control-radius);background:color-mix(in oklab,var(--stone-dark),var(--papyrus)5%);color:var(--ink);padding:var(--space-2)var(--space-3);font:normal var(--text-m)var(--font-body);box-shadow:inset 0 .1rem .3rem color-mix(in srgb,var(--shadow-ink)30%,transparent);width:100%;min-width:0;min-height:2.8rem}.screen--title :-moz-any(select,input:not([type]),input[type=text]){border:.06rem solid var(--line);border-radius:var(--control-radius);background:color-mix(in oklab,var(--stone-dark),var(--papyrus)5%);color:var(--ink);padding:var(--space-2)var(--space-3);font:normal var(--text-m)var(--font-body);box-shadow:inset 0 .1rem .3rem color-mix(in srgb,var(--shadow-ink)30%,transparent);width:100%;min-width:0;min-height:2.8rem}.screen--title :is(select,input:not([type]),input[type=text]){border:.06rem solid var(--line);border-radius:var(--control-radius);background:color-mix(in oklab,var(--stone-dark),var(--papyrus)5%);color:var(--ink);padding:var(--space-2)var(--space-3);font:normal var(--text-m)var(--font-body);box-shadow:inset 0 .1rem .3rem color-mix(in srgb,var(--shadow-ink)30%,transparent);width:100%;min-width:0;min-height:2.8rem}.screen--title .match-setup-bar .difficulty-bar{display:grid;gap:.35rem;width:100%;margin:0}.screen--title .match-setup-bar .difficulty-label{font-size:var(--text-s);letter-spacing:0;text-transform:none;margin:0}.screen--title sob-deck-select .menu-body{flex-shrink:0;flex-basis:auto;gap:0;width:min(94vw,64rem);margin-inline-start:auto;margin-inline-end:auto;padding:0 1rem 4rem}.deck-selection-workspace{display:grid;grid-template-columns:minmax(0,1fr)17rem;align-items: start;gap:clamp(2rem,5vw,5rem);width:100%}sob-deck-select .deck-stage{gap:.9rem;min-width:0;margin:0}sob-deck-select .match-setup-bar{border:.06rem solid var(--line);background:color-mix(in srgb,var(--stone-dark)84%,transparent);border-radius:.3rem;padding:1.2rem}sob-deck-select .singleplayer-pickers{width:min(100%,22rem)}sob-deck-select .singleplayer-pickers label{display:block;color:var(--ink-muted);font-size:var(--text-s)}sob-deck-select .singleplayer-pickers select{display:block;margin-top:.35rem}sob-deck-select .deck-box{width:min(clamp(5rem,14dvh,8rem),20vw)}sob-deck-select .deck-box--current{width:min(clamp(7rem,20dvh,11rem),30vw)}sob-deck-select .deck-caption{min-height:3.5rem;margin:0}sob-deck-select .deck-select-hint{font-size:var(--text-s);color:var(--ink-muted);max-width:30rem;min-height:1.4em;margin:.25rem 0 0}sob-deck-select .deck-tools{display:flex;gap:1rem}sob-deck-select .deck-tools .button{box-shadow:none;font-size:var(--text-s);background:0 0;border:none;width:auto;padding:.4rem .8rem}.screen--title :is(.mp-text-button,.deck-tools .button){color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.25em;font-weight:400}.screen--title :-webkit-any(.mp-intro,.mp-matchmaking,.deck-caption,.deck-select-hint){text-shadow:0 .08em .3em var(--shadow-ink)}.screen--title :-moz-any(.mp-intro,.mp-matchmaking,.deck-caption,.deck-select-hint){text-shadow:0 .08em .3em var(--shadow-ink)}.screen--title :is(.mp-intro,.mp-matchmaking,.deck-caption,.deck-select-hint){text-shadow:0 .08em .3em var(--shadow-ink)}sob-deck-select .deck-tools .button:disabled{display:none}.screen--title sob-deck-select .match-setup-bar .menu{width:100%;margin:.5rem 0 0}.screen--title sob-deck-select .match-setup-bar .menu .button{width:100%;min-height:3rem;font-size:.95rem}#shardsofbeyond-target.screen--title:has(:-webkit-any(sob-deck-select,sob-draft-setup-screen)){overflow-y:auto}#shardsofbeyond-target.screen--title:has(:-moz-any(sob-deck-select,sob-draft-setup-screen)){overflow-y:auto}#shardsofbeyond-target.screen--title:has(:is(sob-deck-select,sob-draft-setup-screen)){overflow-y:auto}@media (max-width:45rem){.deck-selection-workspace{grid-template-columns:1fr;gap:1.2rem}sob-deck-select .match-setup-bar{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}sob-deck-select .match-setup-bar .menu{grid-column:1/-1}.screen--title sob-deck-select .menu-body{padding-inline-start:.5rem;padding-inline-end:.5rem}}.match-setup-bar [hidden]{display:none}.saved-draft-note{grid-column:1/-1;color:var(--ink-muted);margin:0;font-size:.85rem;line-height:1.6}.screen select:not([multiple]):not([size]){appearance:none;--buncss-light: ;--buncss-dark:initial;color-scheme:dark;background-image:linear-gradient(45deg,transparent 50%,var(--accent)50%),linear-gradient(135deg,var(--accent)50%,transparent 50%);text-overflow:ellipsis;background-position:right 1.05rem center,right .75rem center;background-repeat:no-repeat;background-size:.3rem .3rem;padding-right:2.25rem}.screen select option{color:var(--ink);background:var(--stone-dark)}.screen select:disabled{opacity:.55}sob-settings,sob-profile{display:contents}sob-settings:not([open]) .settings-dimmer,sob-profile:not([open]) .settings-dimmer{display:none}.settings-dimmer{position:fixed;z-index:9400;background:color-mix(in srgb,var(--shadow-ink)60%,transparent);inset:0}sob-settings dialog,sob-profile dialog{position:fixed;z-index:9500;padding:var(--space-4);overflow-x:hidden;overflow-y:auto;border:2.6rem solid #0000;border-image-source:var(--popup-frame);border-image-slice:40 fill;box-shadow:none;outline-width:0;color:var(--ink);font-family:var(--font-body);background-color:#0000;background-image:none;border-image-repeat:stretch;border-radius:0;width:min(22rem,92vw);max-height:88vh;margin:0;inset:50% auto auto 50%;transform:translate(-50%,-50%)}sob-profile dialog:has(.profile-detail:not([hidden])){box-sizing:border-box;overflow:hidden;width:min(76rem,96vw);height:min(52rem,94dvh);max-height:94dvh}sob-profile .profile-detail:not([hidden]){flex-grow:1}sob-profile .profile-detail>[data-act=back]{align-self: flex-start;width:auto}sob-profile dialog:has(.profile-detail:not([hidden]))>[data-act=close]{position:absolute;right:var(--space-4);bottom:var(--space-4)}sob-settings dialog[open],sob-profile dialog[open]{display:flex;flex-direction:column;flex:0 auto;align-items:stretch}sob-settings h2,sob-profile h2{margin:0 0 var(--space-3);text-align:center;font-size:var(--text-l);letter-spacing:.08em;text-shadow:0 .08em .2em var(--shadow-ink);font-weight:400}sob-settings h3,sob-profile h3{margin:0 0 var(--space-2);color:var(--ink-muted);font-size:var(--text-m);letter-spacing:.08em;text-transform:uppercase;font-weight:400}.settings-row{display:flex;align-items: center;gap:var(--space-2);margin-bottom:var(--space-2);flex-direction:row;flex:none}.settings-row-label{font-size:var(--text-m);flex:0 0 4.5em}sob-settings [data-act=music-mute],sob-settings [data-act=sfx-mute]{color:var(--hall-icon,var(--accent));box-shadow:none;opacity:.88;font-size:var(--text-m);background-color:#0000;background-image:none;border:none;flex:none;width:clamp(1.5rem,3.4vmin,2.1rem);height:clamp(1.5rem,3.4vmin,2.1rem);padding:0}sob-settings [data-act=music-mute]:before,sob-settings [data-act=sfx-mute]:before{content:"♪"}sob-settings [data-act=music-mute][data-muted],sob-settings [data-act=sfx-mute][data-muted]{opacity:.45}sob-profile input[type=text]{padding:var(--space-1)var(--space-2);color:var(--ink);font-family:var(--font-body);font-size:var(--text-m);background-color:color-mix(in srgb,var(--shadow-ink)35%,transparent);border-style:solid;border-width:.06em;border-color:var(--line);flex:1;min-width:0}.profile-history,.profile-detail{display:flex;gap:var(--space-2);flex-direction:column;flex:0 auto;min-height:0}.profile-overview[hidden],.profile-history[hidden],.profile-detail[hidden]{display:none}.profile-history .plaque,.profile-detail .plaque{width:100%}.profile-empty{color:var(--ink-muted);margin:0}sob-settings input[type=range]{accent-color:var(--accent);flex:1;min-width:0}sob-settings [data-act=close],sob-profile [data-act=close],sob-profile [data-act=back]{appearance:none;margin-top:var(--space-3);padding:var(--space-2)var(--space-4);font-family:var(--font-body);font-size:var(--text-m);align-self: center;min-width:7rem;min-height:2.5rem}.settings-match:not([hidden]){display:flex;gap:var(--space-2);border-top:.06em solid var(--line);padding-top:var(--space-2);flex-direction:column}.settings-match p{font-size:var(--text-s);color:var(--ink-muted);margin:0}.settings-match button{font-family:var(--font-body);font-size:var(--text-s);padding:.65em 1em}sob-profile dialog[open]{border-width:1.3rem;width:min(38rem,94vw)}sob-profile input{color:var(--ink);background:var(--surface-sunken);border:.06rem solid var(--line);font:inherit;min-width:0;padding:.5rem}sob-profile .settings-row{margin-bottom:1rem}sob-playtest-menu{position:fixed;left:calc(var(--space-5) + 2*clamp(2.1rem,5vmin,3rem));bottom:max(var(--space-4),env(safe-area-inset-bottom));z-index:200;color:var(--ink);font:.85rem/1.35 var(--font-body)}sob-playtest-menu summary{position:relative;display:block;list-style:none;box-shadow:none;color:var(--hall-icon);opacity:.95;cursor:pointer;filter:drop-shadow(0 .06em .06em var(--shadow-ink));background:0 0;border:none;width:clamp(1.5rem,3.4vmin,2.1rem);height:clamp(1.5rem,3.4vmin,2.1rem);padding:0;font-size:clamp(1.4rem,3.4vmin,2.1rem)}sob-playtest-menu summary:hover,sob-playtest-menu details[open] summary{color:var(--accent-strong);opacity:1;filter:drop-shadow(0 0 .35em color-mix(in srgb,var(--hall-icon)55%,transparent))}sob-playtest-menu summary:focus-visible{color:var(--accent-strong);opacity:1;filter:drop-shadow(0 0 .35em color-mix(in srgb,var(--hall-icon)55%,transparent))}sob-playtest-menu summary::-webkit-details-marker{display:none}sob-playtest-menu summary:before,sob-playtest-menu summary:after{content:"";position:absolute;border:.1em solid;border-radius:.08em;width:.55em;height:.8em;top:50%;left:50%;transform:translate(-70%,-60%)rotate(-12deg)}sob-playtest-menu summary:after{background:linear-gradient(45deg,transparent 38%,currentColor 39% 61%,transparent 62%)center/45% 35% no-repeat,var(--stone);box-shadow:inset 0 0 0 .04em var(--shadow-ink),inset 0 0 0 .08em currentColor;transform:translate(-35%,-40%)rotate(10deg)}sob-playtest-menu form{position:fixed;left:max(var(--space-3),env(safe-area-inset-left));bottom:calc(max(var(--space-4),env(safe-area-inset-bottom)) + clamp(1.5rem,3.4vmin,2.1rem) + .6rem);width:min(24rem,calc(100vw - 2*var(--space-3)));display:grid;grid-template-rows:auto auto auto minmax(0,1fr)auto auto;overflow:hidden;border:1.2rem solid #0000;border-image-source:var(--popup-frame);border-image-slice:40 fill;box-shadow:var(--shadow-drop);background:0 0;border-image-repeat:stretch;border-radius:0;gap:.4rem;max-height:min(35rem,100dvh - 9rem);padding:.65rem}sob-playtest-menu :-webkit-any(header,footer){display:flex;justify-content:space-between;align-items: center;gap:.7rem}sob-playtest-menu :-moz-any(header,footer){display:flex;justify-content:space-between;align-items: center;gap:.7rem}sob-playtest-menu :is(header,footer){display:flex;justify-content:space-between;align-items: center;gap:.7rem}sob-playtest-menu :-webkit-any(h2,p,ul){margin:0}sob-playtest-menu :-moz-any(h2,p,ul){margin:0}sob-playtest-menu :is(h2,p,ul){margin:0}sob-playtest-menu h2{color:var(--accent-strong);font:normal 1rem var(--font-body);letter-spacing:.1em;text-transform:uppercase}sob-playtest-menu :-webkit-any(input,button){font:inherit;min-width:0;margin:0;padding:.55rem .65rem}sob-playtest-menu :-moz-any(input,button){font:inherit;min-width:0;margin:0;padding:.55rem .65rem}sob-playtest-menu :is(input,button){font:inherit;min-width:0;margin:0;padding:.55rem .65rem}sob-playtest-menu button:not(:-webkit-any(.plaque,.filter-chip)){color:var(--ink);box-shadow:none;background:0 0;border:.06em solid #0000;border-radius:.35rem}sob-playtest-menu button:not(:-moz-any(.plaque,.filter-chip)){color:var(--ink);box-shadow:none;background:0 0;border:.06em solid #0000;border-radius:.35rem}sob-playtest-menu button:not(:is(.plaque,.filter-chip)){color:var(--ink);box-shadow:none;background:0 0;border:.06em solid #0000;border-radius:.35rem}sob-playtest-menu input[type=search]{user-select:text;width:100%;min-height:2.75rem;font-size:1rem}sob-playtest-menu .playtest-close{color:var(--ink-muted);width:2rem;height:2rem;padding:0}sob-playtest-menu .playtest-close:before{content:"×";font-size:1.4rem}sob-playtest-menu .playtest-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem}sob-playtest-menu .playtest-filters .filter-chip{font-size:inherit;padding:.4rem .2rem}sob-playtest-menu .playtest-results{display:grid;list-style:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line)transparent;align-content: start;gap:.3rem;min-height:0;padding:0}sob-playtest-menu .playtest-results button{position:relative;display:grid;padding-block-start:.3rem;padding-block-end:.3rem;text-align:left;border-bottom-color:color-mix(in srgb,var(--ink)12%,transparent);border-radius:0;gap:.15rem;width:100%;min-height:3rem;padding-right:2rem}sob-playtest-menu .playtest-results strong{overflow-wrap:anywhere;font-weight:400}sob-playtest-menu .playtest-results small{color:var(--ink-muted);font-size:.7rem}sob-playtest-menu .playtest-results [aria-pressed=true]{color:var(--accent-strong);border-left-color:var(--accent);background:color-mix(in srgb,var(--accent)12%,transparent)}sob-playtest-menu .playtest-results [aria-pressed=true]:after{content:"✓";position:absolute;color:var(--accent-strong);top:50%;right:.7rem;transform:translateY(-50%)}sob-playtest-menu .playtest-pagination{display:grid;grid-template-columns:auto 1fr auto;align-items: center;gap:.7rem;font-size:.75rem}sob-playtest-menu .playtest-count{text-align:center;color:var(--ink-muted)}sob-playtest-menu footer{border-top:.06em solid var(--line);padding-top:.7rem}sob-playtest-menu .playtest-hint{color:var(--ink-muted);overflow-wrap:anywhere;font-size:.75rem}sob-playtest-menu .playtest-feedback:has([role=status]:not(:empty)) .playtest-hint{display:none}sob-playtest-menu footer .plaque{flex-shrink:0;min-height:2.75rem;padding-inline-start:.8rem;padding-inline-end:.8rem}sob-playtest-menu :disabled{opacity:.4}sob-playtest-menu .playtest-results button:hover{background:color-mix(in srgb,var(--ivory)8%,transparent);color:var(--accent-strong)}sob-playtest-menu .playtest-empty{text-align:center;color:var(--ink-muted);padding:1rem}sob-playtest-menu [role=status]{overflow-wrap:anywhere;font-size:.75rem}sob-playtest-menu [role=status]:empty{display:none}sob-playtest-menu :focus-visible{outline:.12em solid var(--accent-strong);outline-offset:.12em}@media (max-height:35rem){sob-playtest-menu form{border-width:.6rem;gap:.3rem;max-height:calc(100dvh - 4.5rem);padding:.3rem}sob-playtest-menu footer{padding-top:.3rem}}@media (max-height:35rem) and (min-width:36rem){sob-playtest-menu form{width:min(42rem,calc(100vw - 2*var(--space-3)));grid-template-columns:minmax(0,1fr)minmax(0,1.2fr);grid-template-rows:auto auto minmax(0,1fr)auto;column-gap:.8rem}sob-playtest-menu :-webkit-any(header,input,.playtest-filters,footer){grid-column:1}sob-playtest-menu :-moz-any(header,input,.playtest-filters,footer){grid-column:1}sob-playtest-menu :is(header,input,.playtest-filters,footer){grid-column:1}sob-playtest-menu .playtest-filters{align-self: start}sob-playtest-menu .playtest-results{grid-column:2;grid-row:1/span 3;gap:.2rem}sob-playtest-menu .playtest-results button{min-height:2.75rem;padding-block-start:.15rem;padding-block-end:.15rem}sob-playtest-menu .playtest-pagination{grid-column:2;grid-row:4}sob-playtest-menu footer{grid-row:4}}sob-stage{position:fixed;z-index:0;pointer-events:none;inset:0}sob-stage .stage-layer{position:absolute;background-color:var(--stone-dark);opacity:0;transition:opacity var(--dur-slow)var(--ease-ceremonial);background-position:50%;background-repeat:no-repeat;background-size:cover;inset:0}sob-stage.is-instant .stage-layer{transition:none}sob-stage .stage-layer.is-current{opacity:1}sob-stage .stage-layer[data-room=hall][data-loaded]{background-image:var(--hall-temple);animation:hall-light 9s ease-in-out infinite alternate}sob-stage .stage-layer[data-room=match][data-loaded]{background-image:var(--match-temple)}sob-stage .stage-layer[data-room=draft][data-loaded]{background-image:var(--draft-wall)}sob-stage .stage-layer[data-room=hall]:before{content:"";position:absolute;z-index:0;pointer-events:none;background-image:radial-gradient(ellipse 80% 40% at 22% 82%,color-mix(in srgb,var(--stone)28%,transparent),transparent 70%),radial-gradient(ellipse 70% 38% at 78% 86%,color-mix(in srgb,var(--ink-muted)14%,transparent),transparent 72%),radial-gradient(ellipse 55% 28% at 50% 92%,color-mix(in srgb,var(--stone-dark)35%,transparent),transparent 70%);animation:hall-fog 28s var(--ease-ceremonial)infinite alternate,hall-haze 11s ease-in-out infinite alternate;background-repeat:no-repeat;inset:-18%}@keyframes hall-fog{0%{transform:translate(-3%,-1.5%)}to{transform:translate(2.5%,2%)}}@keyframes hall-haze{0%{opacity:.35}to{opacity:.75}}@keyframes hall-light{0%{box-shadow:inset 0 0 22vh color-mix(in srgb,var(--shadow-ink)22%,transparent)}to{box-shadow:inset 0 0 16vh color-mix(in srgb,var(--shadow-ink)8%,transparent)}}@keyframes stage-content-out{0%{opacity:1}to{opacity:0}}@keyframes stage-content-in{0%{opacity:0}to{opacity:1}}#shardsofbeyond-target[data-stage=leaving]{animation-name:stage-content-out;animation-duration:var(--dur-slow);animation-timing-function:var(--ease-ceremonial);animation-fill-mode:forwards;pointer-events:none}#shardsofbeyond-target[data-stage=arriving]{animation-name:stage-content-in;animation-duration:var(--dur-slow);animation-timing-function:var(--ease-ceremonial);animation-fill-mode:both;pointer-events:none}@media (prefers-reduced-motion:reduce){sob-stage .stage-layer[data-room=hall],sob-stage .stage-layer[data-room=hall]:before{animation:none}sob-stage .stage-layer[data-room=hall]{box-shadow:none}sob-stage .stage-layer[data-room=hall]:before{opacity:.5;transform:none}}sob-stage .stage-layer:not(.is-current),sob-stage .stage-layer:not(.is-current):before{animation-play-state:paused}#shardsofbeyond-target.screen:has(>:-webkit-any(sob-deck-builder-screen,sob-card-gallery-screen,sob-limited-draft-screen,sob-tutorial-screen)){box-shadow:none;padding:0}#shardsofbeyond-target.screen:has(>:-moz-any(sob-deck-builder-screen,sob-card-gallery-screen,sob-limited-draft-screen,sob-tutorial-screen)){box-shadow:none;padding:0}#shardsofbeyond-target.screen:has(>:is(sob-deck-builder-screen,sob-card-gallery-screen,sob-limited-draft-screen,sob-tutorial-screen)){box-shadow:none;padding:0}:-webkit-any(sob-deck-builder-screen,sob-card-gallery-screen,sob-tutorial-screen).menu-screen{display:flex;color:var(--ink);flex-direction:column;align-items:stretch;gap:.65rem;width:min(97vw,110rem);height:100dvh;min-height:0;margin-inline-start:auto;margin-inline-end:auto;padding:.65rem 0 3.3rem}:-moz-any(sob-deck-builder-screen,sob-card-gallery-screen,sob-tutorial-screen).menu-screen{display:flex;color:var(--ink);flex-direction:column;align-items:stretch;gap:.65rem;width:min(97vw,110rem);height:100dvh;min-height:0;margin-inline-start:auto;margin-inline-end:auto;padding:.65rem 0 3.3rem}:is(sob-deck-builder-screen,sob-card-gallery-screen,sob-tutorial-screen).menu-screen{display:flex;color:var(--ink);flex-direction:column;align-items:stretch;gap:.65rem;width:min(97vw,110rem);height:100dvh;min-height:0;margin-inline-start:auto;margin-inline-end:auto;padding:.65rem 0 3.3rem}.screen--title :-webkit-any(sob-deck-builder-screen,sob-card-gallery-screen,sob-limited-draft-screen).menu-screen{display:flex;color:var(--ink);flex-direction:column;align-items:stretch;gap:.65rem;width:min(97vw,110rem);height:100dvh;min-height:0;margin-inline-start:auto;margin-inline-end:auto;padding:.65rem 0 3.3rem}.screen--title :-moz-any(sob-deck-builder-screen,sob-card-gallery-screen,sob-limited-draft-screen).menu-screen{display:flex;color:var(--ink);flex-direction:column;align-items:stretch;gap:.65rem;width:min(97vw,110rem);height:100dvh;min-height:0;margin-inline-start:auto;margin-inline-end:auto;padding:.65rem 0 3.3rem}.screen--title :is(sob-deck-builder-screen,sob-card-gallery-screen,sob-limited-draft-screen).menu-screen{display:flex;color:var(--ink);flex-direction:column;align-items:stretch;gap:.65rem;width:min(97vw,110rem);height:100dvh;min-height:0;margin-inline-start:auto;margin-inline-end:auto;padding:.65rem 0 3.3rem}.collection-header{display:flex;position:relative;flex-shrink:0;justify-content:center;align-items: center;min-height:2.7rem;padding:.2rem 4rem}.collection-header h1{color:var(--accent-strong);font:normal 1.15rem var(--font-body);letter-spacing:.16em;text-transform:uppercase;margin:0}.collection-header .button{position:absolute;box-shadow:none;color:var(--accent-strong);background:0 0;border:none;width:auto;min-height:2rem;padding:.3rem .5rem;font-size:.85rem;left:0}.card-gallery-page,.deck-builder-page{flex:1;width:100%;min-height:0}.card-gallery-page{display:flex;flex-direction:column}.deck-builder-page{display:grid;grid-template-columns:minmax(0,1fr)clamp(20rem,28vw,27rem);gap:.8rem}.deck-builder-collection{display:flex;position:relative;flex-direction:column;min-width:0;min-height:0}sob-card-browser,.tutorial-library,.deck-builder-panel,.limited-gallery,.collection-detail,.deck-builder-import{border:.65rem solid #0000;border-image-source:var(--popup-frame);border-image-slice:40 fill;box-shadow:var(--shadow-drop);background:0 0;border-image-repeat:stretch}sob-card-browser{display:flex;container-type:inline-size;overflow:hidden;flex-direction:column;flex:1;min-width:0;min-height:0}.card-browser-filters{display:grid;grid-template-columns:minmax(8rem,1fr)auto auto auto;border-bottom:.06rem solid var(--line);flex-shrink:0;align-items: center;gap:.4rem;padding:.55rem .65rem}.card-browser-search,.card-browser-fields select,.deck-builder-import textarea{border:.06rem solid var(--line);background:var(--surface-sunken);color:var(--ink);font:normal .85rem var(--font-body);border-radius:.2rem;width:100%;min-width:0;min-height:2rem;padding:.35rem .5rem}.deck-builder-toolbar :-webkit-any(input,select){border:.06rem solid var(--line);background:var(--surface-sunken);color:var(--ink);font:normal .85rem var(--font-body);border-radius:.2rem;width:100%;min-width:0;min-height:2rem;padding:.35rem .5rem}.deck-builder-toolbar :-moz-any(input,select){border:.06rem solid var(--line);background:var(--surface-sunken);color:var(--ink);font:normal .85rem var(--font-body);border-radius:.2rem;width:100%;min-width:0;min-height:2rem;padding:.35rem .5rem}.deck-builder-toolbar :is(input,select){border:.06rem solid var(--line);background:var(--surface-sunken);color:var(--ink);font:normal .85rem var(--font-body);border-radius:.2rem;width:100%;min-width:0;min-height:2rem;padding:.35rem .5rem}.card-browser-search::placeholder{color:var(--ink-muted)}.filter-chip-row{display:flex;flex-wrap:wrap;align-items: center;gap:.15rem;min-width:0}.filter-chip,.collection-reset,.collection-filter-toggle{color:var(--ink-muted);font:normal .78rem var(--font-body);white-space:nowrap;background:0 0;border:none;border-bottom:.1rem solid #0000;min-height:2rem;padding:.3rem .45rem}.filter-chip[aria-pressed=true],.collection-filter-toggle[aria-expanded=true]{color:var(--accent-strong);border-bottom-color:var(--accent)}.collection-reset{font-size:.72rem}.card-browser-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;padding-top:.3rem}.card-browser-fields[hidden]{display:none}.card-browser-fields label{display:grid;color:var(--ink-muted);gap:.2rem;min-width:0;font-size:.72rem}.card-browser-fields .plaque{background:var(--surface-sunken);box-shadow:none;text-shadow:none;background-image:none}.card-browser-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr));overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain;flex:1;align-content: start;gap:1rem .9rem;min-height:0;padding:.85rem}sob-card-gallery-screen .card-browser-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr))}.card-browser-item{display:flex;text-align:center;contain:layout style;flex-direction:column;gap:.25rem;min-width:0}.card-browser-pick{display:flex;color:var(--ink);font:inherit;text-align:center;background:0 0;border:none;flex-direction:column;gap:.35rem;padding:0}.card-browser-item .card,.limited-card .card,.collection-detail>.card{display:block;position:relative;aspect-ratio:5/7;overflow:hidden;background:var(--surface-sunken);box-shadow:var(--shadow-drop);border:none;border-radius:.25rem;width:100%;height:auto}.card-browser-name{font-size:.8rem;line-height:1.4}.card-print-select,.card-print-label{color:var(--ink-muted);font:normal .7rem var(--font-body);background:0 0;border:none;align-self: center;max-width:100%;margin:0;padding:.15rem .4rem}.card-print-select{color:var(--accent-strong)}.card-print-select option{background:var(--surface);color:var(--ink)}.card-browser-item .card-print-label{display:none}.card-browser-summary{border-top:.06rem solid var(--line);color:var(--ink-muted);text-align:center;flex-shrink:0;margin:0;padding:.3rem;font-size:.7rem}.card-exhausted{opacity:.45}.collection-empty{grid-column:1/-1;color:var(--ink-muted);text-align:center;margin:auto;padding:1.5rem;font-size:.9rem;line-height:1.6}.deck-builder-toolbar{display:flex;border-bottom:.06rem solid var(--line);flex-wrap:wrap;align-items: center;gap:.4rem .7rem;padding:.3rem .1rem .1rem}.deck-builder-account{display:flex;overflow:auto;flex-wrap:wrap;flex-shrink:0;align-items: flex-start;gap:.4rem 1rem;max-height:27vh}.deck-builder-account .account-panel{flex:16rem;margin:0}.account-deck-library{flex:3 30rem;min-width:0;padding:.2rem}.account-deck-library[hidden]{display:none}.account-deck-library h2{font:normal .85rem var(--font-body);color:var(--accent-strong);margin:0}.account-deck-note,.account-deck-status{color:var(--ink-muted);font:normal .75rem/1.4 var(--font-body);margin:.25rem 0}.account-deck-controls{display:flex;flex-wrap:wrap;align-items: end;gap:.3rem}.account-deck-controls label{display:grid;color:var(--ink-muted);font:normal .7rem var(--font-body);flex:12rem;gap:.15rem;min-width:0}.account-deck-controls :-webkit-any(select,.button){border:.06rem solid var(--line);background:var(--surface-sunken);color:var(--ink);box-shadow:none;font:normal .75rem var(--font-body);letter-spacing:0;text-transform:none;border-radius:.2rem;width:auto;min-width:0;min-height:2rem;margin:0;padding:.3rem .5rem}.account-deck-controls :-moz-any(select,.button){border:.06rem solid var(--line);background:var(--surface-sunken);color:var(--ink);box-shadow:none;font:normal .75rem var(--font-body);letter-spacing:0;text-transform:none;border-radius:.2rem;width:auto;min-width:0;min-height:2rem;margin:0;padding:.3rem .5rem}.account-deck-controls :is(select,.button){border:.06rem solid var(--line);background:var(--surface-sunken);color:var(--ink);box-shadow:none;font:normal .75rem var(--font-body);letter-spacing:0;text-transform:none;border-radius:.2rem;width:auto;min-width:0;min-height:2rem;margin:0;padding:.3rem .5rem}.account-deck-controls :-webkit-any(select,.button):disabled{opacity:.6}.account-deck-controls :-moz-any(select,.button):disabled{opacity:.6}.account-deck-controls :is(select,.button):disabled{opacity:.6}.account-deck-controls :-webkit-any(select,.button):focus-visible{outline:.12rem solid var(--accent);outline-offset:.1rem}.account-deck-controls :-moz-any(select,.button):focus-visible{outline:.12rem solid var(--accent);outline-offset:.1rem}.account-deck-controls :is(select,.button):focus-visible{outline:.12rem solid var(--accent);outline-offset:.1rem}@media (max-width:40rem){.deck-builder-account{overflow:visible;max-height:none}.account-deck-controls :-webkit-any(select,.button){min-height:2.75rem}.account-deck-controls :-moz-any(select,.button){min-height:2.75rem}.account-deck-controls :is(select,.button){min-height:2.75rem}}.deck-builder-toolbar label{min-width:0}.deck-builder-library{width:clamp(8rem,15vw,13rem)}.deck-builder-title{flex-grow:1;flex-basis:10rem}.deck-builder-toolbar .deck-builder-name{border:none;border-bottom:.06rem solid var(--line);color:var(--accent-strong);background:0 0;border-radius:0;font-size:1.05rem}.deck-builder-actions{display:flex;align-items: center;gap:.3rem}.deck-builder-actions .button{box-shadow:none;color:var(--ink-muted);font:normal .8rem var(--font-body);letter-spacing:0;text-transform:none;white-space:nowrap;background:0 0;border:.06rem solid #0000;width:auto;min-height:2rem;padding:.35rem .65rem}.deck-builder-actions .button:-webkit-any(:hover,:focus-visible){color:var(--accent-strong);border-color:var(--line)}.deck-builder-actions .button:-moz-any(:hover,:focus-visible){color:var(--accent-strong);border-color:var(--line)}.deck-builder-actions .button:is(:hover,:focus-visible){color:var(--accent-strong);border-color:var(--line)}.deck-builder-actions .button--primary{background:color-mix(in srgb,var(--accent)13%,transparent);border-color:var(--line);color:var(--accent-strong)}.deck-builder-actions [aria-expanded=true]{color:var(--accent-strong);border-bottom-color:var(--accent)}.deck-builder-status{color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;min-height:1.2em;margin:0;padding:.1rem .2rem .3rem;font-size:.7rem;line-height:1.3}.deck-builder-panel{display:flex;flex-direction:column;gap:.3rem;min-width:0;min-height:0;padding:.3rem}.deck-builder-list-heading{display:flex;border-bottom:.06rem solid var(--line);flex-shrink:0;justify-content:space-between;align-items: center;padding:.25rem .3rem .55rem}.deck-builder-list-heading h2{letter-spacing:.06em;color:var(--accent-strong);margin:0;font-size:.9rem;font-weight:400}.deck-builder-count{color:var(--accent-strong);font-variant-numeric:tabular-nums;font-size:.9rem}.deck-builder-rows{display:flex;overflow-y:auto;scrollbar-gutter:stable;flex-direction:column;flex-grow:1;gap:.1rem;min-height:0}.deck-builder-row{display:grid;grid-template-columns:2.6rem minmax(0,1fr)1.5rem 1.6rem 1.5rem;border-bottom:.06rem solid var(--line);flex-shrink:0;align-items: center;gap:.3rem;min-height:1.7rem;padding:.05rem .2rem;transition:opacity .12s,background .12s}.deck-builder-identity{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);min-width:0;font-size:.9rem;line-height:1.3}.deck-builder-row button{color:var(--accent-strong);font:normal 1rem var(--font-body);background:0 0;border:none;border-radius:.2rem;width:100%;height:1.6rem;padding:0}.deck-builder-row button:disabled{opacity:.22}.deck-builder-row button:-webkit-any(:hover,:focus-visible){background:color-mix(in srgb,var(--accent)15%,transparent)}.deck-builder-row button:-moz-any(:hover,:focus-visible){background:color-mix(in srgb,var(--accent)15%,transparent)}.deck-builder-row button:is(:hover,:focus-visible){background:color-mix(in srgb,var(--accent)15%,transparent)}.deck-row-count{color:var(--accent-strong);text-align:center;font-variant-numeric:tabular-nums;font-size:.8rem}.deck-builder-row .deck-cover-pick{position:relative;overflow:hidden;border-radius:.15rem;height:1.45rem}.deck-cover-pick .card{display:block;position:relative;overflow:hidden;box-shadow:none;border:none;border-radius:0;width:100%;height:100%}.deck-cover-pick .card-art{object-fit:cover;object-position:center 32%}.deck-cover-pick[aria-pressed=true]:after{content:"★";position:absolute;color:var(--accent-strong);text-shadow:0 0 .15rem var(--shadow-ink);font-size:.75rem;bottom:0;right:.05rem}.deck-row-readonly{grid-template-columns:2.6rem minmax(0,1fr)2rem}.deck-entry.stat-highlight{background:color-mix(in srgb,var(--accent)23%,transparent);box-shadow:inset .18rem 0 var(--accent-strong)}.has-stat-highlight .deck-entry:not(.stat-highlight){opacity:.32}.card-drop-active{outline:.13rem solid var(--accent-strong);outline-offset:-.4rem;background-color:color-mix(in srgb,var(--accent)15%,transparent)}.dragging-card #card-preview,.dragging-card #cursor{visibility:hidden}.deck-statistics-overlay{background:var(--surface);border:.65rem solid #0000;border-image-source:var(--popup-frame);border-image-slice:40 fill;flex-grow:1;min-height:0;padding:clamp(.75rem,1.25vw,1.1rem)}.collection-detail,.deck-builder-import{color:var(--ink);max-width:96vw;max-height:96dvh;padding:1rem}.collection-detail[open]{display:grid;grid-template-columns:auto minmax(14rem,23rem);align-items: center;gap:1.5rem}.collection-detail>.card{width:min(57vw,62dvh)}.collection-detail h2,.deck-builder-import h2{color:var(--accent-strong);margin-top:0;font-weight:400}.collection-detail p{color:var(--ink-muted);line-height:1.65}.collection-rules{white-space:pre-line;margin-block-start:1.5rem;margin-block-end:1.5rem}.collection-detail::backdrop{background:color-mix(in srgb,var(--shadow-ink)85%,transparent)}.deck-builder-import::backdrop{background:color-mix(in srgb,var(--shadow-ink)85%,transparent)}.deck-builder-import textarea{resize:vertical;width:min(75vw,35rem);min-height:14em;font-size:.95rem}.deck-builder-import[open]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.deck-builder-import :-webkit-any(h2,textarea,.deck-builder-import-error){grid-column:1/-1}.deck-builder-import :-moz-any(h2,textarea,.deck-builder-import-error){grid-column:1/-1}.deck-builder-import :is(h2,textarea,.deck-builder-import-error){grid-column:1/-1}.deck-builder-import-error:empty{display:none}:-webkit-any(sob-card-browser,sob-deck-builder-screen,sob-card-gallery-screen,sob-limited-draft-screen) :focus-visible{outline:.12rem solid var(--accent-strong);outline-offset:.1rem}:-moz-any(sob-card-browser,sob-deck-builder-screen,sob-card-gallery-screen,sob-limited-draft-screen) :focus-visible{outline:.12rem solid var(--accent-strong);outline-offset:.1rem}:is(sob-card-browser,sob-deck-builder-screen,sob-card-gallery-screen,sob-limited-draft-screen) :focus-visible{outline:.12rem solid var(--accent-strong);outline-offset:.1rem}@container (width<=34rem){.card-browser-filters{grid-template-columns:minmax(0,1fr)auto}.card-browser-search,.card-browser-filters .filter-chip-row{grid-column:1/-1}.collection-filter-toggle{justify-self:start}.card-browser-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}}@media (max-width:65rem){.deck-builder-actions{flex-grow:1;justify-content:flex-end}.deck-builder-page{grid-template-columns:minmax(0,1fr)20rem}}@media (max-width:40rem){:-webkit-any(sob-deck-builder-screen,sob-card-gallery-screen).menu-screen{flex-shrink:0;height:auto;min-height:100dvh;max-height:none}:-moz-any(sob-deck-builder-screen,sob-card-gallery-screen).menu-screen{flex-shrink:0;height:auto;min-height:100dvh;max-height:none}:is(sob-deck-builder-screen,sob-card-gallery-screen).menu-screen{flex-shrink:0;height:auto;min-height:100dvh;max-height:none}.screen--title :-webkit-any(sob-deck-builder-screen,sob-card-gallery-screen,sob-limited-draft-screen).menu-screen{flex-shrink:0;height:auto;min-height:100dvh;max-height:none}.screen--title :-moz-any(sob-deck-builder-screen,sob-card-gallery-screen,sob-limited-draft-screen).menu-screen{flex-shrink:0;height:auto;min-height:100dvh;max-height:none}.screen--title :is(sob-deck-builder-screen,sob-card-gallery-screen,sob-limited-draft-screen).menu-screen{flex-shrink:0;height:auto;min-height:100dvh;max-height:none}.collection-header{min-height:3rem}.collection-header h1{font-size:1rem}.deck-builder-page{display:flex;flex-direction:column;flex-basis:auto}.deck-builder-collection{flex-shrink:0;height:60dvh;min-height:25rem}.deck-builder-panel{flex-shrink:0;min-height:18rem}.deck-builder-rows{max-height:27rem}.deck-builder-row{min-height:2.5rem}.deck-builder-row button{height:2.2rem}.deck-builder-toolbar{gap:.4rem}.deck-builder-actions{flex-wrap:wrap;justify-content:flex-start}.deck-builder-actions .button{min-height:2.5rem}.deck-builder-title{flex-basis:8rem}.deck-builder-toolbar :-webkit-any(input,select){font-size:1rem}.deck-builder-toolbar :-moz-any(input,select){font-size:1rem}.deck-builder-toolbar :is(input,select){font-size:1rem}.card-browser-grid,sob-card-gallery-screen .card-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem .5rem;padding:.5rem}.card-gallery-page{min-height:80dvh}.collection-detail[open]{grid-template-columns:1fr;gap:1rem;padding:.65rem}.collection-detail>.card{width:min(82vw,62dvh);margin-inline-start:auto;margin-inline-end:auto}.collection-detail>div{max-width:82vw}}.draft-pool-browser .filter-chip-row{display:none}.deck-cover-pick .card-art{width:100%;height:100%}@media (max-width:40rem){#shardsofbeyond-target.screen:has(>:-webkit-any(sob-deck-builder-screen,sob-card-gallery-screen,sob-limited-draft-screen)){overflow-y:auto;overflow-x:hidden}#shardsofbeyond-target.screen:has(>:-moz-any(sob-deck-builder-screen,sob-card-gallery-screen,sob-limited-draft-screen)){overflow-y:auto;overflow-x:hidden}#shardsofbeyond-target.screen:has(>:is(sob-deck-builder-screen,sob-card-gallery-screen,sob-limited-draft-screen)){overflow-y:auto;overflow-x:hidden}}.deck-view-controls{display:flex;flex-shrink:0;justify-content:space-between;align-items: center;gap:.5rem;padding:0 .25rem .3rem}.deck-view-layouts{display:flex;gap:.2rem}.deck-view-controls :-webkit-any(button,select){color:var(--ink-muted);font:normal .75rem var(--font-body);background:0 0;border:0;border-radius:.2rem;width:auto;min-width:0;padding:.3rem .4rem}.deck-view-controls :-moz-any(button,select){color:var(--ink-muted);font:normal .75rem var(--font-body);background:0 0;border:0;border-radius:.2rem;width:auto;min-width:0;padding:.3rem .4rem}.deck-view-controls :is(button,select){color:var(--ink-muted);font:normal .75rem var(--font-body);background:0 0;border:0;border-radius:.2rem;width:auto;min-width:0;padding:.3rem .4rem}.deck-view-controls select{max-width:5.5rem}.deck-view-controls option{background:var(--surface)}.deck-view-controls button[aria-pressed=true]{color:var(--accent-strong);background:color-mix(in srgb,var(--accent)13%,transparent)}.deck-view-controls :-webkit-any(button,select):-webkit-any(:hover,:focus-visible){color:var(--accent-strong)}.deck-view-controls :-moz-any(button,select):-moz-any(:hover,:focus-visible){color:var(--accent-strong)}.deck-view-controls :is(button,select):is(:hover,:focus-visible){color:var(--accent-strong)}.zone-card-layout.deck-card-layout{overflow:visible;flex-shrink:0;gap:.65rem;height:auto;min-height:100%;padding:.2rem}.zone-card-layout.deck-card-layout .zone-column{min-width:7.5rem;max-width:12rem;height:auto}.zone-card-layout.deck-card-layout .zone-column .card:not(:last-child){flex-shrink:0;min-height:2.2rem}.zone-card-layout.deck-card-layout[data-layout=grid]{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));grid-auto-rows:auto;align-content: start;width:100%;height:auto;min-height:0}.zone-card-layout.deck-card-layout .card{aspect-ratio:5/7;height:auto}.zone-card-layout.deck-card-layout .card:focus-within{z-index:6}.deck-card-actions{position:absolute;z-index:2;display:flex;background:color-mix(in srgb,var(--surface)95%,transparent);opacity:0;pointer-events:none;border-radius:.2rem;gap:.1rem;padding:.1rem;top:1.85rem;right:.2rem}.deck-entry:-webkit-any(:hover,:focus-within) .deck-card-actions{opacity:1;pointer-events:auto}.deck-entry:-moz-any(:hover,:focus-within) .deck-card-actions{opacity:1;pointer-events:auto}.deck-entry:is(:hover,:focus-within) .deck-card-actions{opacity:1;pointer-events:auto}.deck-card-actions button{color:var(--ink-muted);font:normal 1rem var(--font-body);background:0 0;border:0;border-radius:.15rem;width:1.65rem;height:1.65rem;padding:0}.deck-card-actions button[aria-pressed=true]{color:var(--accent-strong);background:color-mix(in srgb,var(--accent)20%,transparent)}.deck-card-actions button:-webkit-any(:hover,:focus-visible){color:var(--accent-strong);background:color-mix(in srgb,var(--accent)20%,transparent)}.deck-card-actions button:-moz-any(:hover,:focus-visible){color:var(--accent-strong);background:color-mix(in srgb,var(--accent)20%,transparent)}.deck-card-actions button:is(:hover,:focus-visible){color:var(--accent-strong);background:color-mix(in srgb,var(--accent)20%,transparent)}.deck-card-actions button:disabled{opacity:.3}.zone-card-layout.deck-card-layout .stat-highlight{outline:.12rem solid var(--accent-strong);outline-offset:-.12rem}@media (min-width:40.01rem){.deck-builder-page:has(>sob-deck-list:-webkit-any([data-layout=columns],[data-layout=grid])){grid-template-columns:minmax(18rem,2fr)minmax(0,3fr)}.deck-builder-page:has(>sob-deck-list:-moz-any([data-layout=columns],[data-layout=grid])){grid-template-columns:minmax(18rem,2fr)minmax(0,3fr)}.deck-builder-page:has(>sob-deck-list:is([data-layout=columns],[data-layout=grid])){grid-template-columns:minmax(18rem,2fr)minmax(0,3fr)}}@media (hover:none),(pointer:coarse){.deck-card-actions{opacity:1;pointer-events:auto}.deck-card-actions button{width:2rem;height:2rem}.zone-card-layout.deck-card-layout .zone-column .card:not(:last-child){min-height:4.25rem}}@media (max-width:40rem){.deck-view-controls :-webkit-any(button,select){min-height:2.5rem}.deck-view-controls :-moz-any(button,select){min-height:2.5rem}.deck-view-controls :is(button,select){min-height:2.5rem}}sob-deck-builder-screen[data-view=statistics] .deck-builder-collection>sob-card-browser{display:none}sob-deck-builder-screen[data-view=statistics] .deck-builder-page{grid-template-columns:minmax(0,1fr)clamp(20rem,28vw,27rem)}@media (max-width:70rem){sob-deck-builder-screen.menu-screen[data-view=statistics]{height:100dvh;min-height:0;max-height:100dvh}sob-deck-builder-screen[data-view=statistics] .deck-builder-page{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);flex-basis:0%}sob-deck-builder-screen[data-view=statistics] .deck-builder-collection{height:auto;min-height:0}sob-deck-builder-screen[data-view=statistics] .deck-statistics-overlay{flex-grow:0}sob-deck-builder-screen[data-view=statistics] .deck-builder-panel{overflow:hidden;flex-shrink:1;min-height:0}sob-deck-builder-screen[data-view=statistics] .deck-builder-rows{max-height:none}}@media (max-width:40rem){sob-deck-builder-screen.menu-screen[data-view=statistics]{height:auto;min-height:100dvh;max-height:none}sob-deck-builder-screen[data-view=statistics] .deck-builder-page{grid-template-rows:auto auto;flex-basis:auto}sob-deck-builder-screen[data-view=statistics] .deck-statistics{grid-template-rows:auto auto auto auto auto}sob-deck-builder-screen[data-view=statistics] .deck-builder-panel{min-height:18rem}sob-deck-builder-screen[data-view=statistics] .deck-builder-rows{max-height:27rem}}.account-panel{display:grid;color:#e7dfcd;background:#0c111bc2;border:1px solid #b99d6652;border-radius:.6rem;gap:.65rem;padding:1rem}.account-panel-title,.account-panel-status,.account-panel-feedback{margin:0}.account-panel-title{font-size:1rem}.account-panel-status,.account-panel-feedback{overflow-wrap:anywhere;font-size:.85rem;line-height:1.5}.account-panel-actions{display:flex;flex-wrap:wrap;gap:.5rem}.account-panel-button{min-height:2.75rem;padding:.5rem .9rem}.account-panel-button:focus-visible{outline:2px solid #e4bd73;outline-offset:3px}.account-panel-button:disabled{opacity:.55;cursor:wait}.account-panel-feedback{color:#f1cc9e}.profile-avatar{display:inline-block;position:relative;aspect-ratio:1;border:.1rem solid var(--accent-strong);background:var(--stone-dark);box-shadow:inset 0 0 0 .12rem var(--stone),var(--shadow-drop);border-radius:22% 5%;flex-shrink:0;width:3.1rem;padding:.22rem}.profile-avatar:after{content:"";position:absolute;border:.06rem solid var(--accent);border-radius:inherit;pointer-events:none;inset:-.22rem}.profile-avatar img{display:block;aspect-ratio:1;object-fit:cover;object-position:center 30%;border-radius:18% 3%;width:100%;height:100%}.profile-avatar-preview .profile-avatar{width:6rem}.profile-avatar-picker{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.65rem;padding:.5rem .2rem 1.2rem}.profile-avatar-picker button{opacity:.65;background:0 0;border:none;padding:0}.profile-avatar-picker .profile-avatar{width:100%}.profile-avatar-picker button:-webkit-any(:hover,:focus-visible,[aria-pressed=true]){opacity:1;filter:drop-shadow(0 0 .3rem var(--accent))}.profile-avatar-picker button:-moz-any(:hover,:focus-visible,[aria-pressed=true]){opacity:1;filter:drop-shadow(0 0 .3rem var(--accent))}.profile-avatar-picker button:is(:hover,:focus-visible,[aria-pressed=true]){opacity:1;filter:drop-shadow(0 0 .3rem var(--accent))}.profile-summary{display:flex;align-items: center;gap:1.5rem;padding:.75rem .25rem 1.5rem}.profile-summary-copy{display:grid;gap:.35rem}.profile-summary-copy strong{color:var(--accent-strong);font-size:1.4rem;font-weight:400}.profile-summary-copy small{color:var(--ink-muted)}sob-profile dialog{border-width:1.3rem;width:min(38rem,94vw)}.player-name .profile-avatar{width:clamp(2.5rem,4.8dvh,3.4rem)}.active-turn .profile-avatar{filter:drop-shadow(0 0 .35rem var(--accent))}.menu-chrome--profile .profile-avatar{width:2.8rem}sob-hall-chrome .menu-chrome--profile:has(.profile-avatar):before{display:none}@media (max-width:40rem){.profile-avatar-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-avatar-picker .profile-avatar{width:3.1rem}}.match-format-label{color:var(--ink-muted);white-space:nowrap;font-size:.65rem;font-weight:400}@media (max-width:45rem){.match-format-label{display:none}}.statistics-panel{color:var(--ink);text-shadow:none;font-variant-numeric:tabular-nums;min-width:0;font-size:clamp(1.125rem,2.3vmin,1.5rem);line-height:1.4}.statistics-panel .statistics-heading,.statistics-panel>h2{margin:var(--space-3)0 var(--space-2);padding-bottom:var(--space-1);border-bottom:.06rem solid var(--line);color:var(--ink);font:inherit;letter-spacing:0;text-transform:none;font-size:1.15em;font-weight:400}.statistics-panel>:first-child{margin-top:0}.statistics-note,.statistics-panel .deck-statistics-note{margin:var(--space-2)0;color:color-mix(in srgb,var(--ink)76%,var(--surface));font-size:.9em;line-height:1.5}.statistics-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr));margin:var(--space-3)0;border-block:.06rem solid var(--line);font-variant-numeric:tabular-nums;gap:1rem;padding-block-start:.75rem;padding-block-end:.75rem}.statistics-metrics>div{text-align:start;min-width:0;padding:0}.statistics-metrics dt{color:color-mix(in srgb,var(--ink)76%,var(--surface));overflow-wrap:anywhere;font-size:.85em}.statistics-metrics dd{margin:var(--space-1)0 0;color:var(--ink);font-size:1.7em;line-height:1.2}.deck-statistics.statistics-panel{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(12rem,1fr)auto auto;text-shadow:none;gap:clamp(.5rem,1vh,.9rem);font-size:clamp(1.125rem,2.3vmin,1.5rem);line-height:1.4}.deck-statistics :-webkit-any(.deck-statistics-charts,.deck-statistics-distributions)>section{min-width:0}.deck-statistics :-moz-any(.deck-statistics-charts,.deck-statistics-distributions)>section{min-width:0}.deck-statistics :is(.deck-statistics-charts,.deck-statistics-distributions)>section{min-width:0}.deck-statistics-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem}.deck-statistics-heading h2,.deck-statistics .statistics-heading{color:var(--ink);letter-spacing:0;border:0;margin:0;padding:0;font-size:1.15em;font-weight:400}.deck-statistics-heading h2{font-size:1.35em}.deck-statistics :-webkit-any(.deck-statistics-note,.statistics-note){color:color-mix(in srgb,var(--ink)76%,var(--surface));margin:0;font-size:.8em}.deck-statistics :-moz-any(.deck-statistics-note,.statistics-note){color:color-mix(in srgb,var(--ink)76%,var(--surface));margin:0;font-size:.8em}.deck-statistics :is(.deck-statistics-note,.statistics-note){color:color-mix(in srgb,var(--ink)76%,var(--surface));margin:0;font-size:.8em}.deck-statistics-totals.statistics-metrics{grid-template-columns:repeat(4,minmax(0,1fr));border-block:.06rem solid var(--line);gap:1rem;margin:0;padding-block-start:clamp(.5rem,1.2vh,1rem);padding-block-end:clamp(.5rem,1.2vh,1rem)}.deck-statistics-totals>div{background:0 0;border:0;padding:0}.deck-statistics-totals dt{color:color-mix(in srgb,var(--ink)76%,var(--surface));font-size:.85em}.deck-statistics-totals dd{color:var(--ink);margin-top:.2rem;font-size:1.7em}.deck-statistics-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,3vw,3rem);min-height:0}.deck-statistics-charts>section{display:grid;grid-template-rows:auto minmax(0,1fr)auto;gap:.35rem;min-height:0}.deck-statistics-charts :-webkit-any(.statistics-heading,.deck-statistics-count-axis){grid-column:1;grid-row:1}.deck-statistics-charts :-moz-any(.statistics-heading,.deck-statistics-count-axis){grid-column:1;grid-row:1}.deck-statistics-charts :is(.statistics-heading,.deck-statistics-count-axis){grid-column:1;grid-row:1}.deck-statistics-count-axis{place-self: center end}.deck-statistics :-webkit-any(.deck-statistics-count-axis,.deck-statistics-value-axis){color:color-mix(in srgb,var(--ink)76%,var(--surface));margin:0;font-size:.9em}.deck-statistics :-moz-any(.deck-statistics-count-axis,.deck-statistics-value-axis){color:color-mix(in srgb,var(--ink)76%,var(--surface));margin:0;font-size:.9em}.deck-statistics :is(.deck-statistics-count-axis,.deck-statistics-value-axis){color:color-mix(in srgb,var(--ink)76%,var(--surface));margin:0;font-size:.9em}.deck-statistics-value-axis{text-align:center}.deck-statistics-plot{display:grid;grid-template-columns:2ch minmax(0,1fr);gap:.6rem;min-height:0}.deck-statistics-scale{display:flex;color:color-mix(in srgb,var(--ink)65%,var(--surface));font-variant-numeric:tabular-nums;text-align:end;flex-direction:column;justify-content:space-between;padding-top:1.7em;padding-bottom:1.65em}.deck-statistics-scale span{line-height:0}.deck-statistics-curve{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;min-height:0;padding-top:1.7em}.deck-statistics-column,.deck-statistics-entry{color:var(--ink);font:inherit;background:0 0;border:0;border-radius:.2rem}.deck-statistics-column{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)1.65em;box-shadow:none;text-shadow:none;min-width:0;min-height:0;padding:0}.deck-statistics-column svg{display:block;overflow:visible;border-bottom:.06rem solid var(--line);width:100%;height:100%}.deck-statistics-column rect{fill:var(--accent)}.deck-statistics-column text{fill:var(--ink);font:inherit;text-anchor:middle;font-weight:700}.deck-statistics-value{color:var(--ink);text-align:center;padding-top:.25em}.deck-statistics-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,7.5rem),1fr));gap:.2rem 1rem;margin-top:.6rem}.deck-statistics-distributions{display:grid;grid-template-columns:minmax(7.5rem,1fr)minmax(0,2fr);border-top:.06rem solid var(--line);gap:clamp(1rem,3vw,3rem);padding-top:clamp(.5rem,1.2vh,1rem)}.deck-statistics-entry{display:flex;border-bottom:.06rem solid var(--line);text-align:start;justify-content:space-between;align-items: center;gap:.6rem;min-height:1.8em;padding:.25em}.deck-statistics-entry strong{color:var(--ink);font-variant-numeric:tabular-nums}.deck-statistics :-webkit-any(.deck-statistics-column,.deck-statistics-entry):-webkit-any(:hover,:focus-visible,[aria-pressed=true]){outline:.1rem solid var(--accent-strong);outline-offset:.1rem;background:color-mix(in srgb,var(--surface)85%,var(--accent))}.deck-statistics :-moz-any(.deck-statistics-column,.deck-statistics-entry):-moz-any(:hover,:focus-visible,[aria-pressed=true]){outline:.1rem solid var(--accent-strong);outline-offset:.1rem;background:color-mix(in srgb,var(--surface)85%,var(--accent))}.deck-statistics :is(.deck-statistics-column,.deck-statistics-entry):is(:hover,:focus-visible,[aria-pressed=true]){outline:.1rem solid var(--accent-strong);outline-offset:.1rem;background:color-mix(in srgb,var(--surface)85%,var(--accent))}@media (max-width:70rem){.deck-statistics.statistics-panel{grid-template-rows:auto auto minmax(10rem,1fr)auto auto;gap:.55rem;font-size:1rem}.deck-statistics-charts,.deck-statistics-distributions{gap:1rem}.deck-statistics-breakdown{grid-template-columns:repeat(auto-fit,minmax(min(100%,6.5rem),1fr))}}@media (max-width:40rem){.deck-statistics-charts{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(10rem,1fr))}}.draft-stats.statistics-panel{position:absolute;background:var(--surface);border:.06rem solid var(--line);border-radius:var(--space-2);gap:.7rem;width:min(43rem,100% - 3rem);max-height:calc(100% - 10rem);margin:0;padding:1.25rem;inset:5rem auto auto 1.5rem}.draft-stats.statistics-panel :-webkit-any(.draft-stats-line,.draft-stats-type,.draft-stats-chip){display:flex;justify-content:space-between;gap:var(--space-2);padding:var(--space-1)0;color:var(--ink);border-bottom:.06rem solid var(--line);margin:0;font-size:1em}.draft-stats.statistics-panel :-moz-any(.draft-stats-line,.draft-stats-type,.draft-stats-chip){display:flex;justify-content:space-between;gap:var(--space-2);padding:var(--space-1)0;color:var(--ink);border-bottom:.06rem solid var(--line);margin:0;font-size:1em}.draft-stats.statistics-panel :is(.draft-stats-line,.draft-stats-type,.draft-stats-chip){display:flex;justify-content:space-between;gap:var(--space-2);padding:var(--space-1)0;color:var(--ink);border-bottom:.06rem solid var(--line);margin:0;font-size:1em}.draft-stats.statistics-panel :-webkit-any(.draft-stats-realms,.draft-stats-types){display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.25rem 1.5rem}.draft-stats.statistics-panel :-moz-any(.draft-stats-realms,.draft-stats-types){display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.25rem 1.5rem}.draft-stats.statistics-panel :is(.draft-stats-realms,.draft-stats-types){display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.25rem 1.5rem}.draft-stats.statistics-panel strong{color:var(--ink)}.draft-results-body.statistics-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:var(--space-4);overflow:auto}.draft-results-body.statistics-panel .draft-results-col{padding:var(--space-3);background:var(--surface);border:.06rem solid var(--line);border-radius:var(--space-2);min-width:0}.draft-results-body.statistics-panel .draft-played-entry{display:flex;justify-content:space-between;gap:var(--space-3);padding-block:var(--space-2);border-bottom:.06rem solid var(--line)}.draft-stats-totals.statistics-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.draft-stats.statistics-panel .statistics-heading{border:0;margin:.25em 0 0}.draft-results-body .section-label{color:var(--ink);letter-spacing:0;text-transform:none;font-size:1.15em}.draft-results-body .draft-played-count{color:var(--ink);white-space:nowrap;font-size:1em;font-weight:700}.profile-record.statistics-metrics{font-size:clamp(1.125rem,2.3vmin,1.5rem)}@media (max-width:40rem){.draft-stats.statistics-panel{z-index:82;width:auto;max-height:calc(100% - 8rem);font-size:1rem;inset:4rem .75rem auto}.draft-stats-totals.statistics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.starter-cover{position:relative;aspect-ratio:2/3;overflow:hidden;background:var(--stone-dark);pointer-events:none;width:100%}.starter-cover>.starter-cover-art{position:absolute;display:block;aspect-ratio:auto;width:100%;height:100%;inset:0}.starter-cover-art .card-art{object-fit:cover;object-position:center top;width:100%;height:100%}.screen--title sob-limited-draft-screen.menu-screen{align-items:stretch}.limited-progress{text-align:center;color:var(--accent-strong);margin:.2rem 0 .5rem;font-size:.85rem}.limited-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));overflow:auto;align-content: start;gap:.8rem;min-height:0;padding:1rem}.limited-card{color:var(--ink);font:inherit;background:0 0;border:.08rem solid #0000;border-radius:.25rem;min-width:0;padding:.2rem}.limited-card:-webkit-any(:hover,:focus-visible){border-color:var(--accent-strong);background:color-mix(in srgb,var(--accent)12%,transparent)}.limited-card:-moz-any(:hover,:focus-visible){border-color:var(--accent-strong);background:color-mix(in srgb,var(--accent)12%,transparent)}.limited-card:is(:hover,:focus-visible){border-color:var(--accent-strong);background:color-mix(in srgb,var(--accent)12%,transparent)}.limited-gallery.arena-choices{grid-template-columns:repeat(3,minmax(0,1fr));align-content: center}.screen--title sob-limited-draft-screen.limited-building{padding:0}.limited-building>sob-deck-builder-screen.menu-screen{width:100%}.screen--title sob-draft-setup-screen .menu-body{flex-shrink:0;flex-basis:auto;gap:1.1rem;width:min(92vw,54rem);margin-inline-start:auto;margin-inline-end:auto;padding-bottom:4rem}.draft-variants{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:.06rem solid var(--line);gap:.4rem;width:100%}.draft-variant{color:var(--ink-muted);font:normal .95rem var(--font-body);background:0 0;border:none;border-bottom:.15rem solid #0000;padding:.8rem .5rem}.draft-variant strong{font-weight:400}.draft-variant[aria-pressed=true]{color:var(--accent-strong);border-color:var(--accent);background:linear-gradient(transparent,color-mix(in srgb,var(--accent)12%,transparent))}.draft-mode-description{text-align:center;color:var(--ink-muted);max-width:42rem;margin:.4rem auto;font-size:.95rem;line-height:1.7}.draft-setup-controls{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));border:.06rem solid var(--line);background:color-mix(in srgb,var(--stone-dark)84%,transparent);border-radius:.3rem;width:100%;padding:1rem}.draft-setup-controls label[hidden]{display:none}@media (max-width:40rem){.draft-variants{grid-template-columns:1fr}.limited-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;min-height:22rem;max-height:65dvh;padding:.4rem}.limited-gallery.arena-choices{grid-template-columns:repeat(2,minmax(0,1fr));align-content: start}.limited-progress{font-size:.75rem}}#shardsofbeyond-target.screen--title:has(sob-limited-draft-screen):after{display:none}.screen--title sob-limited-draft-screen.limited-building.menu-screen{display:block;padding:0}.arena-factions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,2vw,2rem);width:min(100%,65rem);min-height:0;margin:auto;padding:1rem}.arena-faction{position:relative;display:flex;overflow:hidden;aspect-ratio:3/4;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-align:left;isolation:isolate;border-radius:.5rem;align-items: flex-end;min-width:0;padding:0;transition:border-color .15s,box-shadow .15s}.arena-faction img{position:absolute;object-fit:cover;z-index:-2;width:100%;height:100%;inset:0}.arena-faction:before{content:"";position:absolute;z-index:-1;background:linear-gradient(transparent 25%,color-mix(in srgb,var(--surface)75%,transparent)65%,var(--surface));inset:0}.arena-faction:after{content:"";position:absolute;background:linear-gradient(90deg,var(--faction-first),var(--faction-second));height:.2rem;inset:auto 0 0}.arena-faction>span{display:flex;flex-direction:column;gap:.5rem;width:100%;padding:clamp(1rem,2vw,1.7rem)}.arena-faction strong{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;text-wrap:balance;color:var(--accent-strong);text-shadow:0 .1rem .4rem var(--shadow-ink);font-size:clamp(1.1rem,1.7vw,1.5rem);font-weight:400;line-height:1.3}.arena-faction span span{letter-spacing:.07em;color:var(--ink-muted);font:400 .75rem/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.arena-faction:-webkit-any(:hover,:focus-visible){border-color:var(--accent-strong);box-shadow:0 0 1.5rem color-mix(in srgb,var(--faction-first)22%,transparent)}.arena-faction:-moz-any(:hover,:focus-visible){border-color:var(--accent-strong);box-shadow:0 0 1.5rem color-mix(in srgb,var(--faction-first)22%,transparent)}.arena-faction:is(:hover,:focus-visible){border-color:var(--accent-strong);box-shadow:0 0 1.5rem color-mix(in srgb,var(--faction-first)22%,transparent)}@media (max-width:40rem){.arena-factions{grid-template-columns:1fr;gap:.65rem;padding:.5rem}.arena-faction{aspect-ratio:auto;min-height:8.5rem}.arena-faction img{object-position:center 32%}.arena-faction:before{background:linear-gradient(90deg,var(--surface),color-mix(in srgb,var(--surface)45%,transparent))}.arena-faction>span{gap:.35rem}}#shardsofbeyond-prompt{box-sizing:border-box;width:min(36rem,calc(100vw - 2*var(--space-3)));max-height:calc(100dvh - 2*var(--space-3));overflow-y:auto;padding:var(--space-3);border-width:1.2rem;min-width:0}#shardsofbeyond-prompt .prompt-text{font-size:var(--text-s);text-wrap:balance;padding-bottom:var(--space-2);font-weight:400;line-height:1.5}#shardsofbeyond-prompt .prompt-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:var(--space-2)}#shardsofbeyond-prompt .prompt-choices .button{white-space:normal;overflow-wrap:anywhere;padding:var(--space-2)var(--space-3);font-size:var(--text-s);width:100%;min-width:0;min-height:2.8rem;line-height:1.4}#shardsofbeyond-prompt[data-selection=realm] .prompt-choices{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}#shardsofbeyond-prompt[data-selection=realm] .button{white-space:nowrap;overflow-wrap:normal}#shardsofbeyond-prompt[data-selection=realm] [data-realm]{--choice-face:color-mix(in oklab,var(--choice-realm),var(--shadow-ink)32%);--choice-edge:color-mix(in oklab,var(--choice-realm),var(--ivory)28%);--choice-ink:var(--ivory);color:var(--choice-ink);background:linear-gradient(145deg,color-mix(in oklab,var(--choice-face),var(--ivory)14%),var(--choice-face)52%,color-mix(in oklab,var(--choice-face),var(--shadow-ink)12%));border-color:var(--choice-edge);box-shadow:inset 0 .07em 0 color-mix(in srgb,var(--ivory)20%,transparent),inset 0 -.15rem var(--choice-realm),var(--shadow-drop)}#shardsofbeyond-prompt[data-selection=realm] :-webkit-any([data-realm=Divine],[data-realm=Elemental]){--choice-face:var(--choice-realm);--choice-ink:var(--shadow-ink)}#shardsofbeyond-prompt[data-selection=realm] :-moz-any([data-realm=Divine],[data-realm=Elemental]){--choice-face:var(--choice-realm);--choice-ink:var(--shadow-ink)}#shardsofbeyond-prompt[data-selection=realm] :is([data-realm=Divine],[data-realm=Elemental]){--choice-face:var(--choice-realm);--choice-ink:var(--shadow-ink)}#shardsofbeyond-prompt[data-selection=realm] [data-realm=Void]{--choice-face:color-mix(in oklab,var(--choice-realm),var(--ivory)15%)}#shardsofbeyond-prompt[data-selection=realm] [data-realm]:-webkit-any(:hover,:focus-visible):not(:disabled){color:var(--choice-ink);border-color:var(--ivory);outline-color:var(--choice-edge)}#shardsofbeyond-prompt[data-selection=realm] [data-realm]:-moz-any(:hover,:focus-visible):not(:disabled){color:var(--choice-ink);border-color:var(--ivory);outline-color:var(--choice-edge)}#shardsofbeyond-prompt[data-selection=realm] [data-realm]:is(:hover,:focus-visible):not(:disabled){color:var(--choice-ink);border-color:var(--ivory);outline-color:var(--choice-edge)}#shardsofbeyond-prompt [data-realm=Divine]{--choice-realm:var(--realm-divine)}#shardsofbeyond-prompt [data-realm=Elemental]{--choice-realm:var(--realm-elemental)}#shardsofbeyond-prompt [data-realm=Mortal]{--choice-realm:var(--realm-mortal)}#shardsofbeyond-prompt [data-realm=Nature]{--choice-realm:var(--realm-nature)}#shardsofbeyond-prompt [data-realm=Void]{--choice-realm:var(--realm-void)}body:has(sob-match) #shardsofbeyond-prompt:-webkit-any([data-selection=cards],[data-selection=review],[data-selection=type]){width:min(48rem,calc(100vw - 2*var(--space-3)));max-width:calc(100vw - 2*var(--space-3));top:50%;left:50%;transform:translate(-50%,-50%)}body:has(sob-match) #shardsofbeyond-prompt:-moz-any([data-selection=cards],[data-selection=review],[data-selection=type]){width:min(48rem,calc(100vw - 2*var(--space-3)));max-width:calc(100vw - 2*var(--space-3));top:50%;left:50%;transform:translate(-50%,-50%)}body:has(sob-match) #shardsofbeyond-prompt:is([data-selection=cards],[data-selection=review],[data-selection=type]){width:min(48rem,calc(100vw - 2*var(--space-3)));max-width:calc(100vw - 2*var(--space-3));top:50%;left:50%;transform:translate(-50%,-50%)}#shardsofbeyond-prompt[data-selection=type] .prompt-choices{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));overflow-y:auto;overscroll-behavior:contain;padding:var(--space-1);max-height:48dvh}sob-card-picker{display:grid;gap:var(--space-3);min-width:0}sob-card-picker input{box-sizing:border-box;padding:var(--space-2)var(--space-3);font:inherit;color:var(--ink);background:color-mix(in srgb,var(--shadow-ink)45%,transparent);border:.06rem solid var(--gold);border-radius:.2rem;width:100%;min-width:0}.card-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);overflow-y:auto;overscroll-behavior:contain;padding:var(--space-1);min-height:0;max-height:58dvh}sob-card-picker button.card-choice{display:flex;align-items: center;gap:var(--space-1);padding:var(--space-1);box-shadow:none;color:var(--ink);font:var(--text-s)/1.3 var(--font-body);text-transform:none;letter-spacing:normal;background:0 0;border:.1rem solid #0000;border-radius:.3rem;flex-direction:column;min-width:0}sob-card-picker .card-choice:hover,sob-card-picker .card-choice[aria-pressed=true]{outline:none;border-color:var(--gold-bright);background:color-mix(in srgb,var(--gold-bright)10%,transparent)}sob-card-picker .card-choice:focus-visible{outline:none;border-color:var(--gold-bright);background:color-mix(in srgb,var(--gold-bright)10%,transparent)}sob-card-picker .card{aspect-ratio:5/7;width:min(100%,7.6rem);height:auto;margin:0}sob-card-picker .card-art{object-fit:contain;width:100%;height:100%}sob-card-picker nav{display:flex;justify-content:space-between;align-items: center;gap:var(--space-2);font-size:var(--text-s)}#shardsofbeyond-prompt sob-card-picker nav .button{padding:var(--space-1)var(--space-3);font-size:var(--text-m);width:3rem;min-width:3rem;min-height:2.8rem}sob-card-picker nav span{white-space:nowrap}@media (max-width:600px){.card-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}#shardsofbeyond-prompt .prompt-source{margin-bottom:var(--space-2);font-family:var(--font-display);font-size:var(--text-m);color:var(--accent-strong);letter-spacing:.05em;text-align:center}.card-picker-pile{display:grid;grid-template-columns:inherit;grid-column:1/-1;gap:var(--space-2);padding:var(--space-2);border:.06rem solid var(--gold);min-width:0;margin:0}.card-picker-pile legend{padding-inline:var(--space-2);font-size:var(--text-s);color:var(--ink)}sob-card-review{display:block;margin-block:var(--space-2)var(--space-4)}sob-card-review[hidden]{display:none}sob-card-review ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:var(--space-3);overflow-y:auto;overscroll-behavior:contain;list-style:none;padding:var(--space-1);max-height:52dvh;margin:0}sob-card-review li{display:flex;align-items: center;gap:var(--space-2);text-align:center;font-size:var(--text-s);color:var(--ink);flex-direction:column;min-width:0;line-height:1.4}sob-card-review .card{aspect-ratio:5/7;width:min(100%,13rem);height:auto;margin:0}sob-card-review .card-art{object-fit:contain;width:100%;height:100%}sob-card-review :-webkit-any(ol,.card):focus-visible{outline:.1rem solid var(--gold-bright);outline-offset:.1rem}sob-card-review :-moz-any(ol,.card):focus-visible{outline:.1rem solid var(--gold-bright);outline-offset:.1rem}sob-card-review :is(ol,.card):focus-visible{outline:.1rem solid var(--gold-bright);outline-offset:.1rem}sob-match-effects{position:fixed;z-index:90;pointer-events:none;inset:0}sob-match-effects svg{position:absolute;overflow:visible;color:var(--gold-bright);width:100%;height:100%;inset:0}sob-match-effects [data-kind=crystallize]{color:var(--ivory)}.effect-activation{animation:effect-activation-life calc(var(--dur-slow) + var(--dur-med))ease-out both}.effect-ring,.effect-seal{fill:none;stroke:currentColor;stroke-width:.12rem;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 .35rem currentColor);transform-box:fill-box;transform-origin:center}.effect-ring{stroke-dasharray:.7rem .35rem;animation:channel-ring calc(var(--dur-slow) + var(--dur-med))var(--ease-ceremonial)both}.effect-seal{animation:channel-seal calc(var(--dur-slow) + var(--dur-med))var(--ease-ceremonial)both}[data-kind=crystallize] .effect-seal{fill:color-mix(in srgb,var(--realm-elemental)18%,transparent);animation-name:crystallize-seal}[data-kind=crystallize] .effect-ring{stroke-dasharray:none;animation-name:crystallize-ring}@keyframes effect-activation-life{0%,to{opacity:0}15%,75%{opacity:1}}@keyframes channel-ring{0%{transform:scale(1.25)rotate(-35deg);opacity:0}40%{transform:scale(.8)rotate(0);opacity:1}to{transform:scale(1.8)rotate(45deg);opacity:0}}@keyframes channel-seal{0%{transform:scale(.4)rotate(-45deg);opacity:0}50%{transform:scale(.8)rotate(0);opacity:1}to{transform:scale(1.3)rotate(25deg);opacity:0}}@keyframes crystallize-seal{0%{transform:scale(.2,1.5);opacity:0}40%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes crystallize-ring{0%{transform:scale(.3);opacity:0}35%{opacity:.8}to{transform:scale(2);opacity:0}}.effect-announcement{position:absolute;bottom:max(var(--space-2),calc(var(--match-discard-h) - var(--match-crystal-zone-h) + var(--space-2)));left:var(--space-2);right:var(--space-2);display:grid;text-align:center;color:var(--ink);font:.8rem/1.4 var(--font-body);background:linear-gradient(transparent,color-mix(in srgb,var(--shadow-ink)90%,transparent)25%);animation:effect-activation-life calc(var(--dur-slow) + var(--dur-med))ease-out both;gap:.35rem;padding:.6rem}.effect-announcement strong{color:var(--gold-bright);text-transform:uppercase;letter-spacing:.12em;font-weight:400}.effect-announcement small{color:var(--ink-muted);font-size:.7rem}[data-activating] .card-art{animation:effect-source-light calc(var(--dur-slow) + var(--dur-med))ease-out both}@keyframes effect-source-light{35%,60%{filter:brightness(1.3)drop-shadow(0 0 .55rem var(--gold-bright))}}.effect-connection{animation:effect-connection-life var(--dur-med)linear both}.effect-connection path{fill:none;stroke:var(--gold-bright);stroke-width:.2rem;stroke-linecap:round;stroke-dasharray:.16 1;filter:drop-shadow(0 0 .35rem var(--gold-bright));animation:effect-travel var(--dur-med)ease-in both}@keyframes effect-connection-life{0%,to{opacity:0}15%,85%{opacity:1}}@keyframes effect-travel{0%{stroke-dashoffset:.16}to{stroke-dashoffset:-1}}.effect-receiving{outline:.12rem solid var(--gold-bright);outline-offset:.15rem}.effect-impact{animation:effect-impact-life var(--dur-slow)var(--ease-ceremonial)both}.effect-impact text{fill:var(--ivory);stroke:var(--shadow-ink);stroke-width:.3em;stroke-linejoin:round;paint-order:stroke fill;text-anchor:middle;font:clamp(.75rem,1.4vmin,1rem)var(--font-body)}.effect-landed .card-art{animation:effect-impact-light var(--dur-slow)ease-out both}.card.card-arrival{animation:card-arrival var(--dur-med)var(--ease-settle)}@keyframes card-arrival{0%{scale:.92;filter:brightness(1.25)}65%{scale:1.025}to{scale:1;filter:none}}@keyframes effect-impact-life{0%{opacity:0;transform:translateY(.4rem)}20%,75%{opacity:1}to{opacity:0;transform:translateY(-.6rem)}}@keyframes effect-impact-light{25%{filter:brightness(1.35)drop-shadow(0 0 .4rem var(--gold-bright))}}@media (prefers-reduced-motion:reduce){.effect-ring,.effect-seal,.effect-connection path,[data-activating] .card-art,.effect-landed .card-art,.card.card-arrival{animation:none}.effect-connection{visibility:hidden}.effect-impact{transform:none}}.effect-fusion{--fusion-duration:calc(var(--dur-slow) + var(--dur-fast));animation:effect-fusion-life var(--fusion-duration)ease-out both}.fusion-stream{fill:none;stroke:var(--ivory);stroke-width:.22rem;stroke-linecap:round;stroke-dasharray:.18 1;filter:drop-shadow(0 0 .4rem var(--gold-bright));animation:fusion-travel var(--fusion-duration)var(--ease-ceremonial)both}.fusion-orbit,.fusion-core,.fusion-flare{transform-box:fill-box;transform-origin:center;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 .5rem var(--gold-bright))}.fusion-orbit,.fusion-core{stroke:var(--gold-bright);stroke-width:.12rem;fill:none}.fusion-orbit{stroke-dasharray:.7rem .25rem;animation:fusion-converge var(--fusion-duration)var(--ease-ceremonial)both}.fusion-core{fill:color-mix(in srgb,var(--gold-bright)12%,transparent);animation:fusion-open var(--fusion-duration)var(--ease-ceremonial)both}.fusion-flare{fill:var(--ivory);animation:fusion-flare var(--fusion-duration)ease-out both}.fusion-receiving{outline:.1rem solid color-mix(in srgb,var(--gold-bright)60%,transparent);outline-offset:-.2rem}@keyframes effect-fusion-life{0%,to{opacity:0}12%,85%{opacity:1}}@keyframes fusion-travel{0%{stroke-dashoffset:.18;opacity:0}12%{opacity:1}65%,to{stroke-dashoffset:-1;opacity:0}}@keyframes fusion-converge{0%{transform:scale(1.7)rotate(-70deg);opacity:0}35%{opacity:.7}65%{transform:scale(.45)rotate(0);opacity:1}to{transform:scale(1.4)rotate(35deg);opacity:0}}@keyframes fusion-open{0%,35%{transform:scale(.1)rotate(-45deg);opacity:0}68%{transform:scale(.8)rotate(0);opacity:1}to{transform:scale(1.5)rotate(20deg);opacity:0}}@keyframes fusion-flare{0%,52%{transform:scale(0);opacity:0}68%{transform:scale(.7);opacity:.9}to{transform:scale(1.8);opacity:0}}@media (prefers-reduced-motion:reduce){.fusion-stream,.fusion-flare{display:none}.fusion-orbit,.fusion-core{animation:none}}.card-play-layer{--reveal-time:.56s;--land-time:.24s;--impact-time:.2s;position:fixed;z-index:950;pointer-events:none;overflow:hidden;isolation:isolate;animation-duration:var(--impact-time);animation-timing-function:ease-out;animation-fill-mode:both;inset:0}.card-play-layer[data-tier=heavy]{--reveal-time:.65s;--land-time:.21s;--impact-time:.33s}.card-play-layer[data-tier=signature]{--reveal-time:.85s;--land-time:.26s;--impact-time:.42s}.card-play-layer[data-realm=Void]{--play-color:#ae82ef!important}.card-play-frame{position:absolute;animation-duration:var(--reveal-time);animation-timing-function:cubic-bezier(.2,.8,.25,1);animation-fill-mode:both;will-change:transform;top:50%;left:50%;transform:translate(-50%,-50%)}.card-play-frame>.card-play-face{overflow:hidden;box-shadow:0 1rem 2.5rem #0009,0 0 1.2rem color-mix(in srgb,var(--play-color)35%,transparent);pointer-events:none;border:0;border-radius:.35rem;width:100%;height:100%;margin:0}.card-play-face .card-art{width:100%;height:100%}.card-play-layer[data-phase=landing] .card-play-frame{animation-duration:var(--land-time);animation-timing-function:cubic-bezier(.6,0,.9,.65)}.card-play-layer[data-phase=landing] .card-play-face{animation:card-play-turn var(--land-time)ease-in both;transform-origin:50% var(--crop-center)}.card-play-landing-face{position:absolute;transform-origin:0 0;animation:card-play-crop-in var(--land-time)ease-in both;top:0;left:0}.card-play-frame:has(.card-play-landing-face)>.card-play-face{animation:card-play-turn var(--land-time)ease-in both,card-play-crop-out var(--land-time)ease-in both}@keyframes card-play-crop-in{0%,45%{opacity:0}to{opacity:1}}@keyframes card-play-crop-out{0%,45%{opacity:1}to{opacity:0}}[data-play-hidden]{visibility:hidden!important}@keyframes card-play-reveal{0%{opacity:.6;transform:translate(-50%,-50%)translate(var(--from-x),var(--from-y))scale(var(--from-scale))}48%{opacity:1;transform:translate(-50%,-50%)scale(1.025)}66%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes card-play-land{0%{transform:translate(-50%,-50%)scale(1);clip-path:inset(0 0 0 0)}to{transform:translate(-50%,-50%)translate(var(--to-x),var(--to-y))scale(var(--to-scale));clip-path:inset(0 0 var(--to-crop)0)}}@keyframes card-play-turn{0%{transform:rotate(0)}to{transform:rotate(var(--to-turn))}}.card-play-aura{position:absolute;aspect-ratio:1;opacity:0;width:min(62vh,80vw,540px);top:50%;left:50%;transform:translate(-50%,-50%)}.card-play-aura:before,.card-play-aura:after{content:"";position:absolute;border:2px solid color-mix(in srgb,var(--play-color)75%,transparent);box-shadow:0 0 1.5rem color-mix(in srgb,var(--play-color)40%,transparent),inset 0 0 1.5rem color-mix(in srgb,var(--play-secondary)35%,transparent);border-radius:50%;inset:5%}.card-play-aura:after{border-color:var(--play-secondary);inset:15%}.card-play-layer[data-tier=signature]:not([data-phase]) .card-play-aura{animation:card-play-seal var(--reveal-time)ease-out both}.card-play-layer[data-realm=Divine] .card-play-aura:after{border-radius:0;transform:rotate(45deg)}.card-play-layer[data-realm=Elemental] .card-play-aura:before{border-radius:15%;transform:rotate(30deg)}.card-play-layer[data-realm=Mortal] .card-play-aura:after{border-radius:12% 12% 48% 48%}.card-play-layer[data-realm=Nature] .card-play-aura:after{border-radius:50% 8%;transform:rotate(45deg)}.card-play-layer[data-realm=Void] .card-play-aura:after{border-style:dashed}.card-play-aura i{position:absolute;transform-origin:50% 0;transform:rotate(calc(var(--ray)*45deg))translateY(-220%);background:linear-gradient(transparent,var(--play-secondary),var(--play-color),transparent);width:3px;height:12%;top:50%;left:50%}.card-play-layer:not([data-tier=signature]) .card-play-aura i{display:none}@keyframes card-play-seal{0%,20%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(-25deg)}55%,85%{opacity:.85}to{opacity:.3;transform:translate(-50%,-50%)scale(1)rotate(15deg)}}.card-play-layer[data-phase=impact] .card-play-aura{left:var(--impact-x);top:var(--impact-y);width:calc(var(--impact-size)*1.7);animation:card-play-shockwave var(--impact-time)ease-out both}.card-play-layer[data-tier=normal][data-phase=impact] .card-play-aura:after{display:none}.card-play-layer[data-tier=heavy][data-phase=impact] .card-play-aura:before{border-width:4px}@keyframes card-play-shockwave{0%{opacity:.9;transform:translate(-50%,-50%)scale(.35)}to{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}@keyframes card-play-impact-life{0%{opacity:1}to{opacity:1}}[data-play-impact=normal]{animation:card-play-settle .2s ease-out}[data-play-impact=heavy],[data-play-impact=signature]{animation:card-play-slam .33s ease-out}@keyframes card-play-settle{0%{scale:.97;filter:brightness(1.15)}to{scale:1;filter:none}}@keyframes card-play-slam{0%{scale:1.09;translate:0 -4px;filter:brightness(1.4)}24%{scale:.95 .91;translate:0 3px}55%{scale:1.025;translate:0 -1px}to{scale:1;translate:0;filter:none}}.card-play-emblem{position:absolute;overflow:visible;fill:none;stroke:var(--play-color);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px var(--play-color));width:120%;height:120%;inset:-10%}.card-play-layer[data-signature] .card-play-aura:before,.card-play-layer[data-signature] .card-play-aura:after,.card-play-layer[data-signature] .card-play-aura>i{display:none}.card-play-layer[data-signature]:not([data-phase]) .card-play-aura{animation-name:signature-emerge}@keyframes signature-emerge{0%,20%{opacity:0;transform:translate(-50%,-50%)scale(.6)}50%,88%{opacity:1}to{opacity:.8;transform:translate(-50%,-50%)scale(1)}}.signature-feather{fill:color-mix(in srgb,var(--play-color)12%,transparent);animation:signature-wing var(--reveal-time)ease-out both}@keyframes signature-wing{0%{translate:0 calc(var(--feather)*6px);opacity:0}to{translate:0;opacity:1}}.signature-scythe{fill:#170625bb;stroke-width:3}.signature-cut{stroke-dasharray:140;animation:signature-trace var(--reveal-time)ease-out both}.signature-lightning{stroke:#ffe8aa;stroke-width:5;stroke-dasharray:480;animation:signature-trace var(--reveal-time)ease-out both}@keyframes signature-trace{0%,25%{stroke-dashoffset:480}65%,to{stroke-dashoffset:0}}.signature-clock{transform-origin:center;animation:signature-time var(--reveal-time)ease-out both}@keyframes signature-time{0%{rotate:-120deg}to{rotate:none}}.signature-shield{fill:color-mix(in srgb,var(--play-color)25%,#101c2c);stroke:#c7dbed}.signature-spear{animation:signature-march var(--reveal-time)ease-out both}@keyframes signature-march{0%{translate:0 60px}to{translate:0}}.card-play-layer[data-signature=wasp]{--play-color:#ffc356!important;--play-secondary:#dc8d28!important}.signature-amber{fill:#c7801a26;animation:signature-swarm var(--reveal-time)ease-out both}.signature-wasp{stroke:#ffefad;stroke-width:3}@keyframes signature-swarm{0%{translate:calc(var(--feather)*3px)-18px;opacity:0}to{translate:0;opacity:1}}.signature-wrath{stroke-width:4;stroke-dasharray:120;animation:signature-trace var(--reveal-time)ease-out both}.card-play-layer[data-signature=wrath][data-phase=impact] .card-play-aura{width:calc(var(--impact-size)*2.3)}@media (prefers-reduced-motion:reduce){.card-play-layer,.card-play-layer[data-tier]{--reveal-time:.22s;--land-time:1ms;--impact-time:1ms}.card-play-layer .card-play-aura,.card-play-layer[data-phase=landing] .card-play-frame{display:none}[data-play-impact]{animation:none}@keyframes card-play-reveal{0%,to{opacity:1;transform:translate(-50%,-50%)}}}sob-replay-viewer,.replay-board{display:block;width:100%;height:100%;min-height:0}.replay-log{--replay-control-size:1.9rem}.replay-transport{display:grid;border-bottom:1px solid color-mix(in srgb,var(--ink)25%,transparent);flex:none;gap:.4rem;padding-bottom:.55rem}.replay-status,.replay-detail{color:var(--ink-muted);font:inherit;margin:0;font-size:.72rem}.replay-status{color:var(--accent-strong);font-variant-numeric:tabular-nums}.replay-detail:empty{display:none}.replay-controls{display:grid;grid-template-columns:1fr 1fr 1.8fr 1fr 1fr;gap:.2rem}.replay-transport button,.replay-transport select{min-height:var(--replay-control-size);border:1px solid color-mix(in srgb,var(--ink)30%,transparent);color:var(--ink);background:color-mix(in srgb,var(--ink)6%,transparent);font:inherit;text-shadow:none;box-shadow:none;cursor:pointer;border-radius:.15rem;min-width:0;margin:0;padding:.25rem .3rem}.replay-controls button{font-size:1.05rem}.replay-controls button[data-act=play]{background:var(--gold-bright);color:#241b13;font-size:.76rem}.replay-transport button:hover:not(:disabled){background:color-mix(in srgb,var(--gold-bright)30%,transparent);color:var(--ink)}.replay-transport button:disabled{opacity:.35;cursor:default}.replay-transport :focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.replay-options{display:grid;grid-template-columns:1fr 2fr;gap:.25rem}.replay-actions{display:flex;justify-content:space-between;gap:.4rem}.replay-actions button{text-decoration:underline;text-underline-offset:.2em;background:0 0;border:0;min-height:1.4rem;font-size:.72rem}.replay-error{color:#8b211c}.replay-board .zone-count[role=button]{cursor:pointer}sob-replay-viewer>.replay-log{position:absolute;z-index:100;width:18rem;min-height:15rem;top:1rem;right:1rem}.replay-list{overflow:auto;width:min(100%,48rem);max-height:40vh;margin:1rem auto}.replay-list-row{display:flex;border-bottom:1px solid;flex-wrap:wrap;align-items: center;gap:.5rem;padding:.5rem}.replay-list-row p{flex:1;min-width:12rem}.replay-list-row .button{width:auto;min-width:5rem}@media (max-width:64rem){sob-replay-viewer .match-log{position:absolute;z-index:110;contain:none;width:min(19rem,72vw);top:0;bottom:4.5rem;right:.5rem}}.replay-controls button[data-act=back]:before{content:none}.replay-log .match-log-seekable{cursor:pointer}.replay-log .match-log-seekable:hover,.replay-log .match-log-entry.replay-current{background:color-mix(in srgb,var(--gold-bright)20%,transparent)}.replay-log .match-log-entry.replay-current{box-shadow:inset 3px 0 var(--accent-strong)}.replay-log .replay-future{opacity:.6}.replay-log .match-log-seek{appearance:none;color:inherit;font:inherit;text-align:left;text-shadow:none;box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:0;min-height:0;margin:0;padding:0;font-weight:700}.replay-log .match-log-seek:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}