.rune-ring{--initiative-cyan:#40d4f8;--initiative-rose:#ff5098;--initiative-ice:#a8d8ff;--rune-stone-art:url(/tools/first-player/rune-stone.png);--pool-frame-art:url(/tools/first-player/pool-frame.png);--rune-size:3.25rem;--pool-frame-inset:10%;position:relative;width:100%;aspect-ratio:1}.rune-ring__pool{position:absolute;inset:var(--pool-frame-inset);z-index:1;overflow:visible;background-image:var(--pool-frame-art);background-size:100% 100%;background-position:50%;background-repeat:no-repeat;filter:drop-shadow(0 10px 28px rgb(0 0 0/45%))}.rune-ring__pool-btn{position:absolute;inset:13.5%;z-index:3;padding:0;border:none;border-radius:50%;background:transparent;cursor:pointer}.rune-ring__pool-btn:hover:not(:disabled){background:rgb(255 255 255/4%)}.rune-ring__pool-btn:disabled{cursor:not-allowed}.rune-ring__pool-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.rune-ring__slot{position:absolute;z-index:4;width:var(--rune-size);height:var(--rune-size);transform:translate(-50%,-50%)}.rune-ring__stone{display:grid;width:100%;height:100%;place-items:center;padding:0;border:none;border-radius:.35rem;cursor:pointer;background-color:transparent;background-image:var(--rune-stone-art);background-size:cover;background-position:50%;color:var(--color-text);font-family:var(--font-display);font-size:1.35rem;line-height:1;opacity:1;filter:none;text-shadow:0 0 1px rgb(0 0 0/100%),0 1px 2px rgb(0 0 0/90%),0 -1px 1px rgb(0 0 0/75%),1px 0 1px rgb(0 0 0/75%),-1px 0 1px rgb(0 0 0/75%);transition:color .2s ease,opacity .2s ease,filter .2s ease,box-shadow .2s ease,text-shadow .2s ease,transform .15s ease}.rune-ring__stone:hover:not(:disabled):not(.rune-ring__stone--lit):not(.rune-ring__stone--flash):not(.rune-ring__stone--winner){color:#fff;text-shadow:0 0 2px rgb(0 0 0/100%),0 1px 3px rgb(0 0 0/95%),0 -1px 2px rgb(0 0 0/85%),1px 0 2px rgb(0 0 0/85%),-1px 0 2px rgb(0 0 0/85%)}.rune-ring__stone:hover:not(:disabled){transform:scale(1.04)}.rune-ring__stone:disabled{cursor:not-allowed}.rune-ring__stone:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.rune-ring__stone--lit{opacity:1;filter:brightness(1.15) saturate(1.3);color:color-mix(in srgb,var(--rune-color,var(--color-primary)) 35%,#fff);text-shadow:0 0 6px var(--rune-color,var(--color-primary)),0 0 14px color-mix(in srgb,var(--rune-color,var(--color-primary)) 90%,transparent),0 1px 2px rgb(0 0 0/50%);box-shadow:0 0 20px color-mix(in srgb,var(--rune-color,var(--color-primary)) 90%,transparent),0 0 36px color-mix(in srgb,var(--rune-color,var(--color-primary)) 60%,transparent),inset 0 0 10px rgb(0 0 0/25%)}.rune-ring__stone--flash{opacity:1;filter:brightness(1.25) saturate(1.4);color:#fff;text-shadow:0 0 8px #fff,0 0 18px var(--rune-color,var(--color-primary)),0 0 30px var(--rune-color,var(--color-primary));box-shadow:0 0 24px var(--rune-color,var(--color-primary)),0 0 44px color-mix(in srgb,var(--rune-color,var(--color-primary)) 85%,transparent)}.rune-ring__stone--winner{opacity:1;filter:brightness(1.2) saturate(1.35);color:color-mix(in srgb,var(--rune-color,var(--color-primary)) 25%,#fff);text-shadow:0 0 8px var(--rune-color,var(--color-primary)),0 0 18px color-mix(in srgb,var(--rune-color,var(--color-primary)) 95%,transparent),0 1px 2px rgb(0 0 0/45%);box-shadow:0 0 24px color-mix(in srgb,var(--rune-color,var(--color-primary)) 95%,transparent),0 0 44px color-mix(in srgb,var(--rune-color,var(--color-primary)) 65%,transparent),inset 0 0 10px rgb(0 0 0/25%);animation:rune-winner-pulse 2s ease-in-out infinite}@keyframes rune-winner-pulse{0%,to{transform:scale(1);filter:brightness(1.2) saturate(1.35)}50%{transform:scale(1.08);filter:brightness(1.45) saturate(1.5)}}@media (max-width:639px){.rune-ring{--rune-size:2.75rem}.rune-ring__stone{color:#fff;font-size:1.4rem;text-shadow:0 0 2px rgb(0 0 0/100%),0 1px 3px rgb(0 0 0/95%),0 -1px 2px rgb(0 0 0/85%),1px 0 2px rgb(0 0 0/85%),-1px 0 2px rgb(0 0 0/85%)}.rune-ring__stone--lit,.rune-ring__stone--winner{filter:brightness(1.25) saturate(1.4)}.rune-ring__stone--flash{filter:brightness(1.35) saturate(1.5)}}@media (prefers-reduced-motion:reduce){.rune-ring__stone,.rune-ring__stone--winner{animation:none!important;transition-duration:.01ms!important}}.scrying-pool{--pool-bog:#2a1e08;--pool-surface-art:url(/tools/first-player/pool-surface.png);--pool-winner-color:transparent;--pool-window-inset:13.5%;inset:var(--pool-window-inset);overflow:hidden;background-color:var(--pool-bog);background-image:radial-gradient(circle at 50% 50%,var(--pool-winner-color) 0,color-mix(in srgb,var(--pool-winner-color) 75%,transparent) 24%,color-mix(in srgb,var(--pool-winner-color) 45%,transparent) 46%,color-mix(in srgb,var(--pool-winner-color) 18%,transparent) 68%,transparent 95%),var(--pool-surface-art);background-size:cover,cover;background-position:50%;background-repeat:no-repeat;transition:background-image 1.1s ease-out;box-shadow:inset 0 0 40px rgb(0 0 0/55%)}.scrying-pool,.scrying-pool:after{position:absolute;border-radius:50%}.scrying-pool:after{content:"";inset:12%;background:radial-gradient(circle at 50% 40%,rgb(255 255 255/8%) 0,transparent 55%);pointer-events:none;animation:pool-idle-shimmer 4s ease-in-out infinite}.scrying-pool--scrying:after{animation:pool-scry-turbulence .65s ease-in-out infinite}.scrying-pool--revealed:after{animation:none;opacity:.35}.scrying-pool__winner-rune{position:absolute;inset:0;z-index:2;display:grid;place-items:center;font-family:var(--font-display);font-size:clamp(2.5rem,14vw,4rem);line-height:1;color:#fff;text-shadow:0 0 12px rgb(255 255 255/90%),0 0 24px rgb(0 0 0/65%);pointer-events:none;animation:pool-winner-rune-in .6s ease-out both}@keyframes pool-winner-rune-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes pool-idle-shimmer{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.65;transform:scale(1.04)}}@keyframes pool-scry-turbulence{0%,to{opacity:.45;transform:scale(1) rotate(0deg)}33%{opacity:.85;transform:scale(1.08) rotate(2deg)}66%{opacity:.55;transform:scale(.96) rotate(-2deg)}}@media (prefers-reduced-motion:reduce){.scrying-pool,.scrying-pool:after,.scrying-pool__winner-rune{animation:none!important;transition-duration:.01ms!important}}.initiative-tool{max-width:36rem;margin-inline:auto;display:grid;gap:.75rem}.initiative-sr-only{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.initiative-marquee{display:grid;place-items:center}.initiative-marquee__img{width:min(100%,42rem);height:auto}.initiative-stage-wrap{position:relative;display:grid;gap:.5rem}.initiative-stage{width:min(100%,480px);margin-inline:auto}.initiative-result{display:grid;gap:.25rem;text-align:center;padding-inline:.5rem}.initiative-result__winner{font-size:clamp(1.25rem,4vw,1.75rem);font-weight:600;color:var(--color-primary)}.initiative-result__hint{font-size:.875rem;line-height:1.45;color:var(--color-text-muted)}.initiative-sound{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8125rem;color:var(--color-text-muted)}.initiative-stage-wrap--shake .rune-ring__pool{animation:initiative-pool-shake .4s ease-out}@keyframes initiative-pool-shake{0%,to{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,-2px)}80%{transform:translate(1px,2px)}}@media (max-width:639px){.initiative-stage{width:min(100%,400px)}}@media (prefers-reduced-motion:reduce){.initiative-stage-wrap--shake .rune-ring__pool{animation:none!important}}