*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;font-family:system-ui,sans-serif;overflow:hidden}#canvas-container{width:100%;height:100%}#canvas-container canvas{display:block}#top-bar{z-index:10;color:#f4f7f2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;white-space:nowrap;background:#0c12188c;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:12px;padding:6px 10px 6px 12px;font-size:.8rem;display:flex;position:fixed;top:10px;left:50%;transform:translate(-50%)}#top-bar #status{opacity:.92;text-overflow:ellipsis;max-width:220px;overflow:hidden}#top-bar #players{opacity:.7}#deploy-slot,.deploy-badge{pointer-events:auto}.deploy-badge{color:#cfe6d8;opacity:.85;border:1px solid #ffffff24;border-radius:999px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;text-decoration:none}.deploy-badge:hover{opacity:1;border-color:#ffffff47}#top-actions{pointer-events:auto;gap:4px;display:flex}.icon-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;border-radius:999px;width:28px;height:28px;font-size:.75rem;font-weight:600}.icon-btn:hover{background:#ffffff2e}#inventory{z-index:10;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#0c1218b8;border:1px solid #ffffff24;border-radius:12px;max-width:min(420px,100vw - 28px);padding:10px;position:fixed;bottom:14px;right:14px}.inventory-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.inventory-label{letter-spacing:.04em;text-transform:uppercase;opacity:.7;margin:0;font-size:.7rem}.inventory-meters{align-items:baseline;gap:10px;display:flex}.inventory-gold,.inventory-momentum,.inventory-skills,.inventory-buff{opacity:.85;margin:0;font-size:.75rem}.inventory-buff{color:#5eead4;opacity:1}.slot-swatch.tree_resin{background:#c9783a}.slot-swatch.gather_node_depleted,.slot-swatch.gather_tree_depleted,.slot-swatch.gather_ore_depleted,.slot-swatch.gather_stone_depleted,.slot-swatch.gather_fiber_depleted,.hotbar-slot.depleted{opacity:.4}#hotbar{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;display:grid}#equipment{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-bottom:8px;display:grid}.equipment-slot{aspect-ratio:3/4;color:#fff;cursor:pointer;background:#f0d27a0f;border:1px solid #f0d27a47;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;min-width:34px;padding:4px 2px;display:flex;position:relative}.equipment-slot .slot-label{letter-spacing:.02em;text-transform:capitalize;opacity:.7;font-size:9px}.equipment-slot.empty{opacity:.55}.hotbar-slot{aspect-ratio:3/4;color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;min-width:34px;padding:4px 2px;display:flex;position:relative}.hotbar-slot.empty{opacity:.55}.hotbar-slot.active{background:#f0d27a1f;border-color:#f0d27a;box-shadow:inset 0 0 0 1px #f0d27a73}.slot-swatch{border:1px solid #00000040;border-radius:4px;width:16px;height:16px}.slot-swatch.empty{background:#ffffff14;border-style:dashed}.slot-swatch.stone{background:#9ca3af}.slot-swatch.dirt{background:#8b5a2b}.slot-swatch.wood{background:#c4a574}.slot-swatch.fiber{background:#7cb342}.slot-swatch.pickaxe,.slot-swatch.hatchet{background:#607d8b}.slot-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.55rem;line-height:1.1;overflow:hidden}.slot-qty{opacity:.95;font-size:.65rem;font-weight:700}.slot-durability{opacity:.7;font-size:.5rem;line-height:1}.slot-swatch.rope,.slot-swatch.resin_torch{background:#a16207}.slot-key{opacity:.55;font-size:.55rem;position:absolute;top:2px;right:3px}#chat{z-index:10;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#0c1218b8;border:1px solid #ffffff24;border-radius:12px;width:min(340px,100vw - 210px);position:fixed;bottom:14px;left:14px;overflow:hidden}#chat-log{height:140px;padding:10px 12px;font-size:.8rem;line-height:1.35;overflow-y:auto}.chat-line{word-break:break-word;margin-bottom:4px}.chat-name{color:#f0d27a;font-weight:600}.chat-body{color:#ffffffeb}#chat-form{border-top:1px solid #ffffff1a;gap:6px;padding:8px;display:flex}#chat-input{color:#fff;background:#00000047;border:1px solid #ffffff2e;border-radius:8px;flex:1;min-width:0;padding:8px 10px;font-size:.8rem}#chat-input::placeholder{color:#ffffff73}#chat-send{color:#fff;cursor:pointer;background:#4f8a2e;border:none;border-radius:8px;padding:0 12px;font-size:.75rem;font-weight:600}#toast{color:#fff;z-index:20;background:#000000bf;border-radius:8px;padding:10px 16px;font-size:.85rem;position:fixed;top:56px;left:50%;transform:translate(-50%)}#overlay{color:#fff;z-index:30;background:#000000a6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#overlay .sub{opacity:.75;margin-top:8px;font-size:.9rem}#help{color:#fff;z-index:25;background:#000000d9;border-radius:10px;min-width:280px;padding:20px 24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#help h2{margin-bottom:10px;font-size:1rem}#help ul{font-size:.85rem;line-height:1.8;list-style:none}#help p{opacity:.75;margin-top:12px;font-size:.8rem}#help .quality-toggle{cursor:pointer;align-items:center;gap:8px;margin-top:8px;font-size:.85rem;display:flex}#minimap{z-index:12;pointer-events:none;width:140px;height:140px;position:fixed;bottom:12px;right:12px}#minimap .minimap-canvas{border-radius:8px;width:140px;height:140px;display:block;box-shadow:0 2px 10px #00000059}#minimap .minimap-north{color:#f8fafc;text-shadow:0 1px 2px #000c;letter-spacing:.04em;font-size:10px;font-weight:700;position:absolute;top:4px;left:50%;transform:translate(-50%)}.player-label{color:#fff;white-space:nowrap;background:#0000008c;border-radius:4px;padding:2px 6px;font-size:11px;transform:translate(-50%,-100%)}.player-label.local{background:#fff3;border:1px solid #ffffff80}.speech-bubble{color:#1a1f24;text-align:center;opacity:0;pointer-events:none;word-break:break-word;background:#fffffff0;border-radius:10px;max-width:180px;padding:6px 10px;font-size:12px;line-height:1.3;transition:opacity .35s;position:relative;transform:translate(-50%,-100%);box-shadow:0 4px 12px #00000040}.speech-bubble.visible{opacity:1}.speech-bubble.fading{opacity:0}.speech-bubble:after{content:"";border:6px solid #0000;border-top-color:#fffffff0;border-bottom:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}#npc-dialogue{z-index:40;background:#0000008c;justify-content:center;align-items:flex-end;padding:24px 16px 110px;display:flex;position:fixed;inset:0}.npc-dialogue-panel{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10161cf0;border:1px solid #ffffff29;border-radius:14px;width:min(420px,100%);padding:16px 18px}.npc-dialogue-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.npc-dialogue-header h2{font-size:1rem;font-weight:600}#npc-dialogue-close{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;font-size:1.4rem;line-height:1}.npc-dialogue-line{opacity:.95;margin-bottom:8px;font-size:.9rem;line-height:1.45}.npc-dialogue-done{color:#fff;cursor:pointer;background:#4f8a2e;border:none;border-radius:8px;margin-top:8px;padding:8px 14px;font-size:.8rem;font-weight:600}#landing,#loading{color:#fff;background:linear-gradient(160deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.boot-loader{text-align:center;letter-spacing:.02em;flex-direction:column;gap:.85rem}.boot-brand{font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:700}.boot-step{opacity:.9;font-size:.95rem}.boot-bar{background:#ffffff26;border-radius:999px;width:min(240px,70vw);height:6px;overflow:hidden}.boot-bar-fill{background:linear-gradient(90deg,#c8a45c,#f0d78c);width:25%;height:100%;transition:width .25s;display:block}.landing-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;width:min(360px,90vw);padding:28px}.landing-card h1{margin-bottom:4px;font-size:1.4rem}.landing-card .tagline{opacity:.7;margin-bottom:20px;font-size:.9rem}.landing-card label{opacity:.85;margin-bottom:6px;font-size:.8rem;display:block}.landing-card input{color:#fff;background:#00000040;border:1px solid #fff3;border-radius:6px;width:100%;margin-bottom:12px;padding:10px 12px;font-size:1rem}.landing-card button{color:#fff;cursor:pointer;background:#e94560;border:none;border-radius:6px;width:100%;margin-bottom:8px;padding:10px;font-size:.95rem}.landing-card button.secondary{background:0 0;border:1px solid #ffffff4d}.landing-card button:disabled{opacity:.6;cursor:not-allowed}.landing-card .error{color:#ff8a8a;margin-bottom:8px;font-size:.85rem}.hidden{display:none!important}#town-board,#suggestion-board,#feedback-board,#history-plaque,#craft-panel,#bank-panel,#vendor-panel,#trade-panel,#trade-invite-panel,#upkeep-panel{z-index:40;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.craft-recipe{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.craft-recipe.locked{opacity:.55}.craft-recipe h3{margin:0 0 4px;font-size:.95rem}.craft-inputs,.craft-req{opacity:.75;margin:0;font-size:.75rem}.craft-btn{color:#fff;cursor:pointer;font:inherit;white-space:nowrap;background:#b4530973;border:1px solid #fff3;border-radius:6px;padding:8px 12px;font-size:.85rem}.craft-btn:disabled{opacity:.45;cursor:not-allowed}.history-line{margin:4px 0;font-size:.85rem;line-height:1.4}.history-kind{text-transform:uppercase;letter-spacing:.04em;opacity:.75;min-width:3.5rem;margin-right:6px;font-size:.7rem;display:inline-block}.history-meta{opacity:.65;font-size:.75rem}.board-tabs{gap:8px;margin-bottom:12px;display:flex}.board-tab{color:#fff;cursor:pointer;font:inherit;background:#ffffff0f;border:1px solid #fff3;border-radius:6px;flex:1;padding:8px 10px;font-size:.85rem}.board-tab.active{background:#e9456073;border-color:#e94560}.board-panel{color:#fff;background:#121826;border:1px solid #ffffff1f;border-radius:12px;width:min(560px,100%);max-height:90vh;padding:20px;overflow-y:auto}.board-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.board-header h2{font-size:1.1rem}.board-cycle{opacity:.75;margin-top:4px;font-size:.8rem}.board-purpose{opacity:.9;color:#d6d3d1;margin:6px 0 2px;font-size:.82rem;line-height:1.35}.history-plaque-panel{background:linear-gradient(165deg,#1c1917 0%,#121826 70%);border-color:#b4530973}.history-plaque-panel .board-purpose{color:#fdba74}#town-board .board-panel{border-color:#c4a57459}#board-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.board-locked{background:#2ecc7126;border:1px solid #2ecc7159;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:.85rem}.board-error{color:#ff8a8a;margin-bottom:10px;font-size:.85rem}.board-form{margin-bottom:16px}.board-form h3,.board-constitution h3{margin-bottom:8px;font-size:.9rem}.board-form input,.board-form textarea,.board-form select{color:#fff;width:100%;font:inherit;background:#00000040;border:1px solid #fff3;border-radius:6px;margin-bottom:8px;padding:8px 10px}.board-form label{margin-bottom:8px;font-size:.85rem;display:block}.board-form button{color:#fff;cursor:pointer;background:#e94560;border:none;border-radius:6px;padding:8px 12px}.board-constitution ul{opacity:.85;margin-bottom:16px;margin-left:18px;font-size:.8rem;line-height:1.5;list-style:outside}.board-list{flex-direction:column;gap:10px;display:flex}.board-empty{opacity:.75;font-size:.85rem}.board-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:12px}.board-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.board-card-header h4{font-size:.95rem}.board-score{font-size:1rem;font-weight:700}.board-author{opacity:.7;margin:4px 0;font-size:.75rem}.board-description{margin-bottom:8px;font-size:.85rem;line-height:1.4}.board-votes{gap:8px;display:flex}.board-votes button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:4px;padding:4px 10px;font-size:.75rem}.board-votes button.active{background:#e9456080;border-color:#e94560}.landing-card .landing-hint{color:#94a3b8;margin:0 0 1rem;font-size:.9rem;line-height:1.45}.landing-card .landing-hint a{color:#a5b4fc}.landing-card .landing-primary{color:#fff;text-align:center;box-sizing:border-box;cursor:pointer;background:#e94560;border:none;border-radius:8px;width:100%;margin-top:8px;padding:12px 16px;font-size:.95rem;font-weight:600;text-decoration:none;display:block}.landing-card .landing-primary.disabled{opacity:.6;pointer-events:none}.landing-card .landing-secondary-link{text-align:center;color:#94a3b8;margin-top:14px;font-size:.85rem;text-decoration:none;display:block}.landing-card .landing-secondary-link:hover{color:#e2e8f0;text-decoration:underline}#overlay a{color:#a5b4fc}.bank-columns{grid-template-columns:1.2fr .8fr;gap:16px;margin-bottom:12px;display:grid}.bank-col-title{opacity:.85;margin:0 0 8px;font-size:.85rem}.bank-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-height:50vh;display:grid;overflow-y:auto}.bank-inv-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bank-slot{color:#fff;min-height:54px;font:inherit;text-align:left;cursor:default;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;flex-direction:column;gap:2px;padding:6px;font-size:.7rem;display:flex}.bank-slot.filled{cursor:pointer;background:#0f766e47;border-color:#2dd4bf59}.bank-slot.empty{opacity:.35}.bank-item{font-weight:600;line-height:1.2}.bank-qty,.bank-dur{opacity:.75}.vendor-blurb{opacity:.8;margin:0 0 12px;font-size:.85rem;line-height:1.4}.vendor-row{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.vendor-row h3{text-transform:capitalize;margin:0 0 4px;font-size:.95rem}.vendor-price{opacity:.75;margin:0;font-size:.75rem}.vendor-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@media (width<=720px){.bank-columns,.trade-columns{grid-template-columns:1fr}}.trade-panel-inner,.trade-invite-inner{width:min(720px,100%);max-height:90vh;overflow-y:auto}.trade-columns{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px;display:grid}.trade-offer{background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;min-height:120px;padding:10px}.trade-flags{opacity:.7;text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;font-size:.75rem}.trade-gold-line{margin:0 0 8px;font-size:.85rem}.trade-item{border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:8px;padding:4px 0;font-size:.8rem;display:flex}.trade-gold-row{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;font-size:.85rem;display:flex}.trade-gold-row input{color:#fff;width:88px;font:inherit;background:#00000059;border:1px solid #fff3;border-radius:6px;padding:6px 8px}.trade-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.upkeep-panel-inner{width:min(520px,100%);max-height:90vh;overflow-y:auto}.upkeep-badge{color:#99f6e4;background:#0e749059;border-radius:6px;margin:0 0 12px;padding:8px 10px;font-size:.85rem}.upkeep-bars{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.upkeep-bar-label{text-transform:capitalize;justify-content:space-between;margin-bottom:4px;font-size:.8rem;display:flex}.upkeep-bar-track{background:#ffffff14;border-radius:999px;height:10px;overflow:hidden}.upkeep-bar-fill{border-radius:999px;height:100%}.upkeep-wood{background:#a16207}.upkeep-stone{background:#78716c}.upkeep-fiber{background:#65a30d}.upkeep-actions{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.upkeep-actions button{font:inherit;color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:6px;padding:6px 10px;font-size:.8rem}#siege-panel{z-index:40;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#siege-panel.hidden{display:none}.siege-panel-inner{width:min(420px,92vw);max-height:80vh;overflow:auto}.siege-token-badge{color:#fdba74;background:#9a341259;border:1px solid #fb923c73;border-radius:6px;margin:0 0 10px;padding:6px 10px;font-size:.85rem}.siege-blurb{color:#ffffffbf;margin:0 0 12px;font-size:.9rem;line-height:1.4}.siege-actions,.siege-limbs{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.siege-actions button,.siege-limbs button,.siege-body>button{font:inherit;color:#fff;cursor:pointer;text-align:left;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:6px;padding:8px 12px;font-size:.85rem}.siege-actions button:disabled,.siege-limbs button:disabled,.siege-body>button:disabled{opacity:.45;cursor:not-allowed}.siege-have{opacity:.65;font-size:.8rem}.siege-limb-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.siege-limb-meta{flex-direction:column;gap:2px;font-size:.85rem;display:flex}.siege-boss-bar{margin-bottom:12px}.siege-bar-label{justify-content:space-between;margin-bottom:4px;font-size:.8rem;display:flex}.siege-bar-track{background:#ffffff1a;border-radius:999px;height:10px;overflow:hidden}.siege-bar-fill{background:#c2410c;border-radius:999px;height:100%}#museum-panel{z-index:40;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#museum-panel.hidden{display:none}.museum-panel-inner{max-width:560px;max-height:80vh;overflow:auto}.museum-body{flex-direction:column;gap:.75rem;display:flex}.museum-blurb{opacity:.9;margin:0;font-size:.9rem}.museum-corruption{flex-direction:column;gap:.4rem;display:flex}.museum-corruption input[type=range]{width:100%}.museum-exhibits{flex-direction:column;gap:.6rem;display:flex}.museum-exhibit-row{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.museum-exhibit-meta{flex-direction:column;gap:.2rem;min-width:0;display:flex}.museum-chronicle{opacity:.85;white-space:pre-wrap;margin:0;font-size:.85rem}.museum-actions{flex-wrap:wrap;gap:.5rem;display:flex}.museum-actions button,.museum-exhibit-row button{cursor:pointer}.museum-boss-bar{margin-bottom:12px}.museum-bar-label{justify-content:space-between;margin-bottom:4px;font-size:.8rem;display:flex}.museum-bar-track{background:#ffffff1a;border-radius:999px;height:10px;overflow:hidden}.museum-bar-fill{background:#57534e;border-radius:999px;height:100%}.museum-outcome{margin:0;font-size:.9rem}