:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0a0a0f;--surface: #12121a;--surface2: #1a1a25;--border: rgba(255, 255, 255, .08);--text: #e8e8f0;--text-dim: rgba(255, 255, 255, .5);--gold: #facc15;--green: #4ade80;--blue: #60a5fa;--purple: #c084fc;--red: #ef4444;--orange: #fb923c;--accent: #8b5cf6}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.1rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface2);color:var(--text);font-size:.85rem;cursor:pointer;transition:all .15s;font-family:inherit}.btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background:#7c3aed;border-color:#7c3aed}.btn-build{background:#8b5cf626;border-color:#8b5cf64d;color:var(--purple);font-weight:500;min-width:4.5rem}.btn-build:hover:not(:disabled){background:#8b5cf640}.btn-guard{background:#4ade801a;border-color:#4ade8040;color:var(--green)}.btn-spy{background:#60a5fa1a;border-color:#60a5fa40;color:var(--blue)}.btn-choice{width:100%;text-align:left;padding:.75rem 1rem;background:#ffffff08;border-color:#ffffff1a}.btn-choice:hover{background:#8b5cf61f;border-color:#8b5cf64d}.btn-advance{padding:.75rem 2rem;font-size:1rem}.btn-toggle-buildings{margin-top:1rem;width:100%}.title-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,rgba(139,92,246,.08) 0%,transparent 60%),var(--bg)}.title-content{max-width:32rem;text-align:center;padding:3rem 2rem}.title-crown{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 0 20px rgba(250,204,21,.4))}.title-main{font-size:3rem;font-weight:700;letter-spacing:-.04em;background:linear-gradient(135deg,#facc15,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.title-subtitle{color:var(--text-dim);font-size:1.1rem;margin-bottom:2rem}.title-lore{text-align:left;margin-bottom:2rem;padding:1.25rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface)}.title-lore p{color:#ffffffa6;font-size:.9rem;margin-bottom:.75rem}.title-lore p:last-child{margin-bottom:0}.title-rules{display:flex;flex-direction:column;gap:.6rem;margin-bottom:2rem}.rule{display:flex;align-items:center;gap:.75rem;padding:.6rem .85rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface);font-size:.85rem;color:#ffffffb3}.rule-icon{font-size:1.1rem;flex-shrink:0}.btn-start{padding:.85rem 3rem;font-size:1.05rem}.end-screen{min-height:100vh;display:flex;align-items:center;justify-content:center}.end-screen.victory{background:radial-gradient(ellipse at 50% 40%,rgba(74,222,128,.08) 0%,transparent 60%),var(--bg)}.end-screen.defeat{background:radial-gradient(ellipse at 50% 40%,rgba(239,68,68,.08) 0%,transparent 60%),var(--bg)}.end-content{max-width:28rem;text-align:center;padding:2.5rem 2rem}.end-content h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.victory h1{color:var(--green)}.defeat h1{color:var(--red)}.end-subtitle{color:var(--text-dim);margin-bottom:1.5rem}.end-reason{color:#ffffffa6;font-size:.95rem;margin-bottom:2rem;padding:1rem;border:1px solid rgba(239,68,68,.2);border-radius:.5rem;background:#ef44440d}.end-stats{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.end-stat{display:flex;justify-content:space-between;padding:.5rem .85rem;border:1px solid var(--border);border-radius:.4rem;background:var(--surface);font-size:.85rem}.end-stat span:last-child{color:var(--gold);font-weight:600}.end-flavor{color:#ffffff8c;font-size:.9rem;margin-bottom:2rem;font-style:italic}.game-layout{min-height:100vh;display:flex;flex-direction:column}.game-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.25rem;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.header-left{display:flex;align-items:center;gap:1rem}.game-title{font-weight:700;font-size:1rem;color:var(--gold)}.turn-badge{font-size:.75rem;padding:.2rem .6rem;border-radius:.3rem;background:#8b5cf626;color:var(--purple);border:1px solid rgba(139,92,246,.25)}.header-right{display:flex;gap:1rem}.resource-inline{font-size:.8rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.resource-inline:before{content:attr(title) ": ";color:#ffffff4d}.game-body{display:grid;grid-template-columns:280px 1fr 280px;flex:1;overflow:hidden}.sidebar-left,.sidebar-right{padding:1rem;border-right:1px solid var(--border);overflow-y:auto;background:var(--surface)}.sidebar-right{border-right:none;border-left:1px solid var(--border)}.resource-bar{margin-bottom:.75rem}.resource-header{display:flex;justify-content:space-between;font-size:.78rem;margin-bottom:.25rem;color:#ffffffa6}.resource-value{font-weight:600;font-variant-numeric:tabular-nums}.bar-track{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.income-preview{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-dim);padding:.4rem 0;margin-bottom:.5rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.threat-meter{margin:.75rem 0;padding:.75rem;border:1px solid rgba(239,68,68,.15);border-radius:.5rem;background:#ef444408}.threat-header{display:flex;justify-content:space-between;font-size:.78rem;margin-bottom:.35rem;color:#ffffffa6}.threat-label{font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.threat-track{height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.threat-fill{height:100%;border-radius:4px;transition:width .3s ease}.threat-detail{font-size:.68rem;color:var(--text-dim);margin-top:.35rem}.defense-panel{margin-top:1rem;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;background:#ffffff03}.defense-panel h3{font-size:.85rem;margin-bottom:.15rem}.defense-subtitle{font-size:.7rem;color:var(--text-dim);margin-bottom:.65rem}.defense-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:.65rem}.defense-stat{display:flex;align-items:center;gap:.35rem;padding:.35rem .5rem;border-radius:.35rem;background:#ffffff08;border:1px solid var(--border);font-size:.75rem}.defense-icon{font-size:.85rem}.defense-label{color:var(--text-dim);flex:1}.defense-value{font-weight:600;font-variant-numeric:tabular-nums}.defense-actions{display:flex;gap:.4rem}.defense-actions .btn{flex:1;font-size:.75rem;padding:.45rem .5rem}.main-area{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column}.turn-area{flex:1;display:flex;flex-direction:column}.turn-message{margin-bottom:1.5rem}.turn-message h2{font-size:1.35rem;font-weight:600;margin-bottom:.35rem}.turn-message p{color:#ffffff8c;font-size:.9rem}.turn-actions{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.shortcut-hint{font-size:.72rem;color:var(--text-dim)}.buildings-grid{display:grid;gap:.6rem;margin-top:.5rem}.building-card{display:flex;align-items:center;gap:.85rem;padding:.85rem;border:1px solid var(--border);border-radius:.6rem;background:var(--surface);transition:border-color .15s}.building-card:hover{border-color:#ffffff1f}.building-card.maxed{opacity:.5}.building-icon{font-size:1.6rem;flex-shrink:0;width:2.5rem;text-align:center}.building-info{flex:1;min-width:0}.building-name{font-weight:600;font-size:.88rem;margin-bottom:.15rem}.building-count{font-size:.72rem;color:var(--text-dim);font-weight:400}.building-desc{font-size:.75rem;color:#ffffff80;margin-bottom:.25rem}.building-effect{font-size:.75rem;color:var(--green);margin-bottom:.15rem}.building-cost{font-size:.7rem;color:var(--text-dim)}.event-panel{max-width:36rem;padding:1.5rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.event-type-badge{display:inline-block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:.2rem .6rem;border-radius:.25rem;color:#fff;margin-bottom:.75rem}.event-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.event-desc{color:#fff9;font-size:.9rem;margin-bottom:1.25rem;line-height:1.6}.event-choices{display:flex;flex-direction:column;gap:.5rem}.log-title{font-size:.85rem;font-weight:600;margin-bottom:.65rem;color:#fff9}.log-panel{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.35rem}.log-entry{font-size:.75rem;padding:.4rem .55rem;border-radius:.35rem;border-left:2px solid transparent;display:flex;gap:.5rem;line-height:1.4}.log-turn{font-size:.65rem;color:var(--text-dim);flex-shrink:0;font-variant-numeric:tabular-nums;min-width:1.5rem}.log-info{background:#60a5fa0d;border-left-color:#60a5fa4d;color:#ffffff8c}.log-success{background:#4ade800d;border-left-color:#4ade804d;color:#4ade80cc}.log-warning{background:#fb923c0d;border-left-color:#fb923c4d;color:#fb923ccc}.log-danger{background:#ef44440f;border-left-color:#ef44444d;color:#ef4444d9}@media(max-width:900px){.game-body{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.sidebar-left{border-right:none;border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.75rem}.sidebar-left>*{margin-bottom:0}.threat-meter,.defense-panel{grid-column:1 / -1}.sidebar-right{border-left:none;border-top:1px solid var(--border);max-height:200px}}@media(max-width:600px){.sidebar-left{grid-template-columns:1fr}.header-right{display:none}.turn-actions{flex-direction:column;align-items:stretch}.shortcut-hint{text-align:center}}