:root{--bg:#0a0a1a;--fg:#ffffff;--accent: #7c3aed;--focus-ring: 3px rgba(124,58,237,.18)}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:Roboto,Roboto Mono,sans-serif}:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring) inset,0 0 0 4px #7c3aed1f;border-radius:4px}.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;border:0;padding:0;margin:-1px}.landscape-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:linear-gradient(180deg,#0a0a1ae6,#0a0a1af2);z-index:9999;text-align:center;padding:2rem}.landscape-overlay .landscape-content{max-width:680px;width:90%;color:var(--fg);backdrop-filter:blur(6px) saturate(1.1);-webkit-backdrop-filter:blur(6px) saturate(1.1);padding:1.5rem 2rem;border-radius:12px;box-shadow:0 8px 30px #00000080,0 0 0 1px #ffffff05 inset}.landscape-overlay h2{margin:0 0 .5rem;font-size:1.25rem}.landscape-overlay p{margin:0;font-size:.95rem;opacity:.95}.landscape-overlay .rotate-icon{font-size:2.2rem;margin-bottom:.5rem}@media (max-width:900px){:root{--touch-btn: max(44px, 4.5vh) }button,.btn,a[role=button]{padding:.6rem 1rem;min-height:var(--touch-btn);min-width:var(--touch-btn)}#root{height:100vh;width:100vw;display:block}body{overflow:hidden}}@media (orientation: landscape){html,body,#root{height:100vh;width:100vw}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}