@font-face{font-family:KidsIdentity;src:url("assets/identidade-kids.woff2") format("woff2");font-weight:400;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#fff7e8;color:#322c48;font-family:"Arial Rounded MT Bold",Arial,sans-serif}main{height:100dvh;width:100%;display:flex;flex-direction:column}.stage{position:relative;flex:1;min-height:0;width:100%;overflow:hidden;background:#fff7e8}canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill}.controls{flex:none;display:flex;gap:14px;align-items:center;padding:12px max(18px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#f2e4cd;border-top:1px solid #dfcdb5}button{font:inherit;border:0;border-radius:12px;padding:12px 17px;background:#fffaf1;color:#322c48;cursor:pointer;white-space:nowrap}#play{background:#b94f68;color:#fff;min-width:150px}input{flex:1;min-width:40px;accent-color:#b94f68}#fullscreen{display:grid;place-items:center;width:46px;height:42px;padding:10px}#fullscreen svg{display:block}#clock{white-space:nowrap;font:14px Arial,sans-serif}main:fullscreen{height:100dvh;width:100vw}.controls button:focus-visible,input:focus-visible{outline:3px solid #398c87;outline-offset:3px}@media(max-width:600px){.controls{gap:9px;padding-top:9px;font-size:12px}button{padding:10px;font-size:12px}#play{min-width:105px}#clock{font-size:11px}#fullscreen{width:36px;height:36px;padding:7px}}