*{margin:0;padding:0;box-sizing:border-box}html,body{background:#0a0a0a;color:#fff;font-family:"Press Start 2P",monospace;overflow:hidden;width:100%;height:100%;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;touch-action:none}#root{width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center}canvas{image-rendering:pixelated;image-rendering:crisp-edges}@media(pointer:coarse){canvas{width:auto!important;height:auto!important;max-width:100vw;max-height:100dvh}}body.gfx-modern{font-family:Fredoka,"Baloo 2",system-ui,sans-serif;background:#07060e}body.gfx-modern #root>div:not(.rotate-overlay),body.gfx-modern #root>canvas{width:100vw;height:100vh;height:100dvh}body.gfx-modern #root>div:not(.rotate-overlay){display:block!important}body.gfx-modern canvas{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;display:block;image-rendering:auto}.rotate-overlay{display:none}@media(pointer:coarse)and (orientation:portrait)and (max-width:700px){.rotate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;font-size:12px;line-height:2;color:gold;padding:24px}.rotate-overlay .phone{width:36px;height:64px;border:3px solid #fff;border-radius:8px;animation:rotate-hint 1.6s ease-in-out infinite}@keyframes rotate-hint{0%,30%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}body.gfx-modern .rotate-overlay{background:radial-gradient(ellipse at 50% 115%,rgba(240,138,93,.55),transparent 55%),linear-gradient(180deg,#120c33,#3b1f6e 60%,#b4497a);font-family:Fredoka,"Baloo 2",system-ui,sans-serif;font-weight:600;font-size:20px;line-height:1.35;letter-spacing:.02em;color:#fff;gap:28px}body.gfx-modern .rotate-overlay>div:last-child{padding:18px 26px;border-radius:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.28);box-shadow:0 10px 30px #06031459;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 2px 0 #2A1460}body.gfx-modern .rotate-overlay .phone{width:44px;height:76px;border:4px solid #FFFFFF;border-radius:12px;background:linear-gradient(160deg,#ffe27a59,#ffb6271f);box-shadow:0 0 0 4px #ffe27a40,0 8px 24px #06031473;animation:rotate-hint-modern 1.8s cubic-bezier(.5,0,.2,1.2) infinite}@keyframes rotate-hint-modern{0%,25%{transform:rotate(0)}55%,to{transform:rotate(90deg)}}}@keyframes pulse{0%{opacity:1}to{opacity:.45}}@keyframes hud-glow{0%{box-shadow:0 0 6px #ffc43c59}to{box-shadow:0 0 18px #ffc43cd9}}