*{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}#bag-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;display:grid}#hotbar{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-bottom:8px;display:grid}.hotbar-cell{aspect-ratio:1;color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;justify-content:center;align-items:center;width:100%;min-width:34px;display:flex;position:relative}.hotbar-cell.empty{opacity:.5}.hotbar-cell.active{background:#f0d27a1f;border-color:#f0d27a;box-shadow:inset 0 0 0 1px #f0d27a73}.hotbar-cell-icon{letter-spacing:.04em;font-size:.7rem;font-weight:700}.hotbar-cell-qty{opacity:.9;font-size:.55rem;font-weight:700;position:absolute;bottom:2px;right:4px}#hud-vitals{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#0c12188c;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex;position:fixed;top:56px;left:14px}.vitals-portrait{width:44px;height:44px;position:relative}.momentum-arc{width:44px;height:44px;transform:rotate(-90deg)}.momentum-arc-track,.momentum-arc-fill{fill:none;stroke-width:4px}.momentum-arc-track{stroke:#ffffff24}.momentum-arc-fill{stroke:#f0d27a;stroke-linecap:round;stroke-dasharray:0 999;transition:stroke-dasharray .25s}.portrait-dot{background:radial-gradient(circle at 35% 30%,#cfe6d8,#4f8a2e);border:1px solid #ffffff59;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vitals-bars{flex-direction:column;gap:4px;display:flex}.stamina-bar{background:#ffffff1f;border:1px solid #ffffff24;border-radius:999px;width:120px;height:8px;overflow:hidden}.stamina-fill{background:linear-gradient(90deg,#4f8a2e,#8bc34a);border-radius:999px;width:100%;height:100%;transition:width .25s}.stamina-fill.low{background:linear-gradient(90deg,#b91c1c,#ef4444)}.health-bar{background:#ffffff1f;border:1px solid #ffffff24;border-radius:999px;width:120px;height:8px;overflow:hidden}.health-fill{background:linear-gradient(90deg,#b91c1c,#f87171);border-radius:999px;width:100%;height:100%;transition:width .25s}.health-fill.low{background:linear-gradient(90deg,#7f1d1d,#dc2626);animation:1.2s ease-in-out infinite health-pulse}@keyframes health-pulse{0%,to{opacity:1}50%{opacity:.55}}.battered-badge{letter-spacing:.03em;color:#fecaca;text-transform:uppercase;background:#7f1d1dbf;border:1px solid #f8717199;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.battered-badge.hidden{display:none}#stalked-vignette{z-index:40;pointer-events:none;opacity:0;transition:opacity .3s;position:fixed;inset:0;box-shadow:inset 0 0 120px 40px #be123c8c}#stalked-vignette.active{opacity:1}#stalked-vignette.hidden{display:none}#death-screen{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080406db;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#death-screen.hidden{display:none}.death-panel{text-align:center;background:#140c0eeb;border:1px solid #f8717159;border-radius:14px;max-width:420px;padding:28px 32px}.death-panel h1{color:#f87171;letter-spacing:.02em;margin:0 0 12px;font-size:32px}.death-message{color:#e7e5e4;margin:0 0 10px;font-size:15px;line-height:1.5}.death-coords{color:#a8a29e;margin:0 0 6px;font-size:13px}.death-battered{color:#fca5a5;margin:0 0 18px;font-size:13px;font-weight:600}#death-dismiss{color:#fee2e2;cursor:pointer;background:#7f1d1d99;border:1px solid #f8717180;border-radius:999px;padding:8px 22px;font-size:14px}#death-dismiss:hover{background:#991b1bcc}#swing-meter{z-index:15;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#0c1218b8;border:1px solid #ffffff24;border-radius:12px;width:min(320px,70vw);padding:10px 12px;transition:box-shadow .15s,border-color .15s;position:fixed;bottom:190px;left:50%;transform:translate(-50%)}#swing-meter.sweet{border-color:#f0d27a;box-shadow:0 0 18px #f0d27a8c}#swing-meter.miss{border-color:#ef4444b3;box-shadow:0 0 14px #ef444466}.swing-track{background:#ffffff1a;border-radius:999px;height:12px;position:relative;overflow:hidden}.swing-sweet{background:#f0d27a73;border-left:1px solid #f0d27acc;width:20%;height:100%;position:absolute;top:0;right:0}.swing-marker{background:#fff;border-radius:2px;width:4px;height:16px;position:absolute;top:-2px;left:0;box-shadow:0 0 6px #fffc}@keyframes swing-sweep{0%{left:0}to{left:calc(100% - 4px)}}.swing-hint{color:#ffffffbf;text-align:center;margin-top:6px;font-size:.7rem}#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-scope{color:#fff;background:#00000047;border:1px solid #ffffff2e;border-radius:8px;max-width:5.5rem;padding:6px 8px;font-size:.75rem}.chat-scope-tag{opacity:.65;text-transform:uppercase;margin-right:4px;font-size:.7rem}#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%)}#minimap .minimap-pin-btn{pointer-events:auto;color:#f8fafc;font:inherit;cursor:pointer;white-space:nowrap;background:#0c1218e0;border:1px solid #ffffff40;border-radius:4px;padding:3px 8px;font-size:.7rem;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}#minimap .minimap-pin-btn:hover{background:#1e293bf2}.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,#market-panel,#needs-panel,#muster-panel,#scout-panel,#waystation-panel,#appearance-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}.market-panel-inner{width:min(860px,100%);max-height:90vh;overflow-y:auto}.market-layout{grid-template-columns:1.2fr 1fr;gap:16px;display:grid}@media (width<=720px){.market-layout{grid-template-columns:1fr}}.market-filter-row,.market-post-form{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.market-filter-row input,.market-post-form input,.market-post-form select{color:#fff;font:inherit;background:#00000047;border:1px solid #ffffff2e;border-radius:6px;padding:6px 8px;font-size:.85rem}.market-sparkline{min-height:52px;margin-bottom:10px}.market-spark-label{opacity:.75;margin:0 0 4px;font-size:.75rem}.market-item-link{color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.market-item-link:hover{text-decoration:underline}.bank-slot.selected{outline:2px solid #fbbf24cc}.ping-marker{color:#fef3c7;white-space:nowrap;pointer-events:none;background:#0f172ad9;border:1px solid #fbbf2480;border-radius:4px;padding:4px 8px;font-size:.75rem;transition:opacity .3s}.ping-marker.fading{opacity:.35}.ping-marker.ping-danger{color:#fecaca;border-color:#ef444499}#ping-wheel{z-index:45;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#ping-wheel.hidden{display:none}.ping-wheel-inner{background:#14181cf2;border:1px solid #ffffff1f;border-radius:10px;min-width:240px;padding:16px 18px}.ping-wheel-title{margin:0 0 10px;font-size:1rem}.ping-wheel-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ping-wheel-buttons button{color:#fff;cursor:pointer;font:inherit;background:#b4530966;border:1px solid #fff3;border-radius:6px;padding:10px 12px;font-size:.85rem}.ping-wheel-hint{opacity:.65;margin:10px 0 0;font-size:.75rem}.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}#pulse-panel{z-index:25;color:#e2e8f0;pointer-events:none;background:#0f172ac7;border:1px solid #94a3b859;min-width:148px;max-width:200px;padding:10px 12px;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:.78rem;line-height:1.35;position:fixed;top:72px;right:12px}#party-hud{z-index:25;color:#e2e8f0;pointer-events:auto;background:#0f172ad1;border:1px solid #94a3b859;min-width:168px;max-width:240px;max-height:min(52vh,420px);padding:10px 12px;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:.78rem;line-height:1.35;position:fixed;bottom:88px;left:12px;overflow:auto}.party-hud-body .party-hud-row{flex-wrap:wrap;gap:4px;margin:6px 0 0;display:flex}.party-hud-body input,.party-hud-body select{color:#e2e8f0;background:#0f172ae6;border:1px solid #94a3b859;flex:72px;min-width:0;padding:3px 5px;font-size:.72rem}.party-hud-btn{color:#e2e8f0;cursor:pointer;background:#334155d9;border:1px solid #94a3b866;padding:3px 7px;font-size:.7rem}.party-members,.party-muted,.party-invite,.party-inspect{word-break:break-word;margin:2px 0 0}.party-section{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;margin:10px 0 4px;font-size:.72rem}.muster-post-form{gap:8px;margin-top:12px;display:grid}.muster-post-form label{gap:4px;font-size:.8rem;display:grid}.muster-post-form input{color:#fff;background:#00000059;border:1px solid #ffffff26;border-radius:6px;padding:6px 8px}.pulse-title{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin:0 0 6px;font-size:.72rem}.pulse-body p{margin:0 0 3px}.pulse-label{color:#64748b;min-width:42px;display:inline-block}.pulse-flags{color:#fbbf24;margin-top:6px!important}#onboarding-banner{z-index:30;color:#ecfdf5;text-align:center;background:#0f766eeb;border:1px solid #99f6e473;max-width:min(420px,100vw - 24px);padding:10px 16px;font-family:IBM Plex Sans,Segoe UI,sans-serif;position:fixed;top:12px;left:50%;transform:translate(-50%)}.onboarding-title{margin:0;font-size:.92rem;font-weight:600}.onboarding-hint{opacity:.9;margin:4px 0 0;font-size:.8rem}.needs-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.waystation-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.appearance-form{flex-direction:column;gap:10px;padding:4px 0 0;display:flex}.appearance-form label{flex-direction:column;gap:4px;font-size:.8rem;display:flex}.appearance-form select{font:inherit;color:#f8fafc;background:#00000059;border:1px solid #fff3;border-radius:6px;padding:6px 8px}#dye-hud{z-index:14;background:#0f172ac7;border:1px solid #94a3b859;border-radius:8px;max-width:220px;padding:8px 10px;position:fixed;bottom:12px;left:12px}#dye-hud .pulse-title{letter-spacing:.04em;text-transform:uppercase;opacity:.85;margin:0 0 6px;font-size:.75rem}#dye-hud .party-hud-row{gap:4px;margin:0;display:flex}#dye-hud input{width:4.5rem;font:inherit;color:#f8fafc;background:#00000059;border:1px solid #fff3;border-radius:4px;padding:4px 6px;font-size:.75rem}#ability-bar{z-index:14;gap:6px;display:flex;position:fixed;bottom:88px;left:50%;transform:translate(-50%)}#ability-bar button{color:#f8fafc;font:inherit;cursor:pointer;background:#0c1218d9;border:1px solid #ffffff38;border-radius:6px;padding:6px 10px;font-size:.75rem}#ability-bar button:disabled{opacity:.4;cursor:not-allowed}#ability-bar .ability-hint{opacity:.7;color:#e2e8f0;align-self:center;font-size:.65rem}@media (width<=720px){#pulse-panel{min-width:120px;inset:auto 8px 88px auto}#party-hud{max-width:min(240px,100vw - 16px);max-height:40vh;bottom:88px;left:8px;right:auto}#dye-hud{bottom:160px;left:8px}#ability-bar{bottom:120px}}