.settings-radial-hub{--settings-radial-accent: var(--accent, currentColor);--settings-radial-accent-2: var(--accent2, var(--settings-radial-accent));--settings-radial-rgb: var(--accent-rgb, 210 170 85);--settings-radial-glow: var(--glow, 0 0 28px rgb(var(--settings-radial-rgb) / .26));--settings-radial-surface: color-mix(in srgb, var(--bg2, transparent) 84%, transparent);--settings-radial-text: var(--t1, currentColor);--settings-radial-muted: var(--t3, currentColor);--settings-radial-border: var(--border2, currentColor);--settings-radial-radius: 33%;position:relative;inline-size:100%;min-block-size:min(100vh,760px);display:grid;place-items:center;overflow:hidden;color:var(--settings-radial-text);font-family:var(--font-b, Georgia, serif)}.settings-radial-sky{position:absolute;inset:0;z-index:0;inline-size:100%;block-size:100%;pointer-events:none}.settings-radial-stage{position:relative;z-index:2;inline-size:min(86vw,86vh,620px);aspect-ratio:1;display:block;isolation:isolate}.settings-radial-logo{position:absolute;left:50%;top:50%;z-index:3;inline-size:82%;block-size:82%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 6px rgb(0 0 0 / .4)) drop-shadow(0 0 6px rgb(var(--settings-radial-rgb) / .22));animation:settingsRadialFloat 7s ease-in-out infinite,settingsRadialLogoEnter .9s ease both}.settings-radial-hotspot{position:absolute;left:calc(50% + cos(var(--angle)) * var(--settings-radial-radius));top:calc(50% + sin(var(--angle)) * var(--settings-radial-radius));z-index:5;inline-size:118px;block-size:118px;margin:0;padding:0;border:0;background:transparent;color:var(--settings-radial-accent-2);cursor:pointer;transform:translate(-50%,-50%);-webkit-tap-highlight-color:transparent}.settings-radial-hotspot-spark{position:absolute;left:50%;top:50%;inline-size:13px;block-size:13px;border-radius:50%;background:radial-gradient(circle,rgb(var(--settings-radial-rgb) / .95),rgb(var(--settings-radial-rgb) / 0) 70%);opacity:0;transform:translate(-50%,-50%) scale(.4);transition:opacity .3s ease,transform .3s cubic-bezier(.22,1,.36,1);pointer-events:none}.settings-radial-hotspot-name{position:absolute;left:50%;top:50%;z-index:6;white-space:nowrap;font-family:var(--font-d, "Cinzel", Georgia, serif);font-size:18px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:color-mix(in srgb,var(--settings-radial-accent, currentColor) 78%,var(--settings-radial-text, currentColor));text-shadow:0 0 10px var(--bg0, transparent),0 0 4px var(--bg0, transparent),0 0 20px rgb(var(--settings-radial-rgb) / .45),0 1px 10px rgb(0 0 0 / .35);opacity:0;pointer-events:none;transition:opacity .34s ease,transform .42s cubic-bezier(.22,1,.36,1);--name-reach: 74px;--name-reach-x: 116px;transform:translate(calc(-50% + cos(var(--angle)) * var(--name-reach-x)),calc(-50% + sin(var(--angle)) * var(--name-reach)))}.settings-radial-hotspot:hover .settings-radial-hotspot-spark,.settings-radial-hotspot:focus-visible .settings-radial-hotspot-spark,.settings-radial-hotspot.is-active .settings-radial-hotspot-spark{opacity:1;transform:translate(-50%,-50%) scale(1);box-shadow:0 0 18px rgb(var(--settings-radial-rgb) / .7),0 0 38px rgb(var(--settings-radial-rgb) / .4);animation:settingsRadialSparkPulse 1.9s ease-in-out infinite}.settings-radial-hotspot:hover .settings-radial-hotspot-name,.settings-radial-hotspot:focus-visible .settings-radial-hotspot-name,.settings-radial-hotspot.is-active .settings-radial-hotspot-name{opacity:1;--name-reach: 116px;--name-reach-x: 168px;transform:translate(calc(-50% + cos(var(--angle)) * var(--name-reach-x)),calc(-50% + sin(var(--angle)) * var(--name-reach)))}.settings-radial-hotspot:focus-visible{outline:none}.settings-radial-hotspot.is-selecting .settings-radial-hotspot-spark{animation:settingsRadialFlare .6s ease-out}.settings-radial-hub.is-igniting .settings-radial-logo{animation:settingsRadialFloat 7s ease-in-out infinite,settingsRadialIgnite .6s ease-out}.settings-radial-hub.is-igniting .settings-radial-sky{animation:settingsRadialSelectBlur .62s ease-out}@keyframes settingsRadialLogoEnter{0%{opacity:0;transform:translate(-50%,-50%) scale(.82)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes settingsRadialFloat{0%,to{translate:0 -4px}50%{translate:0 6px}}@keyframes settingsRadialSparkPulse{0%,to{box-shadow:0 0 14px rgb(var(--settings-radial-rgb) / .55)}50%{box-shadow:0 0 28px rgb(var(--settings-radial-rgb) / .85)}}@keyframes settingsRadialFlare{0%{transform:translate(-50%,-50%) scale(1)}40%{transform:translate(-50%,-50%) scale(2.6);opacity:1}to{transform:translate(-50%,-50%) scale(1)}}@keyframes settingsRadialIgnite{0%{filter:drop-shadow(0 2px 6px rgb(0 0 0 / .35))}38%{filter:drop-shadow(0 0 26px rgb(var(--settings-radial-rgb) / .6)) drop-shadow(0 0 52px rgb(var(--settings-radial-rgb) / .32))}to{filter:drop-shadow(0 2px 6px rgb(0 0 0 / .35))}}@keyframes settingsRadialSelectBlur{0%{filter:blur(0)}38%{filter:blur(3.5px)}to{filter:blur(0)}}.cfg-radial-overlay{position:absolute;inset:0;z-index:40;display:none;overflow:hidden;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--bg1, black) 60%,transparent),var(--bg0, black) 70%),var(--bg0, black)}.cfg-radial-overlay.is-open{display:block}.cfg-radial-overlay .settings-radial-hub{min-block-size:100%;block-size:100%}.cfg-summon-star{margin-inline-start:auto;inline-size:38px;block-size:38px;border:1px solid var(--border2, currentColor);border-radius:50%;background:rgb(var(--accent-rgb, 210 170 85) / .08);color:var(--accent, currentColor);font-size:16px;line-height:1;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,color .2s ease}.cfg-summon-star:hover{transform:scale(1.08);color:var(--accent2, currentColor);box-shadow:0 0 16px rgb(var(--accent-rgb, 210 170 85) / .35)}.cfg-radial-overlay.is-focused .settings-radial-stage{opacity:0;transform:scale(.55);pointer-events:none;transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.cfg-radial-overlay.is-focused .settings-radial-sky{opacity:.42;transform:scale(1.12);filter:blur(1.5px);transition:opacity .55s ease,transform .7s ease,filter .55s ease}.cfg-focus{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:clamp(20px,5vmin,64px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .42s ease,visibility 0s linear .42s}.cfg-radial-overlay.is-focused .cfg-focus{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .42s ease}.cfg-focus-backdrop{position:absolute;inset:0;cursor:zoom-out}.cfg-focus-panel{position:relative;z-index:1;inline-size:min(720px,100%);max-block-size:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:16px;background:radial-gradient(120% 90% at 50% -10%,rgb(var(--accent-rgb, 210 170 85) / .1),transparent 62%),color-mix(in srgb,var(--bg2, black) 86%,transparent);border:1px solid color-mix(in srgb,var(--accent, currentColor) 30%,var(--border2, currentColor));box-shadow:0 0 0 1px rgb(var(--accent-rgb, 210 170 85) / .12),0 30px 80px #0000008c,0 0 60px rgb(var(--accent-rgb, 210 170 85) / .18);transform:translate(calc(cos(var(--focus-angle, 0deg))*26vmin),calc(sin(var(--focus-angle, 0deg))*26vmin)) scale(.9);opacity:0;transition:transform .55s cubic-bezier(.18,.9,.24,1),opacity .4s ease}.cfg-radial-overlay.is-focused .cfg-focus-panel{transform:translate(0) scale(1);opacity:1}.cfg-focus-head{display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid color-mix(in srgb,var(--accent, currentColor) 18%,transparent);background:linear-gradient(to bottom,rgb(var(--accent-rgb, 210 170 85) / .06),transparent)}.cfg-focus-back{flex:0 0 auto;inline-size:34px;block-size:34px;display:grid;place-items:center;border:1px solid var(--border2, currentColor);border-radius:50%;background:rgb(var(--accent-rgb, 210 170 85) / .08);color:var(--accent, currentColor);font-size:19px;line-height:1;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,color .2s ease,background .2s ease}.cfg-focus-back:hover{transform:translate(-2px) scale(1.06);color:var(--accent2, currentColor);background:rgb(var(--accent-rgb, 210 170 85) / .16);box-shadow:0 0 16px rgb(var(--accent-rgb, 210 170 85) / .35)}.cfg-focus-titles{display:flex;flex-direction:column;gap:3px;min-inline-size:0}.cfg-focus-title{font-family:var(--font-d, serif);font-size:15px;letter-spacing:.26em;text-transform:uppercase;color:var(--accent, currentColor);animation:cfgFocusTitleIn .55s ease both}.cfg-focus-sub{font-family:var(--font-b, sans-serif);font-size:12px;line-height:1.35;color:var(--t3, currentColor);animation:cfgFocusTitleIn .55s ease .06s both}@keyframes cfgFocusTitleIn{0%{opacity:0;transform:translateY(6px);letter-spacing:.42em}to{opacity:1}}.cfg-focus-slot{padding:22px;overflow-y:auto;overscroll-behavior:contain}.cfg-focus-slot>.cfg-card{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0;padding:0;animation:cfgFocusBodyIn .5s ease .08s both}.cfg-focus-slot>.cfg-about{justify-content:center;animation:cfgFocusBodyIn .5s ease .08s both}.cfg-focus-slot>.cfg-card>.cfg-card-title:first-child:not(:has(button)){display:none}@keyframes cfgFocusBodyIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.settings-radial-logo,.settings-radial-hotspot:hover .settings-radial-hotspot-spark,.settings-radial-hotspot.is-active .settings-radial-hotspot-spark,.settings-radial-hub.is-igniting .settings-radial-logo,.settings-radial-hub.is-igniting .settings-radial-sky{animation:none}.settings-radial-hotspot-spark,.settings-radial-hotspot-name{transition-duration:.01s}.cfg-focus-panel{transform:none;transition:opacity .2s ease}.cfg-radial-overlay.is-focused .cfg-focus-panel{transform:none}.cfg-radial-overlay.is-focused .settings-radial-stage,.cfg-radial-overlay.is-focused .settings-radial-sky{transition:opacity .2s ease}.cfg-focus-title,.cfg-focus-sub,.cfg-focus-slot>.cfg-card,.cfg-focus-slot>.cfg-about{animation:none}}