*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{font-family:system-ui,sans-serif;background:#14181f;color:#eee}.setup-screen{display:flex;height:100vh}.setup-panel{width:360px;flex-shrink:0;padding:24px;overflow-y:auto;background:#1c212b}.setup-preview{flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.subtitle{color:#9aa4b2;margin-top:-8px}.hint{color:#9aa4b2;font-size:.9em}.slider-row{display:block;margin:12px 0}.slider-row input{width:100%}.seed-row{display:flex;align-items:center;justify-content:space-between;margin:16px 0}.start-button{width:100%;padding:12px;font-size:1.1em;margin-top:16px;background:#4363d8;color:#fff;border:none;border-radius:6px;cursor:pointer}.game-screen{display:flex;height:100vh}.hud{width:340px;flex-shrink:0;padding:16px;background:#1c212b;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.hud-row{display:flex;flex-direction:column;gap:4px}.turn-indicator{font-size:1.3em;font-weight:700}.phase-indicator{text-transform:capitalize;color:#9aa4b2}.phase-controls{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid #333c4a}.fraction-buttons{display:flex;gap:8px}.fraction-buttons button{flex:1}.phase-controls input[type=number]{margin-left:8px;width:70px}.phase-controls input[type=range]{width:100%}.log{margin-top:auto;padding-top:8px;border-top:1px solid #333c4a;font-size:.85em;color:#9aa4b2}.map-container{flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden}.gameover-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:24px}button{font-family:inherit}