.rune-host{place-items:center;display:grid;position:relative}.rune-wrap{width:100%;line-height:0}.rune-wrap svg{width:100%;height:auto;display:block}.rune-wrap .rune{cursor:pointer}.rune-wrap .rune-disc{fill:var(--paper)}.rune-wrap .rune.lit .rs{stroke:var(--sea,#2f6f73);stroke-width:2.4px}.rune-wrap .rune-ring.lit>.rs{stroke:var(--sea,#2f6f73);stroke-width:1.8px}.rune-wrap .rune:hover .rs{stroke-width:2px}.rune-summon{opacity:0;pointer-events:none;border-radius:50%;transition:opacity .6s;position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%}.rune-summon.on{opacity:1}.rune-summon canvas{width:100%;height:100%;display:block}.rune-wrap svg.casting .rs{stroke-dasharray:1;stroke-dashoffset:1px;animation:.45s ease-out forwards rune-draw;animation-delay:calc(var(--i) * var(--step,10ms))}.rune-wrap svg.casting .rune>:not(.rs):not(title){opacity:0;animation:.3s ease-out forwards rune-in;animation-delay:calc(var(--g) * var(--step,10ms))}.rune-wrap svg.casting .spin-every{animation-play-state:paused}.rune-wrap svg.flash{animation:.5s ease-out rune-flash}@keyframes rune-draw{to{stroke-dashoffset:0}}@keyframes rune-in{to{opacity:1}}@keyframes rune-flash{30%{opacity:.55}}.rune-wrap .rune.healing{animation:.6s ease-out rune-heal}@keyframes rune-heal{0%{opacity:.4}}.rune-wrap .rune-star.glow{transition:opacity .12s linear}@media (prefers-reduced-motion:reduce){.rune-wrap svg.casting .rs,.rune-wrap svg.casting .rune>*,.rune-wrap .rune.healing,.rune-wrap svg.flash{stroke-dashoffset:0;opacity:1;animation:none}}.runes-pane{flex-direction:column;grid-area:canvas;gap:10px;min-height:0;display:none;overflow-y:auto}.runes-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.runes-state{font-family:var(--font-mono);color:var(--ink-soft);font-size:13px}.runes-state[data-state=broken]{color:var(--ember-deep)}.runes-alpha{margin-left:auto;font-size:14px}.runes-view{align-self:center;width:100%;max-width:620px}.runes-diag{color:var(--ink-soft);margin:0;padding-left:1.2em;font-size:14px}.runes-diag li{margin-bottom:4px}.runes-diag li[data-kind=faded]{color:var(--ink-mute)}#runes-btn[aria-pressed=true]{background:var(--ink);color:var(--paper)}@media (min-width:861px){.studio[data-side=runes] .canvas-pane{display:none}.studio[data-side=runes] .runes-pane{display:flex}}@media (max-width:860px){.runes-pane{display:flex}#runes-btn{display:none}}.as-runes .card-art .pv{display:none}.card-runes svg{width:100%;height:auto;display:block}.as-runes .card-art{aspect-ratio:1;background:var(--paper)}.wall-view[aria-pressed=true]{background:var(--ink);color:var(--paper)}.piece-views{gap:4px;margin-bottom:8px;display:flex}.piece-views [role=tab]{appearance:none;border:1px solid var(--rule-strong);border-radius:var(--r-pill);background:var(--sheet);color:var(--ink);font:inherit;cursor:pointer;padding:5px 12px;font-size:14px}.piece-views [aria-selected=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.piece-runes-bar{align-items:center;gap:12px;display:flex}.player-runes{width:100%;height:100%}.golf-runes{margin-top:var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.golf-runes figure{margin:0}.golf-runes svg{width:100%;height:auto;display:block}.golf-runes figcaption{color:var(--ink-soft);text-align:center;font-size:14px}