:root{--color-cielo:#cdebfa;--color-cielo-claro:#d6eef7;--color-blanco-calido:#fdeff2;--color-linea:#3a2019;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}html,body{overscroll-behavior:none;background:var(--color-cielo);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#game{touch-action:none;position:fixed;inset:0;overflow:hidden}#game canvas{display:block}.safe-area-probe{width:0;height:0;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);visibility:hidden;pointer-events:none;position:fixed;top:0;left:0}.rotate-overlay{z-index:10;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:var(--color-cielo);touch-action:none;justify-content:center;align-items:center;display:none;position:fixed;inset:0}@media (orientation:portrait){.rotate-overlay{display:flex}}.rotate-overlay__icon{width:min(60vmin,320px);height:auto;overflow:visible}.rotate-overlay__arrow{fill:none;stroke:var(--color-linea);stroke-width:10px;stroke-linecap:round}.rotate-overlay__arrow-head{fill:var(--color-linea);stroke:var(--color-linea);stroke-width:6px;stroke-linejoin:round}.rotate-overlay__arrow,.rotate-overlay__arrow-head{animation:2.8s infinite rotate-overlay-pulse}.rotate-overlay__body{fill:var(--color-blanco-calido);stroke:var(--color-linea);stroke-width:8px}.rotate-overlay__screen{fill:var(--color-cielo-claro);stroke:var(--color-linea);stroke-width:4px}.rotate-overlay__tablet{transform-box:view-box;transform-origin:120px 120px;animation:2.8s infinite rotate-overlay-turn}@keyframes rotate-overlay-turn{0%,15%{opacity:1;animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:rotate(0)}50%,78%{opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1);transform:rotate(90deg)}88%{opacity:0;transform:rotate(90deg)}89%{opacity:0;animation-timing-function:cubic-bezier(.37,0,.63,1);transform:rotate(0)}to{opacity:1;transform:rotate(0)}}@keyframes rotate-overlay-pulse{0%,to{opacity:.35;animation-timing-function:cubic-bezier(.37,0,.63,1)}40%{opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1)}}
