@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Pixelify+Sans:wght@400;600&display=swap";[data-theme=dark]{--bg: #171717;--fg: #ffffff;--grid-line: #262626;--select-hover: #222222}[data-theme=light]{--bg: #ffffff;--fg: #171717;--grid-line: #e2e2e2;--select-hover: #f0f0f0}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;box-shadow:none!important;text-shadow:none!important;filter:none!important;border-radius:0!important}html,body{width:100vw;height:100vh;max-width:100vw;max-height:100vh;overflow:hidden;background-color:var(--bg);color:var(--fg);font-family:var(--font-pixel-sub);font-size:16px;transition:background-color .2s ease,color .2s ease}.app-container{width:100vw;height:100vh;display:flex;flex-direction:column;padding:1.2rem 1.5rem .8rem;gap:.75rem}.header-section{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem;flex-shrink:0}.main-title{font-family:"Press Start 2P",monospace;font-size:1.1rem;color:var(--fg);line-height:1.4;text-transform:lowercase}.subtitle{font-family:"Press Start 2P",monospace;font-size:.8rem;color:var(--fg);text-transform:lowercase}.viewport-section{flex:1;width:100%;min-height:0;display:flex;align-items:center;justify-content:center;background-color:var(--bg);border:2px solid var(--fg);position:relative}#game-canvas{display:block;image-rendering:pixelated;cursor:crosshair}.controls-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.65rem .9rem;background-color:var(--bg);border:2px solid var(--fg)}.control-group{display:flex;align-items:center;gap:.6rem}.pixel-btn{font-family:"Press Start 2P",monospace;font-size:.6rem;padding:.55rem .8rem;background-color:var(--bg);color:var(--fg);border:2px solid var(--fg);cursor:pointer;white-space:nowrap;transition:background-color .15s ease,color .15s ease}.pixel-btn:hover{background-color:var(--fg);color:var(--bg)}.pixel-btn:active{opacity:.8}.pixel-btn:disabled{opacity:.35;cursor:not-allowed;background-color:var(--bg)!important;color:var(--fg)!important}.pixel-select{font-family:"Press Start 2P",monospace;font-size:.55rem;padding:.5rem .65rem;background-color:var(--bg);color:var(--fg);border:2px solid var(--fg);outline:none;cursor:pointer}.pixel-select:hover{background-color:var(--select-hover)}.slider-container{display:flex;align-items:center;gap:.5rem;font-family:"Press Start 2P",monospace;font-size:.55rem;color:var(--fg)}.pixel-slider{accent-color:var(--fg);cursor:pointer;width:100px}.footer-mention{flex-shrink:0;text-align:center;font-family:"Press Start 2P",monospace;font-size:.65rem;color:var(--fg);padding-top:.1rem}.footer-mention a{color:var(--fg);text-decoration:none;border-bottom:1px solid var(--fg)}.footer-mention a:hover{opacity:.7}@media (max-width: 900px){.main-title{font-size:.85rem}.subtitle{font-size:.65rem}.controls-bar{justify-content:center;padding:.5rem}.pixel-btn,.pixel-select,.slider-container{font-size:.5rem}}