:root{color-scheme:light;font-family:Avenir Next,Segoe UI,Arial,sans-serif;line-height:1.4;font-weight:500;color:#172033;background:#eef2f5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#eef2f5}button,input,select{font:inherit}button{min-height:36px;border:1px solid #9ba7b4;border-radius:6px;background:#fff;color:#172033;cursor:pointer}button:hover{border-color:#4e647c;background:#f6f8fa}button.active{border-color:#1d5f99;background:#e8f2fb;color:#123f66}button.primary-action{border-color:#185f4d;background:#16745f;color:#fff}input,select{width:100%;min-height:36px;border:1px solid #9ba7b4;border-radius:6px;background:#fff;color:#172033;padding:0 .55rem}label{display:grid;gap:.25rem;color:#334155;font-size:.88rem}#app{min-height:100vh}.menu-shell,.screen,.game-screen,.editor-screen{min-height:100vh;width:100%}.menu-shell{display:grid;place-items:center;padding:1rem}.menu-panel{width:min(100%,440px);display:grid;gap:1rem;border:1px solid #c7d0da;border-radius:8px;background:#fff;padding:1.25rem;box-shadow:0 10px 24px #232d3e1f}.menu-panel h1,.topbar h1{margin:0;font-size:1.25rem;letter-spacing:0}.menu-panel p{margin:.25rem 0 0;color:#526174}.menu-actions{display:grid;gap:.65rem}.topbar{min-height:58px;display:grid;grid-template-columns:minmax(88px,max-content) 1fr minmax(88px,max-content);align-items:center;gap:.75rem;border-bottom:1px solid #c7d0da;background:#fff;padding:.65rem 1rem}.topbar h1{text-align:center;overflow-wrap:anywhere}.map-list{width:min(100%,920px);display:grid;gap:.5rem;margin:0 auto;padding:1rem}.map-row{min-height:54px;display:grid;grid-template-columns:1fr max-content;align-items:center;gap:1rem;text-align:left;padding:.55rem .75rem}.map-row span:first-child{display:grid;gap:.1rem}.map-row small{color:#64748b}.game-screen{display:grid;grid-template-rows:auto 1fr}#game-canvas,#editor-canvas{display:block;max-width:100%;height:auto;background:#fff;touch-action:none}#game-canvas{align-self:start;justify-self:center;margin:1rem;border:2px solid #1f2937;border-radius:8px;box-shadow:0 12px 28px #232d3e33}.editor-screen{display:grid;grid-template-rows:auto 1fr}.editor-layout{min-height:0;display:grid;grid-template-columns:280px 1fr}.editor-sidebar{display:grid;align-content:start;gap:.8rem;border-right:1px solid #c7d0da;background:#f9fafb;padding:.85rem;overflow:auto}.size-grid,.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.control-group{display:grid;gap:.55rem;border-top:1px solid #d5dce4;padding-top:.75rem}.control-group strong{font-size:.86rem;color:#243042}.editor-status{margin:0;color:#526174;font-size:.88rem}.canvas-wrap{min-width:0;overflow:auto;padding:1rem}#editor-canvas{border:2px solid #1f2937;border-radius:8px;box-shadow:0 10px 22px #232d3e29}@media(max-width:760px){.topbar{grid-template-columns:1fr}.topbar h1{order:-1}.editor-layout{grid-template-columns:1fr}.editor-sidebar{border-right:0;border-bottom:1px solid #c7d0da}}