*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #0a0a0f;--bg-panel: #12121a;--text-primary: #c8c8d0;--accent-gold: #d4a017;--accent-green: #4a9e6a;--accent-red: #c0392b;--border-color: #2a2a3a}body{font-family:JetBrains Mono,monospace;background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh;max-width:960px;margin:0 auto;padding:2rem 1rem}.title-banner{text-align:center;margin-bottom:2rem}.ascii-title{color:var(--accent-gold);font-size:.45rem;line-height:1.1;overflow:hidden}@media(min-width:640px){.ascii-title{font-size:.65rem}}.subtitle{color:var(--text-primary);font-size:.875rem;letter-spacing:.3em;text-transform:uppercase;margin-top:.5rem}.main-panel{flex:1;border:1px solid var(--border-color);background:var(--bg-panel);padding:1.5rem}.status-line{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.status-online{color:var(--accent-green)}.status-offline,.status-error{color:var(--accent-red)}.status-connecting\.\.\.{color:var(--accent-gold)}.welcome-text{line-height:2;font-size:.875rem}.blink{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.login-container .ascii-title{color:var(--accent-gold);font-size:.45rem;line-height:1.1;overflow:hidden;text-align:center;margin-bottom:2rem}@media(min-width:640px){.login-container .ascii-title{font-size:.65rem}}.login-panel{border:1px solid var(--border-color);background:var(--bg-panel);padding:2rem;width:100%;max-width:400px}.panel-header{font-size:.875rem;letter-spacing:.15em;color:var(--accent-gold);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.form-field{margin-bottom:1rem}.form-field label{display:block;font-size:.75rem;letter-spacing:.1em;margin-bottom:.4rem;color:var(--text-primary)}.form-field .optional{color:#555}.form-field input{width:100%;background:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.875rem;padding:.5rem .75rem;outline:none}.form-field input:focus{border-color:var(--accent-gold)}.form-field input::placeholder{color:#444}.error-msg{color:var(--accent-red);font-size:.75rem;margin-bottom:1rem}.btn-primary{width:100%;background:var(--accent-gold);color:var(--bg-dark);border:none;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700;letter-spacing:.1em;padding:.6rem 1rem;cursor:pointer;margin-bottom:1rem}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-link{background:none;border:none;color:var(--accent-gold);font-family:JetBrains Mono,monospace;font-size:.75rem;cursor:pointer;padding:0}.btn-link:hover{text-decoration:underline}.top-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color)}.game-title{font-size:.875rem;font-weight:700;letter-spacing:.2em;color:var(--accent-gold)}.user-info{font-size:.75rem;color:#777}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--accent-gold);letter-spacing:.15em;font-size:.875rem}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;flex:1}@media(max-width:700px){.dashboard-grid{grid-template-columns:1fr}}.kingdom-panel{border:1px solid var(--border-color);background:var(--bg-panel);padding:1.25rem}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.resource-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.resource-icon{color:var(--accent-gold);font-weight:700;width:1rem;text-align:center}.resource-label{color:#777;font-size:.7rem;letter-spacing:.1em;min-width:3.5rem}.resource-value{color:var(--text-primary);font-weight:700}.stats-row{display:flex;gap:1.5rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.65rem;color:#555;letter-spacing:.1em}.stat-value{font-size:.875rem;font-weight:700}.action-bar{border:1px solid var(--border-color);background:var(--bg-panel);padding:1rem 1.25rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.ap-display{display:flex;flex-direction:column;gap:.25rem}.ap-label{font-size:.65rem;color:#555;letter-spacing:.15em}.ap-gauge{font-size:.875rem;color:var(--accent-gold);font-weight:700}.ap-regen{font-size:.7rem;color:#555}.action-buttons{display:flex;gap:.5rem}.btn-action{background:transparent;border:1px solid var(--accent-gold);color:var(--accent-gold);font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;letter-spacing:.1em;padding:.5rem 1rem;cursor:pointer}.btn-action:hover:not(:disabled){background:var(--accent-gold);color:var(--bg-dark)}.btn-action:disabled{opacity:.3;cursor:not-allowed}.toast{padding:.6rem 1rem;margin-bottom:1rem;font-size:.8rem;border:1px solid var(--border-color);animation:fadeIn .2s ease-out}.toast-success{border-color:var(--accent-green);color:var(--accent-green);background:#4a9e6a1a}.toast-error{border-color:var(--accent-red);color:var(--accent-red);background:#c0392b1a}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.event-feed{border:1px solid var(--border-color);background:var(--bg-panel);padding:1.25rem;display:flex;flex-direction:column}.event-feed .panel-header{margin-bottom:.75rem}.event-list{flex:1;overflow-y:auto;max-height:300px;font-size:.8rem;line-height:1.6}.event-item{padding:.15rem 0}.event-time{color:#555}.event-detail{color:var(--text-primary)}.event-exploration .event-detail{color:var(--accent-green)}.event-combat .event-detail{color:var(--accent-red)}.event-empty{color:#555;font-size:.8rem}.nav-tabs{display:flex;gap:.25rem}.nav-tab{background:transparent;border:1px solid var(--border-color);color:#555;font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.1em;padding:.3rem .75rem;cursor:pointer}.nav-tab:hover{color:var(--text-primary)}.nav-tab-active{color:var(--accent-gold);border-color:var(--accent-gold)}.map-container{border:1px solid var(--border-color);background:var(--bg-panel);padding:1.25rem;flex:1}.map-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.map-header .panel-header{margin-bottom:0;padding-bottom:0;border-bottom:none}.map-content{display:flex;gap:1rem}.map-scroll{overflow:auto;max-height:500px;flex:1;border:1px solid var(--border-color)}.map-grid{background:var(--bg-dark)}.map-cell{display:flex;align-items:center;justify-content:center;font-size:.6rem;cursor:pointer;background:var(--bg-dark);border:1px solid transparent}.map-cell:hover{border-color:#555}.map-cell-selected{border-color:#fff!important}.sector-detail{width:200px;flex-shrink:0;font-size:.8rem}.sector-detail .panel-header{font-size:.8rem}.detail-row{display:flex;justify-content:space-between;padding:.3rem 0;border-bottom:1px solid var(--border-color)}.detail-label{color:#555;font-size:.7rem;letter-spacing:.1em}.detail-section{padding:.5rem 0}.detail-sub{font-size:.75rem;padding:.15rem 0 .15rem .5rem;color:var(--text-primary)}.map-legend{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem;font-size:.65rem}.legend-item{letter-spacing:.05em}.build-panel{border:1px solid var(--border-color);background:var(--bg-panel);padding:1.25rem;flex:1}.build-empty{color:#555;font-size:.8rem;margin-bottom:1rem}.build-msg{font-size:.8rem;padding:.4rem .75rem;margin-bottom:.75rem;border:1px solid var(--border-color)}.build-msg-success{color:var(--accent-green);border-color:var(--accent-green)}.build-msg-error{color:var(--accent-red);border-color:var(--accent-red)}.sector-select{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.sector-select select{background:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.8rem;padding:.3rem .5rem}.building-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.building-item{border:1px solid var(--border-color);padding:.75rem;font-size:.8rem}.building-header{display:flex;justify-content:space-between;margin-bottom:.3rem}.building-name{font-weight:700;color:var(--text-primary);font-size:.75rem;letter-spacing:.1em}.building-ap{color:var(--accent-gold);font-size:.7rem}.building-effect{color:var(--accent-green);font-size:.7rem;margin-bottom:.4rem}.building-cost{display:flex;gap:.5rem;font-size:.7rem;margin-bottom:.5rem}.cost-ok{color:var(--text-primary)}.cost-insufficient{color:var(--accent-red)}.btn-build{width:100%;font-size:.7rem;padding:.35rem}.btn-claim{width:100%;margin-top:.75rem;font-size:.7rem;padding:.35rem}.trade-panel{border:1px solid var(--border-color);background:var(--bg-panel);padding:1.25rem;flex:1}.trade-tabs{display:flex;gap:.25rem;margin-bottom:1rem}.price-table{font-size:.8rem;margin-bottom:1rem}.price-header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;font-size:.7rem;color:#555;letter-spacing:.1em;padding-bottom:.4rem;border-bottom:1px solid var(--border-color)}.price-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;padding:.3rem 0}.price-buy{color:var(--accent-red)}.price-sell{color:var(--accent-green)}.trade-form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.5rem}.trade-form select,.trade-amount{background:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.8rem;padding:.3rem .5rem}.trade-amount{width:60px}.trade-preview{font-size:.7rem;color:#555;margin-top:.25rem}.offer-form{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.offer-side{display:flex;flex-direction:column;gap:.3rem}.offer-side select,.offer-side input{background:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.8rem;padding:.3rem .5rem;width:100px}.offer-arrow{color:var(--accent-gold);font-weight:700;padding-bottom:.3rem}.offers-list{font-size:.8rem}.offer-item{display:flex;align-items:center;gap:.75rem;padding:.4rem 0;border-bottom:1px solid var(--border-color)}.offer-from{color:var(--accent-gold);font-size:.75rem;min-width:100px}.offer-detail{flex:1}.btn-sm{font-size:.65rem;padding:.25rem .5rem}.combat-log{border:1px solid var(--border-color);background:var(--bg-panel);padding:1.25rem;flex:1}.combat-list{max-height:500px;overflow-y:auto}.combat-entry{padding:.4rem 0;border-bottom:1px solid var(--border-color);font-size:.8rem;line-height:1.5}.combat-time{color:#555;font-size:.7rem;margin-right:.5rem}.combat-detail{color:var(--accent-red)}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent-green);margin-left:.4rem;vertical-align:middle}.offline-dot{background:#555}.chat-panel{border:1px solid var(--border-color);background:var(--bg-panel);padding:1.25rem;flex:1;display:flex;flex-direction:column}.chat-header{display:flex;justify-content:space-between;align-items:center}.chat-header .panel-header{margin-bottom:0;padding-bottom:0;border-bottom:none}.chat-online{font-size:.7rem;color:var(--accent-green)}.chat-messages{flex:1;overflow-y:auto;max-height:400px;margin:.75rem 0;font-size:.8rem;line-height:1.6;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:.5rem 0}.chat-msg{padding:.1rem 0}.chat-time{color:#555;font-size:.7rem}.chat-user{color:var(--accent-gold);font-weight:700}.chat-text{color:var(--text-primary)}.chat-empty{color:#555;font-size:.8rem}.chat-input{display:flex;gap:.5rem}.chat-input input{flex:1;background:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.8rem;padding:.4rem .6rem;outline:none}.chat-input input:focus{border-color:var(--accent-gold)}.chat-input input::placeholder{color:#444}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-panel);border:2px solid var(--accent-red);padding:2rem;max-width:450px;width:90%}.modal-title{color:var(--accent-red);font-size:1.1rem;letter-spacing:.2em;text-align:center;margin-bottom:1.5rem;animation:blink 1s step-end 3}.attack-info{margin-bottom:1.5rem}.attack-detail{display:flex;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid var(--border-color);font-size:.8rem}.attack-attacker{color:var(--accent-red);font-weight:700}.attack-timer{text-align:center;margin-bottom:1.5rem}.attack-responses{display:flex;flex-direction:column;gap:.5rem}.btn-rally{border-color:var(--accent-green);color:var(--accent-green)}.btn-rally:hover:not(:disabled){background:var(--accent-green);color:var(--bg-dark)}.btn-retreat{border-color:var(--accent-gold);color:var(--accent-gold)}.btn-retreat:hover:not(:disabled){background:var(--accent-gold);color:var(--bg-dark)}.btn-aid{border-color:#2980b9;color:#2980b9}.btn-aid:hover:not(:disabled){background:#2980b9;color:var(--bg-dark)}.attack-waiting{text-align:center;color:var(--accent-gold);font-size:.8rem;letter-spacing:.1em;margin-top:1rem;animation:blink 1s step-end infinite}.leaderboard{border:1px solid var(--border-color);background:var(--bg-panel);padding:1.25rem;flex:1}.lb-table{font-size:.8rem}.lb-header{display:grid;grid-template-columns:2rem 1fr 1fr repeat(4,4rem);gap:.5rem;font-size:.65rem;color:#555;letter-spacing:.1em;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.lb-row{display:grid;grid-template-columns:2rem 1fr 1fr repeat(4,4rem);gap:.5rem;padding:.4rem 0;border-bottom:1px solid var(--border-color)}.lb-row-me{background:#d4a01714}.lb-rank{color:var(--accent-gold);font-weight:700}.lb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-player{color:#777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-col{text-align:right}.lb-score{color:var(--accent-gold);font-weight:700}.lb-sortable{cursor:pointer}.lb-sortable:hover{color:var(--accent-gold)}.game-log-panel{border:1px solid var(--border-color);background:var(--bg-panel);padding:1.25rem;flex:1}.log-filters{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1rem}.log-list{max-height:450px;overflow-y:auto;font-size:.8rem}.log-entry{padding:.3rem 0;border-bottom:1px solid var(--border-color);line-height:1.5}.log-time{color:#555;font-size:.7rem;margin-right:.4rem}.log-type{font-size:.65rem;font-weight:700;letter-spacing:.05em;margin-right:.4rem}.log-detail{color:var(--text-primary)}.log-more{width:100%;margin-top:.75rem;font-size:.7rem}.footer{display:flex;justify-content:space-between;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#555;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.admin-panel{border:1px solid var(--border-color);background:var(--bg-panel);padding:1.25rem;flex:1}.admin-create{display:flex;align-items:flex-end;gap:.75rem;margin:1rem 0;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.admin-create-field{flex:0 0 8rem;margin-bottom:0}.admin-table .lb-header,.admin-table .lb-row{grid-template-columns:8rem 4rem 5rem 1fr 6rem}.admin-code-text{color:var(--accent-gold);font-weight:700;letter-spacing:.1em}.admin-row-exhausted{opacity:.5}.admin-col-actions{text-align:right}.admin-revoke{color:var(--accent-red);font-size:.7rem}.admin-revoke:hover{color:#e74c3c}