/* NOOR Little Codex · kids engine v1 · the few styles the engine needs */
.nk-sound{position:fixed;right:max(12px,env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:96;display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-family:"Fredoka","Inter",system-ui,sans-serif}
html[dir="rtl"] .nk-sound{right:auto;left:max(12px,env(safe-area-inset-left,0px));align-items:flex-start}
.nk-sound-btn{width:48px;height:48px;border-radius:50%;border:2px solid rgba(233,200,106,.55);background:rgba(10,14,40,.72);color:#E9C86A;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 22px rgba(3,5,16,.45),0 0 18px rgba(233,200,106,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .25s,border-color .25s;-webkit-tap-highlight-color:transparent;padding:0}
.nk-sound-btn svg{width:22px;height:22px}
.nk-sound-btn:hover,.nk-sound-btn:focus-visible{transform:scale(1.08);background:rgba(233,200,106,.18)}
.nk-sound-btn:focus-visible{outline:3px solid #E9C86A;outline-offset:3px}
.nk-sound.is-muted .nk-sound-btn{color:rgba(255,254,247,.6);border-color:rgba(255,254,247,.25)}
.nk-sound-pop{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:#0f1633;border:1px solid rgba(233,200,106,.4);box-shadow:0 18px 50px rgba(2,3,12,.6);color:#FFFEF7;animation:nkPopIn .28s cubic-bezier(.34,1.56,.64,1) both}
.nk-sound-pop[hidden]{display:none}
@keyframes nkPopIn{from{transform:translateY(8px) scale(.9);opacity:0}to{transform:none;opacity:1}}
.nk-sound-t{font-weight:600;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#E9C86A}
.nk-sound-rng{width:120px;accent-color:#E9C86A;cursor:pointer}
.nk-sound-mute{min-height:34px;padding:4px 12px;border-radius:999px;border:1px solid rgba(233,200,106,.45);background:rgba(233,200,106,.12);color:#E9C86A;font:inherit;font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap}
.nk-sound-mute:hover{background:rgba(233,200,106,.22)}
.nk-flyer svg{width:100%;height:100%;display:block;filter:drop-shadow(0 0 14px rgba(233,200,106,.6))}
.nk-tilt{transform:perspective(700px) rotateX(var(--nk-rx,0deg)) rotateY(var(--nk-ry,0deg));transition:transform .18s ease-out;transform-style:preserve-3d;will-change:transform}
.nk-tilt:hover{transition:transform .06s linear}
.nk-hidden{transform:translateY(-110%)!important;transition:transform .32s cubic-bezier(.4,0,.2,1)!important}
header.nk-slide{transition:transform .32s cubic-bezier(.4,0,.2,1)}
@media(prefers-reduced-motion:reduce){.nk-tilt{transform:none!important}.nk-sound-pop{animation:none}}
@media print{.nk-sound,#nk-fx{display:none!important}}