/* Mythika material: one light source, raised edges and a dark blue cast shadow.
   Shared by the public site and the console; depth never changes the hit area. */
:root{
 --frame-height:min(var(--viewport-height,100dvh),100dvh);
 --mythika-light:#f9e8ba;--mythika-ink:#071127;--mythika-edge:#b5c8e84a;
 --mythika-glass:radial-gradient(ellipse at var(--light-x,18%) var(--light-y,0%),#98bcf01c,transparent 65%),linear-gradient(155deg,#1b3051ed,#0c1933f7 65%);
 --mythika-raised:inset 0 1px 0 #e2eeff45,inset 1px 0 0 #bcd9ff18,inset 0 -2px 0 #030a1b9e,0 4px 0 #050d20,0 16px 34px -12px #02091fdb;
 --mythika-floating:inset 0 1px 0 #e5efff66,inset 1px 0 0 #dceaff20,0 8px 0 -3px #040b1d,0 32px 80px -12px #01071fee,0 0 70px -35px #9ebcf05c;
 --mythika-control:inset 0 1px 0 #ffffff40,inset 0 -1px 0 #02081780,0 3px 0 #050d20,0 7px 14px -5px #030b22cc;
 --mythika-spring:cubic-bezier(.2,.85,.25,1.15);
}
.mythika-icon{display:inline-block;flex-shrink:0;vertical-align:middle;overflow:visible;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 1px #01071999)}
.mythika-icon .icon-detail{color:var(--gold-light,var(--color-console-authority-soft,#f0d48a))}
.mythika-icon :is(.icon-door,.icon-needle,.icon-page,.icon-clapper,.icon-signal){transform-box:fill-box;transform-origin:center;transition:transform .32s var(--mythika-spring),opacity .25s}
:is(a,button):is(:hover,:focus-visible) .icon-door{transform:perspective(60px) rotateY(-48deg);transform-origin:left}
:is(a,button):is(:hover,:focus-visible) .icon-needle{transform:translate(2px,-2px)}
:is(a,button):is(:hover,:focus-visible) .icon-page{transform:translateY(2px)}
:is(a,button):is(:hover,:focus-visible) .icon-clapper{transform:rotate(-14deg);transform-origin:left bottom}
:is(a,button)[aria-selected=true] .icon-signal{transform:scaleY(1.18)}
[aria-busy=true] .icon-rotor{transform-origin:12px 12px;animation:mythika-rotor 1s linear infinite}
:is(a,button):is(:hover,:focus-visible) .icon-signal:nth-child(2){transform:translateY(-2px)}
@keyframes mythika-rotor{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.mythika-icon *{animation:none!important;transition:none!important;transform:none!important}}
body.motion-off .mythika-icon *{animation:none!important;transition:none!important;transform:none!important}