.a-hold{position:absolute;inset:0}.a-hold[data-hidden]{display:none}.a-stage{--floor:min(250px,34%);--bar:0px;position:absolute;inset:0;overflow:hidden;background:radial-gradient(55% 30% at 50% 88%,#4a3420 0,#2a1c12 45%,transparent 75%),radial-gradient(90% 70% at 50% 40%,#1d140d,#0c0805 80%)}.a-banner{position:absolute;z-index:8;top:14px;left:14px;display:grid;justify-items:start;gap:2px;width:max-content;max-width:calc(100% - 40px);padding:6px 16px 8px;border-radius:6px;background:#0c0805cc;font:15px/1.3 var(--display);color:var(--soft);text-shadow:0 1px 0 #000}.a-banner strong{font:22px/1.2 var(--display);color:var(--gold-bright);font-weight:400}.a-banner strong[data-locked]{color:var(--green-hi)}.a-banner small{font:14px/1.3 var(--body);color:var(--soft)}.a-board{position:absolute;z-index:2;inset:0 0 calc(var(--floor) + var(--bar));overflow:hidden;border-bottom:1px solid #000;box-shadow:0 1px 0 #8c6c4844}.a-board .g-lines line,.a-board .g-pin,.a-chose img{transition:opacity .25s ease}.a-board .g-pin img{left:-15px;top:-15px;width:30px;height:30px;box-shadow:0 0 0 1.5px #000,0 0 0 4px var(--pin,#fff),0 2px 6px #000}.a-board .g-pin span{left:21px}.a-board .g-pin[data-flip] span{left:auto;right:21px}.a-board .g-pin:not([data-hidden]) img,.a-chose img:not([data-hidden]){animation:a-drop .3s ease-out}.a-chose img[data-hidden]{opacity:0}@keyframes a-drop{0%{transform:translateY(-10px) scale(1.4)}to{transform:none}}.a-floor{position:absolute;z-index:3;left:0;right:0;bottom:var(--bar);height:var(--floor)}.a-floor canvas,.a-plates{position:absolute;inset:0}.a-plates{z-index:2;pointer-events:none}.a-who{position:absolute;display:grid;justify-items:center;gap:8px;width:190px;transform:translate(-50%,calc(-100% - 6px));transition:filter .5s ease,opacity .5s ease}.a-who[data-out]{filter:grayscale(1) brightness(.6);opacity:.8}.a-who[data-acting] .a-plate{filter:drop-shadow(0 0 7px #f8d03066)}.a-turn{display:inline-block;min-width:17px;margin-right:5px;padding:0 4px;border-radius:3px;background:#000000c0;box-shadow:0 0 0 1px #8c6c48aa;font:12px/16px var(--display);color:var(--gold-bright);text-align:center;vertical-align:1px}.a-plate{display:grid;justify-items:center;gap:3px;width:150px}.a-name{max-width:100%;overflow:hidden;font:15px/1.2 var(--display);color:var(--class,var(--cream));text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 0 #000,0 0 4px #000}.a-who[data-you] .a-name:after{content:" (you)";color:var(--dim);font-size:12px}.a-health{position:relative;width:100%;height:14px;border:1px solid #000;background:#0a0806;box-shadow:0 0 0 1px #8c6c4866}.a-health i{position:absolute;top:0;bottom:0;left:0}.a-health-fill,.a-health-trail{right:0;transform-origin:left}.a-health-trail{background:#f6e7a6;transition:transform .6s ease .4s}.a-health-fill{background:linear-gradient(#36d63a,#128c14);transition:transform .3s ease}.a-health-shield{background:repeating-linear-gradient(-45deg,#ffffffd9 0 3px,#ffffff70 3px 6px);box-shadow:inset 0 0 0 1px #fff;transition:left .3s ease,width .3s ease}.a-health span{position:relative;display:block;font:600 11px/14px var(--body);color:#fff;text-align:center;text-shadow:0 1px 1px #000;font-variant-numeric:tabular-nums}.a-auras{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;max-width:160px;min-height:20px}.a-aura{position:relative;animation:a-aura-in .3s ease-out}.a-aura,.a-aura img{width:20px;height:20px}.a-aura img{display:block;border-radius:2px;box-shadow:0 0 0 1px #000}.a-aura[data-kind=debuff] img{box-shadow:0 0 0 1px #000,0 0 0 2.5px #d42a1c}.a-aura[data-lit] img{box-shadow:0 0 0 1px #000,0 0 9px var(--gold-bright)}.a-aura b{position:absolute;right:-3px;bottom:-4px;font:700 11px/1 var(--body);color:#fff;text-shadow:0 0 2px #000,1px 1px 0 #000,-1px -1px 0 #000}@keyframes a-aura-in{0%{transform:scale(1.7);opacity:0}to{transform:none;opacity:1}}.a-intent{position:relative;display:flex;align-items:center;gap:5px;max-width:180px;min-height:20px;padding:0 8px 0 1px;overflow:hidden;border:1px solid #000;border-radius:2px;background:#0a0806e6;font:12px/18px var(--display);color:var(--soft);white-space:nowrap;text-shadow:0 1px 0 #000;transition:opacity .25s ease}.a-intent img{position:relative;flex:none;width:16px;height:16px}.a-intent span{position:relative;overflow:hidden;text-overflow:ellipsis}.a-intent[data-state=casting]{color:#fff}.a-intent[data-state=done]{opacity:.45}.a-intent[data-state=stunned]{color:#ff9a80}.a-intent[data-state=stunned] img{filter:grayscale(1) brightness(.6)}.a-intent-fill{position:absolute;inset:0;transform-origin:left;background:linear-gradient(#e0a020,#9c6a10);animation:a-cast linear forwards}@keyframes a-cast{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.a-ring{position:absolute;z-index:1;width:112px;height:30px;margin:-15px 0 0 -56px;border:2px solid #ff3a22;border-radius:50%;box-shadow:0 0 12px #ff3a22,inset 0 0 10px #ff3a2288;pointer-events:none;animation:a-ring .3s ease-out}.a-ring[data-hover]{border-color:#ffd36a99;box-shadow:none;animation:none}.a-pick{position:absolute;z-index:4;width:120px;margin-left:-60px;padding:0;border:0;background:none;cursor:pointer}.a-pick:focus-visible{outline:1px solid var(--gold-soft);outline-offset:-1px}@keyframes a-ring{0%{transform:scale(1.6);opacity:0}to{transform:none;opacity:1}}.a-news{position:absolute;z-index:9;left:50%;top:22px;margin:0;font:26px/1.2 var(--display);color:#fff;white-space:nowrap;text-shadow:0 1px 0 #000,0 0 8px #000,0 0 2px #000;pointer-events:none;animation:a-news 2.2s ease-out forwards}.a-news b{font-weight:400}@keyframes a-news{0%{opacity:0;transform:translate(-50%,10px)}10%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}.a-bubble{position:relative;display:grid;justify-items:center;gap:2px;max-width:190px;padding:6px 10px 5px;border-radius:10px;background:#000000c8;box-shadow:0 0 0 1px #d6d6d699,0 6px 16px #000a;font:13.5px/1.25 var(--body);color:#fff;text-align:center;opacity:0;transform:translateY(6px) scale(.96);transition:opacity .25s ease,transform .25s ease}.a-bubble[data-shown]{opacity:1;transform:none}.a-bubble:after{content:"";position:absolute;left:calc(50% - 6px);bottom:-6px;width:12px;height:12px;background:#000000c8;box-shadow:1px 1px 0 #d6d6d699;transform:rotate(45deg)}.a-bubble-answer{display:inline-flex;align-items:center;gap:4px}.a-bubble[data-quality=right] .a-bubble-answer svg{color:var(--green-hi)}.a-bubble[data-quality=wrong] .a-bubble-answer svg{color:#ff5a3a}.a-bubble[data-quality=wrong] .a-bubble-answer{color:#ffb8a8}.a-bubble-score{display:inline-flex;align-items:baseline;gap:8px}.a-bubble-score b{font:15px/1.2 var(--display);color:var(--gold-bright);font-weight:400;font-variant-numeric:tabular-nums}.a-power{font:700 12.5px/1 var(--body);color:var(--gold-bright);font-variant-numeric:tabular-nums}.a-power[data-miss]{font-weight:400;color:#ff8a70}.a-bubble[data-best],.a-bubble[data-best]:after{box-shadow:0 0 0 1px var(--gold-bright),0 6px 16px #000a}.a-bubble[data-best]:after{box-shadow:1px 1px 0 var(--gold-bright)}.a-bubble-score small{display:inline-flex;align-items:center;gap:1px;font-size:12px;color:var(--soft);font-variant-numeric:tabular-nums}.a-floaters{position:absolute;width:0;height:0}.a-floaters span{position:absolute;left:0;top:0;font:700 34px/1 var(--display);color:#fff;white-space:nowrap;text-shadow:0 0 2px #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;font-variant-numeric:tabular-nums;animation:a-rise 1.45s ease-out forwards}.a-floaters span[data-kind=crit]{font-size:56px;color:#ffd100;animation-name:a-crit}.a-floaters span[data-kind=under],.a-floaters span[data-kind=word]{font-size:22px;color:#f0f0f0}.a-floaters span[data-kind=under]{top:56px}.a-floaters span[data-kind=tick]{font-size:26px;color:#c890ff}.a-floaters span[data-kind=heal]{font-size:30px;color:#3ef25c}@keyframes a-rise{0%{transform:translate(-50%);opacity:1}70%{opacity:1}to{transform:translate(-50%,-70px);opacity:0}}@keyframes a-crit{0%{transform:translate(-50%) scale(.5)}12%{transform:translate(-50%,-8px) scale(1.3)}26%{transform:translate(-50%,-12px) scale(1)}70%{opacity:1}to{transform:translate(-50%,-64px) scale(1);opacity:0}}.g-window[data-arena]{--book-h:76px;grid-template-rows:var(--hud-h) minmax(0,1fr) var(--book-h)}.a-book{position:relative;z-index:15;display:flex;align-items:center;justify-content:center;gap:22px;min-width:0;padding:0 14px;border-top:1px solid #000;background:linear-gradient(#1b130c,#0e0906);box-shadow:0 -1px 0 #8c6c4844}.a-book-note{font:15px/1.2 var(--display);color:var(--dim)}.a-book-spells,.a-book-targets{display:flex;gap:8px;transition:opacity .2s ease}.a-book[data-off] .a-book-targets,.a-book[data-off] .a-spell:not([data-defence]){opacity:.45}.a-book[data-locked] .a-spell:not([aria-pressed=true]):not([data-defence]),.a-book[data-locked] .a-target:not([aria-pressed=true]){opacity:.35}.a-spell{position:relative;display:grid;justify-items:center;gap:4px;width:92px;padding:0;border:0;background:none;font:12.5px/1.15 var(--display);color:var(--soft);cursor:pointer}.a-spell:disabled{cursor:default}.a-spell-icon{position:relative;width:44px;height:44px;border-radius:5px;box-shadow:0 0 0 1px #000,0 0 0 2px #6b5236}.a-spell-icon img{display:block;width:44px;height:44px;border-radius:4px}.a-spell:hover:not(:disabled) .a-spell-icon{box-shadow:0 0 0 1px #000,0 0 0 2px var(--gold-soft)}.a-spell[aria-pressed=true]{color:var(--gold-bright)}.a-spell[aria-pressed=true] .a-spell-icon{box-shadow:0 0 0 1px #000,0 0 0 2.5px var(--gold-bright),0 0 16px #f8d03077}.a-spell[data-default]{color:var(--soft)}.a-spell[data-default] .a-spell-icon{box-shadow:0 0 0 1px #000,0 0 0 2px #f8d03070}.a-spell[data-wait] img{filter:grayscale(.7) brightness(.65)}.a-spell[data-defence]{margin-left:10px}.a-spell[data-up]{color:var(--green-hi)}.a-spell[data-up] .a-spell-icon{box-shadow:0 0 0 1px #000,0 0 0 2.5px var(--green-hi),0 0 16px #6be06b77}.a-key{position:absolute;z-index:1;top:1px;right:3px;font:700 12px/1 var(--body);color:#fff;text-shadow:0 0 2px #000,1px 1px 0 #000,-1px -1px 0 #000;pointer-events:none}.a-spell-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.a-cooldown{position:absolute;inset:0;display:grid;place-items:center;border-radius:4px;background:conic-gradient(#000000b3 calc(var(--left) * 1turn),transparent 0);font:700 19px/1 var(--display);color:#fff;text-shadow:0 1px 2px #000}.a-book[data-call] .a-spell:not(:disabled) .a-spell-icon{animation:a-call .8s ease-in-out infinite alternate}@keyframes a-call{0%{box-shadow:0 0 0 1px #000,0 0 0 2px #6b5236}to{box-shadow:0 0 0 1px #000,0 0 0 2px var(--gold-bright),0 0 14px #f8d030aa}}.a-tip{position:absolute;z-index:30;bottom:calc(100% + 10px);left:50%;display:grid;gap:2px;width:260px;transform:translateX(-50%);font-size:13px;color:#ffd100;text-align:left;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease}.a-tip b{margin:0}.a-tip small{margin-bottom:3px;font:12.5px/1.3 var(--body);color:#fff}.a-spell:focus-visible .a-tip,.a-spell:hover .a-tip{opacity:1;visibility:visible}.a-book-targets{gap:6px;padding-left:20px;border-left:1px solid #8c6c4833}.a-book-targets[data-off]{opacity:.3}.a-target{display:grid;justify-items:center;gap:3px;width:66px;padding:0;border:0;background:none;font:12px/1.15 var(--display);color:var(--soft);cursor:pointer}.a-target:disabled{cursor:default}.a-target img{width:36px;height:36px;border-radius:50%;box-shadow:0 0 0 1.5px #000,0 0 0 3px var(--class)}.a-target[aria-pressed=true]{color:#fff}.a-target[aria-pressed=true] img{box-shadow:0 0 0 1.5px #000,0 0 0 3px var(--class),0 0 0 5.5px #ff3a22,0 0 12px #ff3a22aa}.a-target[data-default]{color:var(--soft)}.a-target[data-default] img{box-shadow:0 0 0 1.5px #000,0 0 0 3px var(--class),0 0 0 5px #ff3a2266}.a-target-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.a-target[data-out] img{filter:grayscale(1) brightness(.5)}.a-target[data-out] .a-target-name{color:var(--dim)}.a-target-health{position:relative;width:40px;height:4px;background:#000;box-shadow:0 0 0 1px #000}.a-target-health i{position:absolute;inset:0;transform-origin:left;background:#2bbd2e;transition:transform .3s ease}@media (min-width:801px){.a-book{padding-left:max(14px,calc(404px - (100vw - min(1280px, 100vw - 64px)) / 2))}}@media (min-width:801px) and (max-width:1240px){.a-spell{width:56px}.a-spell-name,.a-target-name{display:none}.a-target{width:46px}}.a-lock{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:134px;height:40px;padding:0 12px;border:1px solid var(--bronze);border-radius:3px;background:linear-gradient(#911815 2px,#760505 0,#3e0303);box-shadow:0 0 0 1px #000,0 3px 3px #000c;font:16px/1 var(--display);color:var(--btn-ink);text-shadow:0 1px 0 #000;white-space:nowrap;cursor:pointer;transition:filter .15s}.a-lock:hover:not(:disabled){filter:brightness(1.22);border-color:var(--gold)}.a-lock:disabled{cursor:default}.a-book[data-off] .a-lock:not([data-locked]){filter:grayscale(.8) brightness(.6)}.a-lock[data-locked]{border-color:#000;background:#0a0806;box-shadow:inset 0 0 0 1px #3d7a32;color:var(--green-hi)}.a-finale{position:relative;width:100%;height:320px;flex:none}.a-finale .a-stage{--floor:250px;border-radius:6px;background:radial-gradient(60% 55% at 50% 92%,#4a3420 0,#2a1c12 45%,transparent 80%)}@media (max-width:700px){.a-who{width:calc(var(--apart, 96px) - 4px);gap:5px}.a-plate{width:100%;gap:2px}.a-name{font-size:12px}.a-who[data-you] .a-name:after{content:none}.a-turn{min-width:13px;margin-right:3px;padding:0 2px;font-size:10px;line-height:13px}.a-health{height:11px}.a-health span{font-size:9px;line-height:11px}.a-auras{gap:2px;min-height:15px;max-width:100%}.a-aura,.a-aura img{width:15px;height:15px}.a-aura b{font-size:9px}.a-intent{justify-content:center;max-width:100%;min-height:16px;padding:0 2px}.a-intent span{display:none}.a-intent img{width:14px;height:14px}.a-bubble{max-width:100%;padding:4px 6px 3px;border-radius:8px;font-size:11px}.a-bubble-answer{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.a-bubble-answer svg{display:inline;margin-right:2px;vertical-align:-2px}.a-bubble-score small{font-size:10px}.a-ring{width:72px;height:20px;margin:-10px 0 0 -36px}.a-floaters span{font-size:24px}.a-floaters span[data-kind=crit]{font-size:36px}.a-floaters span[data-kind=under],.a-floaters span[data-kind=word]{font-size:15px}.a-floaters span[data-kind=under]{top:36px}.a-floaters span[data-kind=tick]{font-size:18px}.a-floaters span[data-kind=heal]{font-size:20px}.a-news{top:auto;bottom:calc(var(--floor) + 8px);width:92%;font-size:17px;text-align:center;white-space:normal}.g-window[data-arena]{--book-h:66px}.a-book{gap:10px;padding:0 8px}.a-book-spells{gap:6px}.a-spell{width:42px}.a-spell-name,.a-target-name,.a-tip{display:none}.a-spell-icon,.a-spell-icon img{width:40px;height:40px}.a-book-targets{gap:4px;padding-left:10px}.a-target{width:38px}.a-target img{width:30px;height:30px}.a-lock{width:40px;height:38px;padding:0}.a-lock span{display:none}.a-key{font-size:11px}}@media (prefers-reduced-motion:reduce){.a-board .g-lines line,.a-board .g-pin,.a-bubble,.a-chose img,.a-health i,.a-intent,.a-tip,.a-who{transition:none}.a-aura,.a-board .g-pin img,.a-book[data-call] .a-spell-icon,.a-chose img,.a-floaters span,.a-intent-fill,.a-news,.a-ring{animation:none}}.a-choices{position:absolute;inset:0;display:grid;align-content:center;justify-content:center;grid-template-columns:repeat(2,minmax(0,300px));gap:10px;padding:70px 24px 16px;background:radial-gradient(70% 60% at 50% 30%,#2c1f14aa,transparent),var(--tex-ground) center /cover}.a-choice{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 14px;border:1px solid #000;border-radius:4px;background:linear-gradient(#34302c,#1c1a18);box-shadow:inset 0 0 0 1px var(--grey-frame);font:17px/1.25 var(--display);color:var(--soft)}.a-choice[data-right]{background:linear-gradient(#1f4a18,#102a0c);box-shadow:inset 0 0 0 1px var(--green-hi);color:#fff}.a-choice svg{color:var(--green-hi)}.a-chose{display:flex;gap:8px;margin-left:auto;padding-left:8px}.a-chose img{width:28px;height:28px;border-radius:50%;box-shadow:0 0 0 1.5px #000,0 0 0 3.5px var(--pin,#fff)}.a-picker{display:grid;gap:12px;padding-bottom:18px;border-bottom:1px solid #8c6c4833}.a-picker-row{display:flex;flex-wrap:wrap;gap:5px}.a-picker-row button{width:32px;height:32px;padding:0;overflow:hidden;border:0;border-radius:5px;background:#000;box-shadow:0 0 0 1px #8c6c4855;cursor:pointer}.a-picker-row img{display:block;width:100%;height:100%;border-radius:4px;opacity:.7;transition:opacity .15s ease}.a-picker-row button:hover img,.a-picker-row button[aria-pressed=true] img{opacity:1}.a-picker-row button[aria-pressed=true]{box-shadow:0 0 0 2px var(--gold-bright),0 0 10px #f8d03055}.a-picker .g-choice{justify-self:start}.a-picker-says{margin:0;font:18px/1.2 var(--display);color:var(--cream)}.a-abilities{display:grid;gap:8px;margin:0;padding:0;list-style:none}.a-abilities li{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:9px}.a-abilities img{width:30px;height:30px;border-radius:3px;box-shadow:0 0 0 1px #000}.a-abilities span{display:grid;gap:1px}.a-abilities b{font:15px/1.2 var(--display);font-weight:400;color:var(--cream)}.a-abilities small{font:13px/1.35 var(--body);color:var(--soft)}.g-seats-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.g-add-bot{padding:4px 10px;border:1px solid #000;border-radius:4px;background:linear-gradient(#2a2622,#171512);box-shadow:inset 0 0 0 1px #8c6c4855;font:14px/1.2 var(--display);color:var(--soft);cursor:pointer}.g-add-bot:hover{color:var(--gold-bright)}.g-lobby-side:has(>.a-picker){grid-template-rows:auto auto minmax(0,1fr) auto}.g-seats li:has(.a-seat-class){grid-template-columns:36px minmax(0,1fr) auto auto}.a-seat-face,.a-standings-face{width:34px;height:34px;border-radius:50%;box-shadow:0 0 0 1.5px #000,0 0 0 3px var(--pin,#fff)}.a-standings-face{width:26px;height:26px}.a-seat-class{width:22px;height:22px;border-radius:3px;box-shadow:0 0 0 1px #000}