html,body{height:100%;width:100%;margin:0;padding:0;background:#09080e;overflow:hidden;-webkit-tap-highlight-color:transparent}#application-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;outline:none;touch-action:none}#orientation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:9999;background:#000000d9;color:#fff;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#orientation-overlay[data-visible=true]{display:flex}.orientation-card{width:min(300px,calc(100vw - 64px));border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:24px 20px;background:#18181cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.orientation-icon{font-size:48px;margin-bottom:12px;animation:rotate-hint 2s ease-in-out infinite}@keyframes rotate-hint{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.orientation-title{font-size:20px;font-weight:700;margin-bottom:8px}.orientation-desc{opacity:.85;font-size:14px;line-height:1.6;margin-bottom:16px}#orientation-try-lock{width:100%;height:44px;border:0;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}#orientation-try-lock:active{transform:scale(.98)}.orientation-hint{margin-top:10px;font-size:11px;opacity:.5}