:root{--cream:#f2ebda;--teal:#5bc8c8}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:#0e1712}body{font-family:system-ui,Segoe UI,sans-serif;color:var(--cream);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#lienzo{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;display:block;touch-action:none}#hud{position:fixed;top:calc(env(safe-area-inset-top) + .7rem);left:calc(env(safe-area-inset-left) + .9rem);pointer-events:none;text-shadow:0 2px 6px rgba(20,26,18,.75);line-height:1.5}#hud .t{font-size:1rem;letter-spacing:.06em}#hud .t b{font-weight:500;color:#ffe9c0}#hud .p{font-size:.76rem;color:#dff0d8;opacity:.85}#volver{position:fixed;top:calc(env(safe-area-inset-top) + .7rem);right:calc(env(safe-area-inset-right) + .9rem);padding:.42rem .78rem;border-radius:.55rem;font-size:.78rem;text-decoration:none;color:var(--cream);background:#0e17128c;border:1px solid rgba(91,200,200,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#volver:active{background:#0e1712cc}#joy{position:fixed;width:118px;height:118px;margin:-59px 0 0 -59px;left:0;top:0;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:#ffffff12;opacity:0;transition:opacity .16s;pointer-events:none}#joy-pomo{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#ffffff47;border:1px solid rgba(255,255,255,.4);transform:translate(-50%,-50%)}#carga{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0e1712;color:#9fc0a8;font-size:.9rem;letter-spacing:.28em;transition:opacity .5s;z-index:5}