:root{font-family:Segoe UI,Arial,sans-serif;color:#e8edf5;background:#111827}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{background:#bd965b;color:#101827;border:0;border-radius:7px;padding:11px 15px;cursor:pointer;font-weight:600}input,textarea{width:100%;padding:12px;margin:8px 0 18px;background:#111b29;color:#fff;border:1px solid #52627a;border-radius:7px}textarea{min-height:120px}.app{display:flex;min-height:100vh}aside{width:250px;flex-shrink:0;background:#1c293b;padding:24px 18px}aside h2{color:#e2b974}aside button{display:block;width:100%;margin:10px 0;background:#2c3c52;color:#e8edf5;text-align:left}aside button.selected{background:#546884}aside a{display:block;color:#e2b974;margin:24px 0}main{flex:1;padding:35px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1{margin-bottom:5px}p{color:#aebdd0}.panel{background:#202d40;border:1px solid #35465e;border-radius:12px;padding:25px}.panel article{background:#29384d;padding:15px;border-radius:8px;margin-top:15px}label{display:block}.stats{display:flex;flex-wrap:wrap;gap:20px;margin-top:25px}.stats div{background:#34445a;border-radius:8px;padding:20px}.center{min-height:100vh;display:grid;place-items:center}.login{width:min(400px,90vw);background:#202d40;padding:35px;border-radius:12px}.login button{width:100%}.player{min-height:100vh;text-align:center;padding:30px}.player h1{color:#e2b974}.map-placeholder{min-height:70vh;display:flex;flex-direction:column;justify-content:center;background:#202d40;border:2px solid #455875;border-radius:12px;margin-top:30px}@media(max-width:750px){.app{flex-direction:column}aside{width:100%}main{padding:18px}header{flex-direction:column;align-items:start}}button,input,textarea,select{font:inherit}select{width:100%;padding:12px;margin:8px 0 18px;background:#111b29;color:#e8edf5;border:1px solid #52627a;border-radius:7px;cursor:pointer}select:focus,input:focus,textarea:focus{outline:2px solid #bd965b;outline-offset:2px}.campaign-selector{margin:25px 0;padding:18px 12px;background:#243348;border:1px solid #35465e;border-radius:10px}.campaign-selector label{display:block;margin-bottom:8px;color:#e2b974;font-size:14px;font-weight:600}.campaign-selector select{width:100%;margin:0 0 12px;font-size:13px}.campaign-selector button{width:100%;background:#bd965b;color:#101827;text-align:center;margin:0;padding:11px 8px}.campaign-selector button:hover{background:#e2b974}.campaign-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}.campaign-actions button{background:#803b43;color:#fff}.campaign-actions button:hover:not(:disabled){background:#a34b55}.campaign-actions button:disabled{background:#455064;color:#aebdd0;cursor:not-allowed;opacity:.65}button:focus-visible{outline:2px solid #e2b974;outline-offset:3px}@media(max-width:750px){.campaign-selector{margin:18px 0}.campaign-actions{flex-direction:column}.campaign-actions button{width:100%}.panel{padding:18px}.stats{gap:12px}.stats div{flex:1 1 130px}}