/* Ruby’s Lounge · little ones: shared page base for the toddler games (tots/*). Locks the page down for small hands. */
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;position:fixed;inset:0;background:#9fdcff;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
canvas#play{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:pointer}
.tk{position:fixed;z-index:50;top:calc(8px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));display:flex;gap:6px}
.tk button,.tk a{position:relative;width:38px;height:38px;padding:0;margin:0;border:0;border-radius:50%;background:rgba(255,255,255,.28);color:#3a5a7a;opacity:.5;display:grid;place-items:center;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;transition:opacity .2s}
.tk button:focus-visible,.tk a:focus-visible{opacity:1;outline:2px solid #3a5a7a;outline-offset:2px}
.tk svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tk .ring{position:absolute;inset:0;width:38px;height:38px;transform:rotate(-90deg);pointer-events:none}
.tk .ring circle{fill:none;stroke:#3a5a7a;stroke-width:3;stroke-dasharray:107;stroke-dashoffset:107}
.tk .hold{opacity:.95}
.tk .hold .ring circle{transition:stroke-dashoffset .9s linear;stroke-dashoffset:0}
.tk .mute.hold .ring circle{transition-duration:.7s}
.tk .mute .off{display:none}.tk .mute[aria-pressed=true] .on{display:none}.tk .mute[aria-pressed=true] .off{display:inline}
.t-night,.t-night body{background:#1b2350}
.t-night .tk button,.tk a{background:rgba(255,255,255,.1);color:#d6dcff}
.t-night .tk .ring circle{stroke:#d6dcff}
.t-paper,.t-paper body{background:#fff8ef}
.t-paper .tk button,.tk a{background:rgba(120,90,140,.08);color:#7a6488}
.t-paper .tk .ring circle{stroke:#7a6488}
.tk a{text-decoration:none;touch-action:manipulation;-webkit-touch-callout:none}
/* little ones: no site menu (small hands could leave by accident); the back arrow stays (v20261031rg2) */
.smenu-btn,.smenu{display:none!important}
