:root{--bg: #0f131c;--bg-outer: #0a0d14;--surface: #171d28;--border: #2b3444;--yellow: #ffc83d;--coral: #ff657a;--text: #f5f7fa;--text-2: #98a3b5;--font: Inter, ui-rounded, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);position:fixed;inset:0;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}#game-root{position:absolute;top:var(--sat);right:var(--sar);bottom:var(--sab);left:var(--sal);touch-action:none;overflow:hidden}#game-root canvas{display:block;touch-action:none;outline:none;-webkit-user-select:none;user-select:none}@media(hover:hover)and (pointer:fine){html,body{background:radial-gradient(ellipse at 50% 35%,rgba(255,200,61,.05),transparent 55%),radial-gradient(ellipse at 50% 100%,rgba(93,184,255,.05),transparent 60%),var(--bg-outer)}#game-root{inset:20px}#game-root canvas{border-radius:22px;box-shadow:0 0 0 1px #ffffff0d,0 30px 80px #0000008c}}#boot-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:var(--bg);z-index:5;transition:opacity .35s ease;pointer-events:none}#boot-screen.hidden{opacity:0}.boot-ball{width:26px;height:26px;border-radius:50%;background:#eef1f6;animation:boot-bounce .7s cubic-bezier(.5,0,.5,1) infinite alternate}.boot-paddle{width:70px;height:10px;border-radius:5px;background:var(--yellow)}@keyframes boot-bounce{0%{transform:translateY(-50px)}to{transform:translateY(0)}}#rotate-overlay{position:fixed;inset:0;z-index:20;display:none;align-items:center;justify-content:center;padding:calc(24px + var(--sat)) calc(24px + var(--sar)) calc(24px + var(--sab)) calc(24px + var(--sal));background:radial-gradient(ellipse at 50% 40%,#182030,var(--bg) 70%);touch-action:none}@media(orientation:landscape)and (hover:none)and (pointer:coarse){#rotate-overlay{display:flex}}.rotate-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.rotate-card h1{margin:18px 0 0;font-size:22px;font-weight:800;letter-spacing:.02em}.rotate-card p{margin:0;font-size:15px;color:var(--text-2)}.rotate-phone{width:58px;height:100px;border-radius:14px;border:4px solid var(--text);padding:6px 5px;animation:rotate-phone 2.4s cubic-bezier(.65,0,.35,1) infinite}.rotate-screen{position:relative;width:100%;height:100%;border-radius:6px;background:var(--surface);overflow:hidden}.rotate-dot{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--yellow)}@keyframes rotate-phone{0%,20%{transform:rotate(-90deg)}55%,to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.rotate-phone,.boot-ball{animation:none}}