:root{color-scheme:dark;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-effective-top: var(--safe-area-top);--safe-area-effective-right: var(--safe-area-right);--safe-area-effective-bottom: var(--safe-area-bottom);--safe-area-effective-left: var(--safe-area-left)}:root.app-fullscreen{--safe-area-effective-top: 0px;--safe-area-effective-right: 0px;--safe-area-effective-bottom: 0px;--safe-area-effective-left: 0px}html,body,#app{margin:0;width:100%;height:100%;background:radial-gradient(circle at top,#1f2a44,#0d1221 55%,#080b13);overflow:hidden;font-family:Courier New,Courier,monospace}#app{position:relative}#fullscreen-guidance{position:absolute;left:calc(12px + var(--safe-area-effective-left));right:calc(12px + var(--safe-area-effective-right));top:calc(64px + var(--safe-area-effective-top));z-index:10002;display:block}#fullscreen-guidance.hidden{display:none}.fullscreen-guidance-card{border:2px solid rgba(170,218,255,.95);border-radius:12px;background:#060d1cf0;color:#e9f4ff;padding:12px 14px;box-shadow:0 8px 24px #00000080;font-size:14px;line-height:1.4}.fullscreen-guidance-title{margin:0 0 8px;color:#c8e7ff;font-weight:700}.fullscreen-guidance-card ul{margin:0 0 10px 18px;padding:0}.fullscreen-guidance-card li{margin:6px 0}#fullscreen-guidance-close{border:1px solid rgba(171,218,255,.8);border-radius:9px;padding:10px 14px;min-height:48px;background:#162d53e6;color:#e9f4ff;font-family:inherit;font-size:13px}#fullscreen-toggle-button{position:absolute;top:calc(12px + var(--safe-area-effective-top));right:calc(12px + var(--safe-area-effective-right));width:48px;height:48px;display:grid;place-items:center;border:2px solid rgba(191,230,255,.95);border-radius:12px;background:#091021db;color:#e7f6ff;box-shadow:0 0 0 2px #76c1ff40,0 6px 18px #0006;z-index:10001;cursor:pointer;touch-action:manipulation}#fullscreen-toggle-button svg{width:24px;height:24px}#fullscreen-toggle-button path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#fullscreen-toggle-button:active{transform:translateY(1px);background:#27467aeb}#fullscreen-toggle-button.hidden{display:none}canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block;margin:0 auto}#rotate-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 10%,#2d4f8b,#0b1220 58%,#05080f);z-index:9999;pointer-events:all}#rotate-overlay.active{display:flex}.rotate-card{width:min(84vw,520px);padding:24px 24px 28px;border:3px solid #9ad7ff;border-radius:16px;background:#091021eb;box-shadow:0 0 0 6px #4c81c633,0 0 38px #53b6ff73;text-align:center;color:#f4f8ff}.rotate-card h2{margin:0 0 12px;font-size:34px;letter-spacing:1px;text-transform:uppercase}.rotate-card p{margin:6px 0;font-size:19px;color:#cde7ff}.rotate-icon{margin:0 auto 18px;width:146px;height:92px;position:relative}.rotate-icon .phone{position:absolute;left:42px;top:10px;width:62px;height:72px;border:4px solid #d3ecff;border-radius:13px;box-sizing:border-box;animation:tilt-phone 1.25s ease-in-out infinite}.rotate-icon .turn-arrow{position:absolute;right:4px;top:12px;font-size:44px;color:#76e8ff;text-shadow:0 0 14px rgba(118,232,255,.75);animation:pulse-arrow 1.25s ease-in-out infinite}@keyframes tilt-phone{0%{transform:rotate(0)}50%{transform:rotate(90deg)}to{transform:rotate(0)}}@keyframes pulse-arrow{0%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}to{opacity:.5;transform:scale(.9)}}