@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;touch-action:none;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}}.map-labels{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.bl{transform-origin:50% 100%;will-change:transform;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:0;translate:-50% -100%}.bl-badge{--p:0;clip-path:polygon(50% 100%,6% 72%,6% 8%,50% 0,94% 8%,94% 72%);background:linear-gradient(160deg, var(--panel-raised), var(--panel) 70%);width:26px;height:30px;box-shadow:inset 0 0 0 2px var(--panel-border-light);filter:drop-shadow(0 2px 3px #000a);place-items:center;display:grid;position:relative}.bl-badge:before{content:"";clip-path:inherit;-webkit-mask-composite:xor;background:linear-gradient(160deg,#caa15a,#6b4b22);padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.bl-numeral{font-family:var(--font-display);letter-spacing:.02em;color:#f1dca8;text-shadow:0 1px 1px #000;font-size:11px;font-weight:700;position:relative}.bl-building .bl-badge{clip-path:none;background:radial-gradient(circle, var(--panel-raised) 0 52%, transparent 53%), conic-gradient(var(--accent-hover) calc(var(--p) * 1turn), #3a2a16 0);border-radius:50%;width:32px;height:32px;box-shadow:0 0 0 1px #000a,0 0 10px #d49f3a55}.bl-building .bl-badge:before{clip-path:none;background:repeating-conic-gradient(#0000 0 8deg, #1a120699 8deg 10deg);border-radius:50%;padding:0;inset:2px;-webkit-mask:radial-gradient(circle,#0000 0 60%,#000 61%);mask:radial-gradient(circle,#0000 0 60%,#000 61%)}.bl-indeterminate .bl-badge{background:radial-gradient(circle, var(--panel-raised) 0 52%, transparent 53%), conic-gradient(var(--accent-hover) 0 25%, #3a2a16 0);animation:1.6s linear infinite bl-spin}.bl-indeterminate .bl-numeral{animation:1.6s linear infinite reverse bl-spin}@keyframes bl-spin{to{rotate:1turn}}.bl-time{font-variant-numeric:tabular-nums;color:var(--accent-hover);background:#120c06cc;border-radius:3px;margin-top:2px;padding:0 5px;font-size:10px;display:none}.bl-building .bl-time{display:block}.bl-name{white-space:nowrap;font-family:var(--font-display);color:var(--text);text-shadow:0 1px 1px #000;background:repeating-linear-gradient(90deg,#0000 0 11px,#0000000d 11px 12px),linear-gradient(#5a4326,#3b2a15);border:1px solid #1a1206;border-radius:3px;order:-1;margin-bottom:3px;padding:2px 9px 3px;font-size:11px;font-weight:600;display:none;box-shadow:inset 0 1px #ffffff1a,0 2px 5px #000a}.bl-show-name .bl-name{display:block}.bl-selected .bl-name{border-color:var(--accent-hover);color:#fff3d6}.bl-site .bl-name{font-style:italic}