:root{font-family:Courier New,monospace;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;image-rendering:pixelated}a{font-weight:500;color:inherit;text-decoration:none}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:0;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.map-popup-overlay,.character-popup-overlay,.generic-popup-overlay,.terminal-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:9999999!important;background:#000000b8!important;padding:0!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important}.map-popup-container,.character-popup-container,.generic-popup-container,.terminal-popup{width:min(92vw,1100px)!important;height:min(86vh,760px)!important;max-width:92vw!important;max-height:86vh!important;border-radius:18px!important;overflow:hidden!important}.map-popup-content,.character-popup-body,.generic-popup-content,.terminal-window{width:100%!important;height:100%!important;max-height:86vh!important;overflow-y:auto!important;border-radius:18px!important}.floating-close,.terminal-close{z-index:10000000!important}@media(max-width:768px){.container{width:100%;max-width:100%;padding:0 10px!important}.footer{margin-top:0!important;padding:10px 0!important;min-height:auto!important}.footer-game-label,.footer-nav{display:none!important}.footer-logo{font-size:12px!important;padding:7px 10px!important}.footer-text,.footer-legal-label,.footer-link{font-size:10px!important}.map-popup-container,.character-popup-container,.generic-popup-container,.terminal-popup{width:94vw!important;height:88vh!important;max-width:94vw!important;max-height:88vh!important;border-radius:16px!important}.map-popup-content,.character-popup-body,.generic-popup-content,.terminal-window{max-height:88vh!important;border-radius:16px!important}.character-popup-body{display:flex!important;flex-direction:column!important}.character-display-panel{order:1!important;min-height:290px!important;height:290px!important;flex-shrink:0!important}.character-grid-panel{order:2!important;height:auto!important;max-height:none!important;overflow:visible!important}.character-details-panel{order:3!important}.character-grid,.character-grid.others{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px!important;padding:12px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;max-height:none!important}.character-portrait,.character-grid.others .character-portrait{flex:0 0 145px!important;width:145px!important;min-width:145px!important;height:180px!important;min-height:180px!important;scroll-snap-align:start!important}.character-portrait img,.character-grid.others .character-portrait img{width:100%!important;height:100%!important;object-fit:contain!important;padding:6px!important}.character-tabs{display:flex!important;flex-direction:row!important}.character-tab{flex:1!important;font-size:12px!important;padding:10px 4px!important}.map-popup-content{padding:12px!important}.map-footer{padding:10px!important}.map-footer-image-container{width:100%!important;max-height:62vh!important;height:auto!important}.map-footer-image{width:100%!important;height:auto!important;object-fit:contain!important}.paint-menubar{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:4px!important;padding:5px!important}.paint-menu-item{flex:0 0 auto!important;white-space:nowrap!important;font-size:13px!important;padding:8px 10px!important}.paint-content{display:flex!important;flex-direction:column!important;min-height:auto!important}.paint-toolbox{display:flex!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;padding:8px!important;gap:8px!important;width:100%!important;box-sizing:border-box!important}.paint-toolbox>div{display:flex!important;flex-direction:row!important;gap:8px!important}.paint-tools-label{display:none!important}.dev-profile-btn{width:62px!important;height:62px!important;min-width:62px!important;flex-shrink:0!important;font-size:26px!important}.mechanics-section{padding:38px 12px!important;min-height:auto!important;height:auto!important;overflow:visible!important}.mechanics-container{display:flex!important;flex-direction:column!important;gap:14px!important;width:100%!important;max-width:100%!important}.mechanics-right-panel{order:1!important;width:100%!important;height:auto!important;min-height:auto!important;padding:14px!important;box-sizing:border-box!important;overflow:visible!important}.mechanics-left-panel{order:2!important;width:100%!important;padding:12px!important;box-sizing:border-box!important;overflow:hidden!important}.mechanics-grid{display:flex!important;flex-direction:row!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;padding:6px 2px 14px!important}.polaroid-card{flex:0 0 145px!important;width:145px!important;min-width:145px!important;padding:7px!important;scroll-snap-align:start!important}.polaroid-image{height:115px!important;min-height:115px!important}.polaroid-image img{width:100%!important;height:100%!important;object-fit:cover!important}.terminal-window{border:2px solid var(--accent-cyan)!important;display:flex!important;flex-direction:column!important}.terminal-body{flex:1!important;padding:14px!important;font-size:12px!important;line-height:1.55!important;overflow-y:auto!important}.terminal-tabs-wrapper{overflow-x:auto!important}.terminal-tab{white-space:nowrap!important;font-size:11px!important;padding:9px 12px!important}.team-grid,.contributors-grid,.vision-mission{grid-template-columns:1fr!important}}@media(max-width:400px){.map-popup-container,.character-popup-container,.generic-popup-container,.terminal-popup{width:95vw!important;height:89vh!important;max-width:95vw!important;max-height:89vh!important}.character-display-panel{height:260px!important;min-height:260px!important}.character-portrait,.character-grid.others .character-portrait{flex-basis:130px!important;width:130px!important;min-width:130px!important;height:165px!important;min-height:165px!important}.polaroid-card{flex-basis:130px!important;width:130px!important;min-width:130px!important}}:root{--bg-primary: #0f172a;--bg-secondary: #1a1a2e;--bg-gradient: linear-gradient(180deg, #0f172a 0%, #581c87 50%, #0f172a 100%);--text-primary: #ffffff;--text-secondary: #e5e5e5;--text-muted: #64748b;--accent-color: #ef4444;--accent-purple: #e1bee7;--accent-cyan: #22d3ee;--accent-green: #4caf50;--card-bg: rgba(0, 0, 0, .3);--card-bg-solid: #020617;--card-glass: rgba(10, 40, 20, .75);--border-color: rgba(255, 255, 255, .1);--border-accent: rgba(255, 255, 255, .35);--shadow: rgba(0, 0, 0, .4);--shadow-heavy: rgba(0, 0, 0, .85);--hero-gradient: linear-gradient(180deg, #0f172a 0%, #581c87 55%, #1a0533 100%);--footer-bg: #020617;--terminal-bg: #0c0c0c;--terminal-text: #00ff00}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #fff5eb;--bg-gradient: linear-gradient(180deg, #fff5eb 0%, #ffe8cc 50%, #fef3c7 100%);--text-primary: #1a1a1a;--text-secondary: #4a5568;--text-muted: #94a3b8;--accent-color: #ff8c42;--accent-purple: #ff8c42;--accent-cyan: #4caf50;--accent-green: #2d7a3e;--card-bg: rgba(255, 255, 255, .8);--card-bg-solid: #ffffff;--card-glass: rgba(255, 248, 230, .85);--border-color: rgba(255, 140, 66, .2);--border-accent: rgba(255, 140, 66, .4);--shadow: rgba(0, 0, 0, .1);--shadow-heavy: rgba(0, 0, 0, .3);--hero-gradient: linear-gradient(180deg, #fff5eb 0%, #ffe8cc 55%, #ffd9a3 100%);--footer-bg: #fff5eb;--terminal-bg: #f5f5f5;--terminal-text: #2d7a3e}html,body,#root{width:100%;min-height:100%;overflow-x:hidden}body{transition:background-color .3s ease,color .3s ease}img,video,canvas{max-width:100%}