:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#1a1a2e;color:#e0d8c8}.castle-app{min-height:100vh;display:flex;flex-direction:column;padding:1.5rem;gap:1.5rem}.castle-header{text-align:center}.castle-header h1{font-size:2.2rem;font-weight:700;letter-spacing:-.02em;color:wheat;text-shadow:0 2px 8px rgba(0,0,0,.5)}.subtitle{color:#ffffff80;font-size:.95rem;margin-top:.25rem}.castle-layout{display:flex;gap:1.5rem;flex:1;min-height:0}.toolbar{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:1rem}.toolbar-section{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem}.toolbar-section h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#fff6;margin-bottom:.75rem}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.tool-btn{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem .4rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#e0d8c8;cursor:pointer;transition:all .15s;font-family:inherit}.tool-btn:hover{background:#ffffff1a;border-color:#fff3}.tool-btn.active{background:#8b735559;border-color:#8b7355;box-shadow:0 0 12px #8b73554d}.tool-emoji{font-size:1.4rem}.tool-label{font-size:.7rem;opacity:.8}.action-btn{width:100%;padding:.6rem;margin-bottom:.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#e0d8c8;cursor:pointer;font-family:inherit;font-size:.85rem;transition:all .15s}.action-btn:last-child{margin-bottom:0}.action-btn:hover{background:#ffffff1f}.erase-btn.active{background:#ef444440;border-color:#ef4444;color:#fca5a5}.preset-btn:hover{background:#3b82f633;border-color:#3b82f6}.clear-btn:hover{background:#ef444433;border-color:#ef4444}.kingdom-panel{flex:1}.castle-name-input{width:100%;padding:.5rem .75rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:wheat;font-family:inherit;font-size:.9rem;text-align:center;font-weight:600;margin-bottom:1rem;outline:none;transition:border-color .15s}.castle-name-input:focus{border-color:#8b7355}.stats{display:flex;gap:1rem;justify-content:center;margin-bottom:.75rem}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.6rem;font-weight:700;color:wheat}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#fff6}.realm-title{text-align:center;font-size:.85rem;font-style:italic;color:#c9a96e;padding:.4rem;background:#c9a96e1a;border-radius:6px}.grid-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:.75rem;min-width:0}.castle-name-banner{font-size:1.1rem;font-weight:600;color:wheat;text-shadow:0 2px 6px rgba(0,0,0,.5);letter-spacing:.05em}.grid{display:grid;gap:2px;width:100%;max-width:800px;aspect-ratio:16 / 12;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:6px;-webkit-user-select:none;user-select:none;touch-action:none}.tile{border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:clamp(.5rem,1.2vw,1rem);cursor:crosshair;transition:background-color .08s;position:relative}.tile:hover{outline:2px solid rgba(255,255,255,.25);outline-offset:-2px}.tile.filled{box-shadow:inset 0 -2px 4px #0000004d,inset 0 1px 2px #ffffff1a}.ground-line{width:100%;max-width:800px;height:3px;background:linear-gradient(90deg,transparent,#5a7a3a,#6b8e4e,#5a7a3a,transparent);border-radius:2px;opacity:.6}@media(max-width:768px){.castle-layout{flex-direction:column}.toolbar{width:100%;flex-direction:row;flex-wrap:wrap}.toolbar-section{flex:1;min-width:160px}.tool-grid{grid-template-columns:repeat(4,1fr)}}