:root{--bg-color-sunrise:#faf6ee;--bg-sidebar-sunrise:#efece3;--text-primary-sunrise:#1b2d42;--border-color-sunrise:#1b2d42;--accent-red-sunrise:#d84b37;--accent-yellow-sunrise:#eaa936;--accent-teal-sunrise:#3a8a9e;--ocean-color-sunrise:#faf6ee;--land-hover-sunrise:#f29e85;--land-guessed-sunrise:#294d73;--space-bg-sunrise:#162238;--space-glow-sunrise:#23344d;--bg-color-space:#09111e;--bg-sidebar-space:#111c2d;--text-primary-space:#f2ebdd;--border-color-space:#536a82;--accent-red-space:#ef6a55;--accent-yellow-space:#f0bc54;--accent-teal-space:#42b8c5;--ocean-color-space:#0a1624;--land-hover-space:#d9948b;--land-guessed-space:#42b8c5;--space-bg-space:#040914;--space-glow-space:#14263b;--font-display:"Hepta Slab", serif;--font-serif:"Arvo", serif;--font-sans:"Montserrat", sans-serif;--font-mono:"Courier New", monospace;--trans-fast:.15s;--trans-normal:.3s}.theme-sunrise{--bg-color:var(--bg-color-sunrise);--bg-sidebar:var(--bg-sidebar-sunrise);--text-primary:var(--text-primary-sunrise);--border-color:var(--border-color-sunrise);--accent-red:var(--accent-red-sunrise);--accent-yellow:var(--accent-yellow-sunrise);--accent-teal:var(--accent-teal-sunrise);--ocean-color:var(--ocean-color-sunrise);--land-hover:var(--land-hover-sunrise);--land-guessed:var(--land-guessed-sunrise);--space-bg:var(--space-bg-sunrise);--space-glow:var(--space-glow-sunrise);--shadow-color:#1b2d4233;--mobile-interface-surface:var(--bg-sidebar-sunrise)}.theme-space{--bg-color:var(--bg-color-space);--bg-sidebar:var(--bg-sidebar-space);--text-primary:var(--text-primary-space);--border-color:var(--border-color-space);--accent-red:var(--accent-red-space);--accent-yellow:var(--accent-yellow-space);--accent-teal:var(--accent-teal-space);--ocean-color:var(--ocean-color-space);--land-hover:var(--land-hover-space);--land-guessed:var(--land-guessed-space);--space-bg:var(--space-bg-space);--space-glow:var(--space-glow-space);--shadow-color:#02070fb8;--mobile-interface-surface:var(--bg-sidebar-space)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-sidebar);margin:0;padding:0}::-webkit-scrollbar{width:8px!important;height:8px!important}::-webkit-scrollbar-track{background:var(--bg-sidebar)!important;border-left:1px solid var(--border-color)!important}::-webkit-scrollbar-thumb{background:var(--border-color)!important;border:2px solid var(--bg-sidebar)!important;border-radius:0!important}::-webkit-scrollbar-corner{background:var(--bg-sidebar)!important}button:not(:disabled){transition:translate 80ms ease, box-shadow 80ms ease, background-color var(--trans-fast) ease, border-color var(--trans-fast) ease, color var(--trans-fast) ease}button:not(:disabled):hover{transform:none!important}button:not(:disabled):active{translate:3px 3px;box-shadow:1px 1px 0 var(--border-color)!important;transform:none!important}button:focus-visible{outline:3px solid var(--accent-yellow);outline-offset:3px}body{font-family:var(--font-serif);background-color:var(--bg-color);color:var(--text-primary);width:100vw;height:100dvh;transition:background-color var(--trans-normal) ease, color var(--trans-normal) ease;display:flex;overflow:hidden}.grain-overlay{pointer-events:none;z-index:10000;opacity:.085;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.theme-space .grain-overlay{opacity:.065}.theme-space body,body.theme-space{background:radial-gradient(circle at 75% 18%, #42b8c514, transparent 34%), var(--bg-color)}.app-container{z-index:1;width:100%;height:100%;display:flex;position:relative}.hidden{display:none!important}@keyframes bottom-sheet-enter{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.app-container{height:100dvh;display:block}}
