*{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;min-width:168px;padding:10px;position:fixed;bottom:14px;right:14px}.inventory-label{letter-spacing:.04em;text-transform:uppercase;opacity:.7;margin-bottom:8px;font-size:.7rem}#hotbar{gap:8px;display:flex}.hotbar-slot{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:56px;height:64px;padding:6px 4px 4px;display:flex;position:relative}.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:22px;height:22px}.slot-swatch.stone{background:#9ca3af}.slot-swatch.dirt{background:#8b5a2b}.slot-swatch.wood{background:#c4a574}.slot-name{opacity:.9;font-size:.65rem}.slot-key{opacity:.55;font-size:.6rem;position:absolute;top:3px;right:5px}#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}.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}.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{z-index:40;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.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-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}