/* shared page bits for the new toy games: full-screen canvas, grey grown-up keys stacked on the left */
html,body{background:#fff6ea}
#cv{position:fixed;left:0;top:0;display:block;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
.tk{flex-direction:column}
#tk-back{display:none!important}
#tt-root.tt-tots .tt-key{left:calc(54px + env(safe-area-inset-left));top:calc(8px + env(safe-area-inset-top))}
#tt-root.tt-tots .tt-one{width:28px;height:28px;left:calc(54px + var(--tt-s) - 20px + env(safe-area-inset-left));top:calc(8px + var(--tt-s) - 16px + env(safe-area-inset-top))}
.tk #nb-exit,.tk #nb-ages{background:rgba(120,110,120,.10);color:#8a8090}
.tk #nb-exit .ring circle{stroke:#8a8090}
.tk #nb-exit.hold .ring circle{transition:stroke-dashoffset 2s linear;stroke-dashoffset:0}
/* v20261101rb1: the ages key is a 1.6 s hold too */
.tk #nb-ages .ring circle{stroke:#8a8090}
.tk #nb-ages.hold .ring circle{transition:stroke-dashoffset 1.6s linear;stroke-dashoffset:0}