*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e0d8c8;background:#0a0a12;width:100vw;height:100dvh;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}#root{flex-direction:column;width:100vw;height:100dvh;display:flex}.main-menu{background:radial-gradient(#1a1230 0%,#0a0a12 70%);justify-content:center;align-items:center;height:100dvh;display:flex}.menu-box{text-align:center;background:#140f23f2;border:2px solid #4a3878;border-radius:12px;width:min(380px,92vw);max-height:92dvh;padding:clamp(24px,6vw,48px) clamp(20px,7vw,56px);overflow-y:auto;box-shadow:0 0 60px #643cc84d}.menu-title{letter-spacing:4px;color:#f0c060;text-shadow:0 0 20px #f0c06080;font-size:3rem;font-weight:900}.menu-subtitle{color:#8070a0;letter-spacing:6px;margin-top:4px;margin-bottom:32px;font-size:.9rem}.menu-inputs{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.menu-inputs label{color:#b0a0d0;align-items:center;gap:12px;font-size:.9rem;display:flex}.menu-inputs label span{text-align:right;width:100px}.menu-inputs input,.menu-inputs select{color:#e0d8c8;background:#ffffff0f;border:1px solid #3a2860;border-radius:6px;outline:none;flex:1;padding:8px 12px;font-size:.9rem}.menu-inputs input:focus,.menu-inputs select:focus{border-color:#7a50d0}.btn-start{color:#f0e0a0;letter-spacing:2px;cursor:pointer;background:linear-gradient(135deg,#6030c0,#3818a0);border:none;border-radius:8px;padding:14px 48px;font-size:1.1rem;font-weight:700;transition:all .2s}.btn-start:hover{background:linear-gradient(135deg,#7040d0,#4828b0);transform:translateY(-2px);box-shadow:0 6px 24px #6432c866}.game-container{flex-direction:column;width:100vw;height:100dvh;display:flex}.map-area{flex:1;position:relative;overflow:hidden}.full-screen{width:100vw;height:100dvh;overflow:hidden}.game-hud{z-index:100;background:linear-gradient(#1a1428,#0f0f1c);border-bottom:1px solid #2a2040;flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 16px;display:flex;overflow:auto hidden}.game-hud::-webkit-scrollbar{height:0}.hero-panel-scroll::-webkit-scrollbar{height:0}.hud-left{flex-shrink:0;align-items:center;gap:16px;display:flex}.hud-turn{color:#6060a0;letter-spacing:2px;font-size:.8rem}.hud-player{font-size:.95rem;font-weight:700}.hud-resources{color:#c0b890;flex-shrink:0;gap:14px;padding:0 12px;font-size:.82rem;display:flex}.hud-right{flex-shrink:0;align-items:center;gap:8px;display:flex}@media (width<=600px){.hud-resources{gap:8px;font-size:.72rem}.hud-left{gap:8px}.hud-right{gap:4px}.btn-hud{padding:5px 8px;font-size:.72rem}.game-hud{padding:0 8px}}.btn-hud{color:#c0b890;cursor:pointer;background:#ffffff14;border:1px solid #3a2860;border-radius:5px;padding:6px 14px;font-size:.82rem;transition:background .15s}.btn-hud:hover{background:#ffffff24}.btn-end-turn{color:#90e0a0;letter-spacing:1px;background:linear-gradient(135deg,#2a6030,#163820);border-color:#3a8040;font-weight:700}.btn-end-turn:hover{background:linear-gradient(135deg,#3a7040,#204828)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1a1428}::-webkit-scrollbar-thumb{background:#3a2860;border-radius:3px}