@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Spectral:wght@400;500;600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#171009;--bg-forest:#14200f;--panel:#241a10;--panel-raised:#2f2313;--panel-border:#5a4326;--panel-border-light:#7a5c34;--panel-built:#24301a;--panel-built-border:#47592c;--accent:#b5842a;--accent-hover:#d49f3a;--accent-text:#1a1206;--text:#ede0c8;--text-dim:#b3a284;--error:#e2725b;--font-display:"Cinzel", Georgia, serif;font-family:Spectral,Georgia,serif}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{background:radial-gradient(ellipse at top, #2a1f10 0%, var(--bg) 55%), linear-gradient(180deg, var(--bg) 0%, var(--bg-forest) 100%);color:var(--text);margin:0}#app{height:100%;display:flex}input,button{font:inherit;border:1px solid var(--panel-border);background:var(--panel-raised);color:var(--text);border-radius:4px;padding:.5rem}button{cursor:pointer;font-family:var(--font-display);letter-spacing:.03em;background:linear-gradient(180deg, var(--accent) 0%, #9c6f22 100%);color:var(--accent-text);border:1px solid #7a5c1c;font-weight:600;transition:background .15s,transform 50ms;box-shadow:inset 0 1px #ffe9b0aa}button:hover:not(:disabled){background:linear-gradient(180deg, var(--accent-hover) 0%, #b17f28 100%)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.55;cursor:default;box-shadow:none}button.link{color:#d9b877;box-shadow:none;letter-spacing:normal;background:0 0;border:none;padding:0;font-family:inherit;font-weight:400;text-decoration:underline}h1,h2,h3{font-family:var(--font-display);letter-spacing:.04em}.error{color:var(--error)}.auth{background:var(--panel);border:1px solid var(--panel-border-light);border-radius:10px;flex-direction:column;gap:1rem;width:100%;max-width:420px;max-height:100vh;margin:auto;padding:2rem 1.5rem;display:flex;overflow-y:auto;box-shadow:0 0 0 4px #0005,0 12px 30px #0008}.auth h1{text-align:center;margin:0}.auth form{flex-direction:column;gap:.75rem;display:flex}.auth label{flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}.world-select{background:var(--panel);border:1px solid var(--panel-border-light);border-radius:10px;flex-direction:column;gap:1rem;width:100%;max-width:520px;max-height:100vh;margin:auto;padding:2rem 1.5rem;display:flex;overflow-y:auto;box-shadow:0 0 0 4px #0005,0 12px 30px #0008}.world-select h1{text-align:center;margin:0}.world-select-sub{text-align:center;color:var(--text-dim);margin:0;font-size:.9rem}.world-select-empty,.world-select-limit{color:var(--text-dim);text-align:center;margin:0;font-size:.9rem}.worlds{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.world-card{background:var(--panel-raised);border:1px solid var(--panel-border);border-radius:6px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.world-name{font-weight:600;font-family:var(--font-display)}.create-world{border-top:1px solid var(--panel-border);flex-direction:column;gap:.5rem;padding-top:.5rem;display:flex}.create-world label{flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}.dashboard{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.hud-bar{background:linear-gradient(180deg, var(--panel-raised) 0%, var(--panel) 100%);border-bottom:3px solid var(--panel-border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:1.5rem;padding:.6rem 1.25rem;display:flex}.hud-title{flex-shrink:0;align-items:baseline;gap:.6rem;display:flex}.hud-title h1{margin:0;font-size:1.25rem}.hud-player{color:var(--text-dim);font-size:.85rem}.resources{flex-wrap:wrap;flex:1;gap:.5rem;padding:.15rem 0;display:flex;overflow-x:auto}.resource-bar-empty{color:var(--text-dim);font-size:.85rem;font-style:italic}.resource-chip{background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;flex-shrink:0;align-items:center;gap:.4rem;padding:.2rem .6rem .2rem .2rem;display:flex}.resource-icon{flex-shrink:0;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;display:inline-flex}.resource-icon svg{width:100%;height:100%}.resource-name{color:var(--text-dim);white-space:nowrap;font-size:.8rem}.resource-amount{font-variant-numeric:tabular-nums;font-size:.9rem}.board{flex:1;min-height:0;padding:1.25rem 1.25rem 1.25rem 12rem;position:relative;overflow:hidden}.board-canvas-container{position:absolute;inset:0}#map-canvas{cursor:grab;width:100%;height:100%;display:block}#map-canvas:active{cursor:grabbing}.board-canvas-container.placing #map-canvas{cursor:crosshair}.board-empty{text-align:center;max-width:420px;color:var(--text-dim);flex-direction:column;gap:.75rem;margin:3rem auto;display:flex}.board-empty button{align-self:center}.placing-banner{z-index:10;background:var(--panel);border:1px solid var(--panel-border-light);border-radius:8px;align-items:center;gap:1rem;padding:.6rem 1rem;display:flex;position:absolute;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0007}.instance-detail-panel{z-index:10;background:var(--panel);border:1px solid var(--panel-border-light);border-radius:10px;flex-direction:column;gap:.5rem;width:260px;padding:.85rem 1rem;display:flex;position:absolute;top:1rem;right:1rem;box-shadow:0 8px 20px #0007}.instance-detail-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.panel-tabs{border-bottom:1px solid var(--panel-border);flex-wrap:wrap;gap:.3rem;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.panel-tab{box-shadow:none;color:var(--text-dim);background:0 0;border:1px solid #0000;border-radius:999px;padding:.35rem .75rem;font-size:.8rem}.panel-tab:hover:not(:disabled){color:var(--text);background:#ffffff10}.panel-tab.active{background:var(--accent);color:var(--accent-text);border-color:#7a5c1c}.instance-storage{flex-wrap:wrap;gap:.35rem;display:flex}.instance-storage-chip{color:var(--text-dim);background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;align-items:center;gap:.25rem;padding:.1rem .5rem .1rem .2rem;font-size:.78rem;display:flex}.instance-storage-chip .resource-icon{width:1.1rem;height:1.1rem}.building-name{font-weight:600;font-family:var(--font-display)}.building-level{color:var(--text-dim);font-size:.8rem}.building-action button{width:100%;font-size:.85rem}.maxed,.queued{color:var(--text-dim);font-size:.85rem}.modal-backdrop{top:var(--hud-height,4rem);z-index:50;background:#0a0603cc;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;bottom:0;left:0;right:0}.modal{width:100%;max-width:760px;max-height:min(calc(100vh - var(--hud-height,4rem) - 3rem), 720px);background:var(--panel);border:1px solid var(--panel-border-light);border-radius:10px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 0 0 4px #0005,0 20px 50px #000a}.modal-header{background:linear-gradient(180deg, var(--panel-raised) 0%, var(--panel) 100%);border-bottom:2px solid var(--panel-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:.9rem 1.25rem;display:flex}.modal-header h2{margin:0}.modal-close{font-size:1.1rem}.modal-body{flex-direction:column;flex:1;gap:1.25rem;min-height:0;padding:1rem 1.25rem 1.5rem;display:flex;overflow-y:auto}.build-menu-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.build-menu-row{background:var(--panel-raised);border:1px solid var(--panel-border);border-radius:6px;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .85rem;display:flex}.build-menu-info{flex-direction:column;gap:.15rem;display:flex}.build-menu-desc{color:var(--text-dim);max-width:46ch;font-size:.8rem}.build-menu-count{color:var(--text-dim);font-size:.75rem}.build-menu-action{flex-shrink:0}.left-rail{left:1rem;top:var(--hud-height,4rem);z-index:60;pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;padding:1rem 0;display:flex;position:fixed;bottom:0}.left-rail>*{pointer-events:auto}.left-rail.left-rail-overflow{justify-content:flex-start}.sitemenu{background:linear-gradient(180deg, var(--panel-raised) 0%, var(--panel) 100%);border:1px solid var(--panel-border-light);border-radius:14px;flex-direction:column;align-items:stretch;gap:.6rem;padding:.75rem .5rem;display:flex;box-shadow:0 0 0 4px #0004,0 12px 30px #0007}.sitemenu-icons{flex-direction:column;gap:.3rem;display:flex}.sitemenu-item{width:4.6rem;box-shadow:none;color:var(--text-dim);background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .3rem;display:flex}.sitemenu-item:hover:not(:disabled){color:var(--text);background:#ffffff10}.sitemenu-item.active{background:var(--panel-built);border-color:var(--panel-built-border);color:var(--text)}.sitemenu-item.coming-soon{opacity:.55}.sitemenu-icon{width:1.4rem;height:1.4rem;display:inline-flex}.sitemenu-icon svg{width:100%;height:100%}.sitemenu-label{font-family:var(--font-display);letter-spacing:0;text-align:center;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;width:100%;font-size:.6rem;line-height:1.15}.sitemenu-divider{background:var(--panel-border);height:1px;margin:.1rem .3rem}.speed-widget{position:relative}.speed-toggle .sitemenu-icon{font-family:var(--font-display);font-size:.95rem;font-weight:700}.speed-toggle.active{background:var(--panel-built);border-color:var(--panel-built-border);color:var(--text)}.speed-popover{z-index:65;background:linear-gradient(180deg, var(--panel-raised) 0%, var(--panel) 100%);border:1px solid var(--panel-border-light);border-radius:10px;flex-direction:column;gap:.3rem;padding:.4rem;display:flex;position:absolute;bottom:0;left:calc(100% + .6rem);box-shadow:0 0 0 4px #0004,0 10px 24px #0007}.speed-option{min-width:2.4rem;padding:.35rem .6rem;font-size:.85rem}.minimap-placeholder{border:1px solid var(--panel-border-light);background:linear-gradient(160deg,#26331a 0%,#182410 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:320px;height:240px;display:flex;box-shadow:0 0 0 4px #0004,0 10px 24px #0007}.minimap-label{font-family:var(--font-display);letter-spacing:.06em;color:var(--text-dim);text-transform:uppercase;font-size:.75rem}.panel-empty-text,.coming-soon-text{color:var(--text-dim);text-align:center;padding:2rem 1rem}.dorf-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.dorf-list-row{background:var(--panel-raised);border:1px solid var(--panel-border);border-radius:6px;grid-template-columns:1.4fr .8fr 1.6fr 1fr;align-items:center;gap:.75rem;padding:.55rem .75rem;font-size:.85rem;display:grid}.dorf-list-header{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;padding:0 .75rem;font-size:.7rem}.dorf-list-storage{color:var(--text-dim);font-size:.78rem}.dorf-list-ready{color:#9fd18a}.goals-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.goal-row{background:var(--panel-raised);border:1px solid var(--panel-border);border-radius:6px;align-items:center;gap:.6rem;padding:.6rem .85rem;display:flex}.goal-row.done{background:var(--panel-built);border-color:var(--panel-built-border)}.goal-check{color:var(--text-dim);text-align:center;flex-shrink:0;width:1.3rem;font-size:1.1rem}.goal-row.done .goal-check{color:#9fd18a}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.6rem;margin:0;display:grid}.stat-row{background:var(--panel-raised);border:1px solid var(--panel-border);border-radius:8px;flex-direction:column;gap:.2rem;padding:.7rem .9rem;display:flex}.stat-row dt{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.stat-row dd{font-family:var(--font-display);margin:0;font-size:1.3rem}.chain-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.chain-row{background:var(--panel-raised);border:1px solid var(--panel-border);border-radius:6px;flex-direction:column;gap:.35rem;padding:.6rem .85rem;display:flex}.chain-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.chain-count{color:var(--text-dim);flex-shrink:0;font-size:.8rem}.chain-flow{color:var(--text-dim);align-items:center;gap:.6rem;font-size:.85rem;display:flex}.chain-flow-empty{font-style:italic}.chain-arrow{color:var(--accent);font-weight:700}@media (width<=720px){.hud-bar{flex-direction:column;align-items:stretch}.resources{order:3}.build-menu-row{flex-direction:column;align-items:stretch}.left-rail{left:.35rem}.sitemenu{padding:.5rem .3rem}.sitemenu-item{width:3.4rem}.sitemenu-label{display:none}.board{padding-left:8rem}.minimap-placeholder{width:200px;height:150px}.dorf-list-row{grid-template-columns:1fr;gap:.2rem}.dorf-list-header{display:none}}