.rune-ring{--initiative-cyan:#40d4f8;--initiative-rose:#ff5098;--initiative-ice:#a8d8ff;--rune-stone-art:url(/tools/first-player/rune-stone.webp);--rune-size:clamp(4.75rem,21.5vw,6.5rem);--pool-frame-inset:17.5%;position:relative;width:100%;aspect-ratio:1}.rune-ring__pool{position:absolute;inset:var(--pool-frame-inset);z-index:1;overflow:hidden;border-radius:50%}.rune-ring__pool-art{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none;user-select:none}.rune-ring__pool-btn{position:absolute;inset:8.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{position:relative;display:grid;width:100%;height:100%;place-items:center;padding:0;border:none;border-radius:.5rem;cursor:pointer;background-color:transparent;background-image:var(--rune-stone-art);background-size:contain;background-repeat:no-repeat;background-position:50%;color:var(--color-text);font-family:var(--font-display);font-size:clamp(.9rem,3.25vw,1.2rem);line-height:1;opacity:.2;filter:saturate(.15);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,text-shadow .2s ease}.rune-ring__stone:before{content:"";position:absolute;inset:27%;z-index:0;border-radius:50%;background:radial-gradient(circle at center,color-mix(in srgb,var(--rune-color,var(--color-primary)) 62%,#fff) 0,color-mix(in srgb,var(--rune-color,var(--color-primary)) 48%,transparent) 23%,color-mix(in srgb,var(--rune-color,var(--color-primary)) 18%,transparent) 48%,transparent 72%);opacity:0;pointer-events:none}.rune-ring__glyph{display:block;position:relative;z-index:1;transform:translateY(-.08em)}.rune-ring__glyph--raido{transform:translate(.06em,-.08em)}.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){filter:brightness(1.1) saturate(1.08)}.rune-ring__stone:disabled{cursor:not-allowed}.rune-ring__stone:focus{opacity:1!important;transition:none}.rune-ring__stone:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.rune-ring__stone--lit{opacity:1;filter:brightness(1.08) saturate(1.08);color:var(--rune-color,var(--color-primary));text-shadow:0 0 2px rgb(0 0 0/100%),0 0 6px color-mix(in srgb,var(--rune-color,var(--color-primary)) 54%,transparent),0 2px 2px rgb(0 0 0/85%)}.rune-ring__stone--flash,.rune-ring__stone--winner{opacity:1;color:var(--rune-color,var(--color-primary));text-shadow:0 0 3px #fff,0 0 8px var(--rune-color,var(--color-primary)),0 2px 2px rgb(0 0 0/75%)}.rune-ring__stone--flash{filter:brightness(1.14) saturate(1.15)}.rune-ring__stone--flash:before{animation:rune-light-bloom .27s cubic-bezier(.13,.81,.2,1) both}.rune-ring__stone--winner{filter:brightness(1.14) saturate(1.12)}.rune-ring__stone--winner:before{will-change:opacity;animation:rune-winner-pulse 1.8s ease-in-out infinite}@keyframes rune-light-bloom{0%{opacity:0;transform:scale(.5)}35%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(1.14)}}@keyframes rune-winner-pulse{0%,to{opacity:.15}50%{opacity:1}}@media (max-width:639px){.rune-ring__stone{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{filter:brightness(1.14) saturate(1.12)}.rune-ring__stone--flash{filter:brightness(1.2) saturate(1.2)}}@media (prefers-reduced-motion:reduce){.rune-ring__stone,.rune-ring__stone:before{animation:none!important;transition-duration:.01ms!important}}.scrying-pool{--pool-winner-color:transparent;--pool-window-inset:10%;position:absolute;inset:var(--pool-window-inset);border-radius:50%;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 44% 34%,rgb(83 147 177/23%),transparent 25%),radial-gradient(ellipse at 58% 68%,rgb(27 83 111/58%),transparent 42%),linear-gradient(155deg,#07131a,#0b2430 50%,#0a1b25 75%,#050c12);box-shadow:inset 0 0 2.25rem #020608,inset 0 0 0 2px rgb(163 203 219/14%)}.scrying-pool:after,.scrying-pool:before{content:"";position:absolute;pointer-events:none}.scrying-pool:before{z-index:0;width:76%;height:54%;left:-18%;top:8%;border-radius:50%;background:radial-gradient(ellipse,rgb(120 190 219/24%),rgb(28 97 127/8%) 46%,transparent 68%);filter:blur(.8rem);transform:rotate(-18deg);animation:pool-blue-drift 7s ease-in-out infinite alternate}.scrying-pool:after{z-index:1;width:11%;aspect-ratio:1;left:44.5%;top:44.5%;border:2px solid rgb(137 198 221/22%);border-radius:50%;opacity:0;transform:scale(.25)}.scrying-pool--scrying:before{animation-duration:3.2s;opacity:.9}.scrying-pool--scrying:after{animation:pool-quiet-ripple 1.35s ease-out infinite}.scrying-pool--revealed{animation:pool-blue-reveal 1.05s ease-out forwards}.scrying-pool__winner-rune{position:absolute;inset:0;z-index:2;display:grid;place-items:center;font-family:var(--font-display);font-size:clamp(2rem,9vw,3.25rem);line-height:1;color:var(--pool-winner-color);text-shadow:-2px 1px 0 rgb(108 227 9/32%),2px -1px 0 rgb(211 1 255/30%),0 2px 2px rgb(0 0 0/85%);pointer-events:none;animation:pool-winner-rune-in .6s ease-out both}.scrying-pool__winner-rune-glyph{display:block;transform:translateY(-.08em)}.scrying-pool__winner-rune-glyph--raido{transform:translate(.06em,-.08em)}@keyframes pool-winner-rune-in{0%{opacity:0;transform:scale(.78) rotate(-3deg)}72%{opacity:1;transform:scale(1.035) rotate(1deg)}to{opacity:1;transform:scale(1)}}@keyframes pool-blue-drift{to{opacity:.7;transform:translate(56%,20%) rotate(-8deg) scale(1.15,.82)}}@keyframes pool-quiet-ripple{0%{opacity:0;transform:scale(.25)}14%{opacity:.36}to{opacity:0;transform:scale(7.4)}}@keyframes pool-blue-reveal{45%{filter:brightness(1.22) saturate(1.08);box-shadow:inset 0 0 1.5rem #020608,inset 0 0 0 3px rgb(145 207 232/30%)}to{filter:brightness(1.08)}}@media (prefers-reduced-motion:reduce){.scrying-pool,.scrying-pool:after,.scrying-pool:before,.scrying-pool__winner-rune{animation:none!important}}.initiative-tool{max-width:36rem;margin-inline:auto;display:grid;gap:.75rem}.initiative-stage-wrap{position:relative;display:grid;gap:.5rem}.initiative-stage{position:relative;width:min(100%,480px);margin-inline:auto;padding-bottom:clamp(1rem,4.25vw,1.25rem)}.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-controls{display:flex;align-items:center;justify-content:center;gap:.5rem}.initiative-controls .btn-secondary,.initiative-sound{font-size:.8125rem}.initiative-sound{display:flex;align-items:center;gap:.5rem}.initiative-help-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1.25rem}.initiative-help-modal__backdrop{position:absolute;inset:0;background:rgb(0 0 0/72%);backdrop-filter:blur(4px)}.initiative-help-modal__panel{position:relative;width:min(100%,28rem);border-radius:.75rem;padding:1.5rem;box-shadow:0 1.5rem 4rem rgb(0 0 0/65%)}.initiative-help-modal__panel h2{margin:0;color:var(--color-text);font-size:1.5rem}.initiative-help-modal__panel ul{display:grid;gap:.75rem;margin:1.25rem 0 1.5rem;padding-left:1.25rem;list-style:disc;color:var(--color-text);line-height:1.45}.initiative-help-modal__panel ul li::marker{color:var(--color-primary)}.initiative-help-modal__close{width:100%}.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}}