.seat-choice .team-choice{grid-column:1/-1}.team-setup-hint{margin:10px 0 0;color:var(--muted);font-size:12px}.player-identity{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.player-name .team-status{font-size:9px;color:var(--muted);white-space:nowrap}#room-lobby{width:min(680px,94vw)}#room-close{font-size:22px;line-height:1;min-width:40px;min-height:40px}#room-share-code{font-size:23px;font-weight:700;letter-spacing:4px;width:180px}#room-invite{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:10px 0 4px}#room-invite-copy{min-height:38px;padding:7px 12px}#room-invite-copy:disabled{opacity:.5;cursor:default}#room-invite-feedback{font-size:11px;color:var(--paper)}#room-invite-fallback{width:100%;font-size:11px}#room-invite-fallback[hidden]{display:none}#room-invite-link{width:100%;max-width:100%;font-size:12px;letter-spacing:0}#invite-notice{color:var(--paper);margin:12px 0;min-height:22px}#invite-notice[hidden],#invite-new-game{display:none}#lobby.invite-flow{width:min(520px,94vw)}#lobby.invite-flow .form-grid,#lobby.invite-flow #faction-options,#lobby.invite-flow .map-size-choice,#lobby.invite-flow .map-choice,#lobby.invite-flow .modal-bottom{display:none}#lobby.invite-flow #network-settings{border:0;padding:0;margin:12px 0}#lobby.invite-flow #network-settings summary,#lobby.invite-flow #network-settings>label,#lobby.invite-flow #network-settings>p{display:none}#lobby.invite-flow #network-settings .join-row{margin-top:0}#lobby.invite-flow #network-settings .join-row input{flex:1;width:auto}#lobby.invite-flow #invite-new-game{display:block;margin-top:12px;padding:8px 12px;font-size:12px}#lobby.invite-flow #lobby-error{display:none}#room-players{padding:0;margin:18px 0;list-style:none;display:grid;gap:8px}#room-players li{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:7px;background:var(--surface-inset);font-size:12px}.room-color{width:12px;height:24px;border-radius:3px}#room-players strong{font-size:11px;color:var(--muted)}#room-players [data-ready=true] strong{color:var(--gold)}#room-feedback{min-height:22px;color:var(--paper)}.room-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}.room-actions button{min-height:44px}#room-ready[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}#room-lobby button:focus-visible,.team-choice select:focus-visible,#room-share-code:focus-visible,#room-invite-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:520px){#room-players li{grid-template-columns:12px 1fr}#room-players strong{grid-column:2}.room-actions button{flex:1}}.map-import-info{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:13px;line-height:1.5}.map-import-info[hidden]{display:none}.map-import-info p{margin:0 0 10px}.map-import-info button{min-height:44px}.map-import-info small{display:block;margin-top:8px;line-height:1.5;color:var(--paper)}.map-import-info small:empty{display:none}.map-import-info details{margin-top:10px}.map-import-info summary{cursor:pointer;min-height:28px;color:var(--paper)}.map-import-info details p{margin:8px 0 0;color:var(--muted);font-size:12px}.save-export{width:min(44rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);padding:1.25rem;border:1px solid #786b4e;border-radius:12px;background:#15231f;color:#f3ead1;box-shadow:0 20px 60px #000a}.save-export::backdrop{background:#000a}.save-export form{display:grid;gap:.8rem}.save-export-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.save-export h2,.save-export p{margin:0}.save-export h2{font-size:1.2rem}.save-export-name{overflow-wrap:anywhere;color:#d6c898}.save-export-actions{display:flex;flex-wrap:wrap;gap:.55rem}.save-export button{border:1px solid #8c876b;border-radius:7px;padding:.55rem .85rem;background:#29433a;color:#f5efd9;cursor:pointer}.save-export button:hover,.save-export button:focus-visible{background:#365749;outline:2px solid #e4cc78;outline-offset:2px}.save-export button:disabled{opacity:.6;cursor:wait}.save-export .save-export-close{font-size:1.3rem;line-height:1;padding:.3rem .6rem}.save-export label{font-weight:600}.save-export textarea{box-sizing:border-box;width:100%;height:min(11rem,28vh);resize:vertical;border:1px solid #8c876b;border-radius:7px;padding:.65rem;background:#0d1715;color:#f5efd9;font:12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.save-export textarea:focus-visible{outline:2px solid #e4cc78;outline-offset:2px}.save-export-status{min-height:1.25em}:root{font-family:Segoe UI,system-ui,sans-serif;font-synthesis:none;color-scheme:dark;--canvas:#1d1916;--surface:#302721;--surface-raised:#3a3028;--surface-inset:#241e1a;--field:#211c18;--ink:#241b13;--gold:#e0b875;--paper:#f3e6d0;--muted:#c6b7a2;--border:rgba(211,174,119,.28);--focus:#ffce80;color:var(--paper);background:var(--canvas);accent-color:var(--gold)}.work-area-control{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:6px 0;font-size:10px;color:var(--muted)}.work-area-control button{display:flex;align-items:center;gap:6px;padding:6px 8px;font-size:11px;color:var(--paper)}.work-area-control button[aria-pressed=true]{background:#bd9d5350;border-color:var(--gold)}.work-area-control svg{width:15px;height:15px}.audio-levels{display:grid;gap:12px;margin-top:24px}.audio-levels label{display:flex;justify-content:space-between;font-size:13px}.audio-levels input{width:100%;accent-color:var(--gold)}#audio-dialog{max-width:440px}#audio-settings{font-size:22px}.construction-crew{color:var(--gold);font-size:11px;margin:7px 0}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--border);border-radius:7px;color:inherit;background:#fff2d00f;transition:background .16s,transform .16s}button:hover{background:#eece8f2e}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px}button svg{width:19px;height:19px;flex-shrink:0}button:disabled{opacity:.4;cursor:not-allowed}svg{width:22px;height:22px;vertical-align:middle}button[hidden],[hidden]{display:none!important}.topbar{height:72px;background:#241e1af5;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #eddda833;position:relative;z-index:4;box-shadow:0 2px 18px #120e0b55}.brand{display:flex;gap:12px;align-items:center;color:#efd699;letter-spacing:3px;font-family:Georgia,serif;font-weight:700;font-size:21px}.brand>svg{width:36px;height:36px}.brand small{display:block;font-family:Segoe UI,sans-serif;font-size:10px;font-weight:400;letter-spacing:2.2px;text-transform:uppercase;margin-top:3px;color:#d5cfb8}.match-status{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.live-dot{width:5px;height:5px;border-radius:50%;background:#bbd68d;box-shadow:0 0 10px #bbd68d55}.version{margin-left:13px;font-size:9px;letter-spacing:1px;border:1px solid var(--border);padding:4px 6px;border-radius:4px;color:var(--muted)}nav{display:flex;gap:8px}nav button{height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;gap:8px}#new-game{padding:0 12px;font-size:12px}#world{position:relative;height:calc(100dvh - 100px);overflow:hidden}#scene{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}footer{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:var(--canvas);color:var(--muted);font-size:10px;letter-spacing:.2px}footer b{margin:0 8px;color:var(--muted)}#panes{position:absolute;inset:0;pointer-events:none}.player-pane{position:absolute;border:1px solid #17120e66;pointer-events:none}.player-pane.active{border-color:#efd69940}.player-top{position:absolute;left:20px;top:18px;display:flex;gap:10px;align-items:center;max-width:calc(100% - 40px);flex-wrap:wrap}.player-name{display:flex;align-items:center;gap:8px;padding:0 10px 0 0;height:38px;background:#302721f5;pointer-events:auto;font-size:12px;box-shadow:0 3px 9px #120e0b55;white-space:nowrap}.player-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:4px;margin-left:4px;background:var(--player-color);color:#fff8dc;font-family:Georgia,serif;font-weight:700;font-size:15px}.player-name small{font-size:9px;color:#e4c991}.resources{display:flex;align-items:center;height:38px;background:#302721f5;border:1px solid #f2dfa42e;border-radius:7px;padding:0 5px;box-shadow:0 3px 9px #120e0b55}.resource{display:flex;align-items:center;gap:5px;padding:0 9px;border-right:1px solid var(--border);font-size:12px;min-width:46px}.resource:last-child{border:0}.resource svg{width:18px;height:18px;color:#dfc188}.resource strong{font-weight:500;font-variant-numeric:tabular-nums}#unit-selection-box{position:absolute;z-index:3;pointer-events:none;border:1px solid #f2d38d;background:#eed18b24;box-shadow:0 0 0 1px #241e1a99 inset}.unit-selection>div{display:flex;flex:1;flex-direction:column;gap:7px}.unit-selection #clear-specialist{border:0;background:transparent}.unit-selection #clear-specialist svg{width:15px;height:15px}#overview{position:absolute;right:22px;bottom:20px;width:182px;background:#302721f5;border:1px solid #e2ca8e55;border-radius:9px;padding:10px;box-shadow:0 6px 25px #120e0b66}.overview-title{font-size:9px;letter-spacing:1.1px;display:flex;justify-content:space-between;margin-bottom:8px;color:#e8d9b4}.overview-title #clock{letter-spacing:0;color:var(--muted);flex-shrink:0;margin-left:8px}#overview-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}#minimap{width:160px;height:120px;border:1px solid #cab98755;border-radius:3px;cursor:crosshair;display:block}.zoom-controls{display:flex;justify-content:space-between;gap:7px;margin-top:8px}.zoom-controls button{height:25px;flex:1}.zoom-controls svg{width:15px;height:15px}#overview.compact{width:125px;right:12px;bottom:12px;padding:7px;opacity:.9}#overview.compact #minimap{width:109px;height:78px}#overview.compact .overview-title{font-size:8px}#overview.compact .overview-title #clock{display:none}#wave-panel{position:absolute;right:22px;top:18px;display:flex;align-items:center;gap:10px;background:#302721f5;padding:10px 12px;border:1px solid #e7d0933b;border-radius:8px;box-shadow:0 3px 9px #120e0b55}#wave-panel>svg{color:#e6c783;width:27px;height:27px}#wave-panel>div{display:flex;flex-direction:column;gap:3px;min-width:100px}#wave-title{font-size:10px;color:var(--muted)}#wave-time{font-family:Georgia,serif;letter-spacing:1px;color:#f5dfb1;font-size:21px;font-variant-numeric:tabular-nums}#wave-panel button{width:31px;height:32px;margin-left:5px}#objective{position:absolute;top:87px;left:22px;background:linear-gradient(115deg,#352b24f5,#302721eb);padding:18px 38px 17px 19px;border-left:2px solid #dcb876;border-radius:0 7px 7px 0;box-shadow:0 6px 20px #120e0b55;max-width:360px;pointer-events:auto}#objective strong{font-family:Georgia,serif;font-size:17px;font-weight:400;display:block;margin-top:8px}#objective p{font-size:11px;color:var(--muted);line-height:1.8;margin:8px 0 0}#objective-close{position:absolute;top:8px;right:7px;border:0;background:none}#objective-close svg{width:12px;height:12px}#objective.split{display:none}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#dcbc7e;display:block;font-weight:600}#dock{position:absolute;z-index:2;background:#302721f7;border:1px solid #f1d7964a;border-radius:9px;box-shadow:0 7px 30px #120e0b80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.dock-tabs{display:flex;align-items:center;gap:4px;padding:7px 10px;border-bottom:1px solid var(--border)}.dock-tabs button{font-size:11px;border:0;padding:7px 13px;background:transparent;color:var(--muted)}.dock-tabs button.chosen{background:#e4c4891c;color:#f0d69d}.dock-player{font-size:9px;letter-spacing:1.4px;padding:0 8px 0 1px;font-weight:700}.settler-count{margin-left:auto;display:flex;gap:6px;align-items:center;color:var(--muted);font-size:11px}.settler-count svg{height:15px;width:15px}.build-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:10px 12px 7px}.build-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 3px 7px;background:linear-gradient(#f3dcaa10,#d6c99405);border-color:#d4ca9826;position:relative;min-height:88px}.build-card.selected{border-color:#edc677;background:#e3c18b25;box-shadow:inset 0 0 0 1px #e9c78033}.building-icon{color:#ddc393;display:flex;align-items:center;justify-content:center;height:27px}.building-icon svg{width:27px;height:27px;stroke-width:1.2}.build-card strong{font-size:11px;font-weight:500}.build-card small{display:flex;gap:8px;font-size:10px;color:var(--muted)}.build-card small span{display:flex;gap:3px;align-items:center}.build-card small svg{height:12px;width:12px;color:#c1b68d}.shortage{color:#f0a789!important}.dock-note{font-size:9px;line-height:1.5;color:var(--muted);padding:2px 13px 9px}.selection{display:flex;align-items:center;gap:15px;padding:20px 16px;min-height:102px}.selection-icon{color:#e7c789}.selection-icon svg{width:40px;height:40px}.selection>div:nth-child(2){display:flex;flex:1;flex-direction:column;gap:7px}.selection strong{font-family:Georgia,serif;font-size:19px;font-weight:400}.selection span{font-size:11px;color:var(--muted)}.selection button{padding:8px;font-size:11px}.selection #clear-selection{border:none;background:transparent}.selection #clear-selection svg{width:15px;height:15px}#toast{position:absolute;left:50%;top:25%;transform:translate(-50%,-10px);padding:12px 20px;background:#302721fa;border:1px solid #e4bd7b66;border-radius:6px;color:#f7e7c1;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:15;max-width:85%;text-align:center}#toast.visible{opacity:1;transform:translate(-50%)}dialog{color:#efdfbe;background:linear-gradient(145deg,#3a3028,#29221d);border:1px solid #ccb77d77;border-radius:14px;padding:27px 30px 28px;width:min(610px,94vw);max-height:90dvh;box-shadow:0 30px 100px #100b08b8}dialog::backdrop{background:#140f0c99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}h1{font-family:Georgia,serif;font-weight:400;font-size:34px;letter-spacing:-.6px;margin:16px 0 6px}h3{font-weight:500;font-size:14px;color:#f1d79e;margin:20px 0 9px}p{font-size:13px;line-height:1.8}.muted{color:var(--muted)}.small{font-size:11px}.modal-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.close-dialog{border:0;background:none;padding:2px;display:flex}.close-dialog svg{height:18px;width:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}label{font-size:11px;color:var(--paper);display:flex;flex-direction:column;gap:8px}select,input{min-height:38px;border-radius:5px;border:1px solid #9d805766;background:var(--field);color:#f0e4ca;padding:8px 10px;outline:none;font-size:12px}select option{background:var(--canvas)}.map-choice{border:1px solid #e5cd9638;background:#ecdfb009;border-radius:8px;padding:13px;margin:8px 0 19px}.map-choice>div{display:flex;gap:12px;align-items:center;margin-bottom:11px}.map-choice>div>svg{color:#d7bd84;flex-shrink:0}.map-choice strong{font-weight:500;font-size:13px;display:block}.map-choice small{color:var(--muted);font-size:10px;line-height:1.6;display:block;margin-top:3px}.map-choice button{font-size:10px;padding:7px 10px}details{border-top:1px solid var(--border);padding-top:13px}summary{font-size:12px;cursor:pointer;color:#e3ce9b;padding:4px 0}details label{margin-top:15px}.check{flex-direction:row;align-items:center}.check input{min-height:0;accent-color:#dcb77a}.join-row{display:flex;gap:10px;margin-top:10px}.join-row input{width:130px;text-transform:uppercase}.join-row button{padding:6px 17px;font-size:11px}.modal-bottom{display:flex;justify-content:space-between;margin-top:20px;gap:10px}.modal-bottom button{padding:10px 14px;font-size:12px}.primary{background:#dbc087;color:var(--ink);border:1px solid #f0d69c;font-weight:600}.primary:hover{background:#ecd399}.primary span{margin-left:20px}.form-error{color:#f2ae8f;min-height:14px;margin:8px 0;font-size:11px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.help-grid p{font-size:12px;line-height:2;color:var(--muted)}.fatal{max-width:600px;margin:20vh auto;padding:25px}.pad-cursor{position:absolute;font-size:24px;color:#ffe9a7;transform:translate(-50%,-50%);text-shadow:0 1px 3px #000;pointer-events:none}@media(max-width:1000px){.match-status{display:none}.topbar{padding:0 16px}.resource{padding:0 6px;gap:4px;font-size:11px}.resources{height:33px}.player-name{height:33px;font-size:11px}.player-top{gap:6px;left:13px;top:13px}.player-mark{height:23px;width:23px}.resource svg{height:15px;width:15px}#overview{right:14px;width:145px;padding:8px}#minimap{width:127px;height:95px}.dock-tabs button{padding:7px;font-size:10px}.dock-player{font-size:8px;padding-right:3px}.build-cards{gap:4px;padding:8px}.build-card strong{font-size:10px}.build-card{padding:8px 2px 6px;min-height:80px}.dock-note{font-size:8px}.selection{gap:7px;padding:13px 10px}.selection strong{font-size:16px}#objective{max-width:320px}}@media(max-width:700px){.brand{font-size:17px;letter-spacing:2px}.brand small{font-size:8px;letter-spacing:1px}.brand>svg{width:25px}nav{gap:4px}#new-game span{display:none}#new-game{padding:0;width:34px}.topbar{height:58px;padding:0 10px}#world{height:calc(100dvh - 80px)}footer{height:22px;font-size:8px;padding:0 9px}footer b{margin:0 3px}#wave-panel{top:59px;right:12px;padding:7px;gap:7px}#wave-panel>div{min-width:80px}#wave-title{font-size:9px}#wave-time{font-size:17px}#wave-panel>svg{width:20px}#objective{display:none}#overview{bottom:203px;width:113px;right:12px;padding:6px}#minimap{width:99px;height:75px}.overview-title{font-size:7px}.overview-title #clock{display:none}.player-top{left:8px;top:10px;gap:5px;max-width:calc(100% - 16px)}.resource{padding:0 6px;min-width:0}.resource svg{width:12px;height:12px}.player-name{font-size:10px}.resources{height:30px}.player-mark{width:21px;height:21px}.player-name{height:30px}.player-name small{font-size:8px}dialog{padding:20px}.form-grid{gap:12px}h1{font-size:28px}.help-grid{grid-template-columns:1fr;gap:0}.build-card small{gap:4px}.dock-player,.settler-count,#performance{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.inventory-overview{position:relative;pointer-events:auto}.inventory-overview>summary{height:38px;display:flex;align-items:center;list-style:none;border:1px solid #f2dfa42e;border-radius:7px;background:#302721f5;padding:0 10px;font-size:11px;color:#ead39f;white-space:nowrap}.inventory-overview>summary::-webkit-details-marker{display:none}.inventory-overview>summary:after{content:"⌄";margin-left:8px}.inventory-overview[open]>summary:after{content:"⌃"}.inventory-grid{position:absolute;z-index:8;top:calc(100% + 6px);left:0;width:min(420px,calc(100vw - 24px));max-height:min(58dvh,430px);overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:9px;background:#302721fa;border:1px solid #e7d09366;border-radius:8px;box-shadow:0 8px 24px #120e0b8c}.inventory-item{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:5px;min-width:0;padding:5px 4px;border-radius:4px;background:#ffffff08;font-size:10px;color:var(--paper)}.inventory-item svg{width:16px;height:16px;color:#dfc188}.inventory-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-item strong{font-variant-numeric:tabular-nums;font-weight:500;color:#fff0c5}.dock-toolbar{flex-shrink:0;display:flex;justify-content:flex-end;align-items:center;gap:5px;padding:5px 7px 0;position:relative;z-index:2}.dock-toolbar button{flex:none;width:29px;height:29px;padding:0;line-height:1;font-size:18px;background:#e4c48912;color:#efdaa8}.dock-content{max-height:min(40dvh,360px);overflow:auto;overscroll-behavior:contain}.dock-content .dock-tabs{overflow-x:auto;scrollbar-width:thin}#dock.collapsed .dock-content,#dock.collapsed .dock-tabs{display:none}#dock.sidebar{display:flex;flex-direction:column}#dock.sidebar .dock-content{flex:1;min-height:0;max-height:100%}#dock.sidebar .dock-tabs{flex-wrap:wrap;flex-shrink:0}#dock.sidebar .dock-player{width:100%;padding:3px}#dock.sidebar .dock-tabs .settler-count{margin-left:4px}#dock.sidebar .build-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#dock.sidebar .selection{flex-wrap:wrap}#dock.sidebar .selection>div:nth-child(2){min-width:130px}#dock.sidebar .dock-note{flex:none}@media(max-width:700px){.inventory-overview>summary{height:30px;padding:0 7px;font-size:9px}.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:42dvh}.dock-content{max-height:34dvh}#dock.sidebar{width:min(88vw,330px)!important;max-height:calc(100% - 36px)!important}#dock.sidebar .dock-content{max-height:100%}}#building-hover{position:absolute;z-index:5;pointer-events:none;padding:8px 11px;border:1px solid #efcf88;background:#302721f5;color:#fff0c5;border-radius:6px;box-shadow:0 4px 14px #120e0b66;font-size:12px;white-space:nowrap;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis}.tilt-controls{display:grid;grid-template-columns:minmax(0,1fr) 26px;gap:5px 7px;margin-top:9px;padding-top:8px;border-top:1px solid #dbc79133}.tilt-controls label{grid-column:1 / -1;display:flex;flex-direction:row;justify-content:space-between;font-size:10px;color:#d7cda9}.tilt-controls output{font-variant-numeric:tabular-nums}.tilt-controls input{width:100%;min-width:0;min-height:24px;margin:0;padding:0;border:0;accent-color:#e7c27d;background:transparent;cursor:pointer}.tilt-controls button{height:25px;font-size:18px;line-height:1;padding:0}.tilt-controls input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}#weather-panel{position:absolute;right:22px;top:92px;display:flex;gap:9px;align-items:center;max-width:300px;border:1px solid #d7c08744;background:#302721f5;border-radius:7px;padding:8px 11px;pointer-events:none}#weather-icon{color:#eed49a;font-size:24px;line-height:1}#weather-panel>div{display:flex;flex-direction:column;gap:3px}#weather-name{font-size:11px;font-weight:500;color:#e9dfc3}#weather-detail{font-size:9px;color:var(--muted);line-height:1.4}#weather-panel.rainy{background:#293e49e8;border-color:#9ab2bf66}.road-tool{display:flex;align-items:center;gap:14px;padding:17px 15px;min-height:100px}.road-tool button{padding:12px;font-size:12px;white-space:nowrap}.road-tool>div{display:flex;flex-direction:column;gap:5px}.road-tool strong{font-size:12px;color:#ead29e}.road-tool span{font-size:11px;color:var(--muted)}.road-tool small{font-size:9px;color:var(--muted)}@media(max-width:700px){#weather-panel{top:121px;right:12px;max-width:190px;padding:6px 8px}#weather-detail{font-size:8px}.road-tool{gap:7px;padding:12px 8px}.road-tool button{padding:8px;font-size:10px}footer #control-hint{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.weather-options{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:7px 14px;padding:12px;border:1px solid var(--border);border-radius:7px;background:#e6d69c06}.weather-options .check{grid-column:1/-1;margin:0 0 4px}.weather-options label[for=weather-intensity]{flex-direction:row;justify-content:space-between;align-items:center}.weather-options input[type=range]{width:100%;padding:0;min-height:25px;accent-color:#e7c27d;background:transparent;border:0}.weather-options input[type=range]:disabled{opacity:.35;cursor:not-allowed}.weather-options small{grid-column:1/-1;color:var(--muted);font-size:10px}.dock-tabs{overflow-x:auto;scrollbar-width:thin}.dock-tabs button,.dock-player,.settler-count{flex-shrink:0}.dock-tabs button{padding-left:10px;padding-right:10px}.chain-guide{display:flex;align-items:center;justify-content:center;gap:5px;padding:4px 10px 8px;font-size:10px;color:#e0c894;flex-wrap:wrap}.chain-guide svg{width:14px;height:14px}.chain-guide b{color:var(--muted);font-weight:400}.selection{padding:13px 16px;min-height:76px}.building-details{padding:0 16px 12px;max-height:170px;overflow-y:auto;scrollbar-width:thin}.detail-label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin:3px 0 7px}.goods-list{display:flex;gap:7px 16px;flex-wrap:wrap}.goods-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--paper)}.goods-item svg{width:16px;height:16px;flex-shrink:0;color:#d9bf89}.goods-item b{margin-left:3px;color:#f6e4b9;font-weight:500;font-variant-numeric:tabular-nums}.goods-item small{font-size:9px;color:var(--muted)}.storage-goods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.goods-columns{display:flex;gap:24px;margin-top:8px;flex-wrap:wrap}.production-status{display:flex;align-items:center;gap:7px;font-size:11px;margin-bottom:7px}.production-status strong{font-weight:500}.status-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#ceac7d}.status-dot.working{background:#b4d18b;box-shadow:0 0 8px #b4d18b55}.production-recipe{display:flex;align-items:center;gap:7px;font-size:10px;color:#d5c7a6;flex-wrap:wrap}.production-recipe span{display:flex;align-items:center;gap:4px}.production-recipe svg{height:13px;width:13px}.production-recipe b{font-weight:400;color:var(--muted)}.production-bar{height:3px;margin-top:11px;background:var(--field);overflow:hidden;border-radius:2px}.production-bar i{display:block;background:#dcc07e;height:100%}@media(max-width:1000px){.dock-tabs button{padding-left:7px;padding-right:7px}.building-details{padding:0 10px 10px}.goods-list{gap:6px 9px}.goods-item{font-size:10px}.goods-columns{gap:12px}.chain-guide{font-size:9px}.storage-goods{grid-template-columns:repeat(2,minmax(0,1fr))}}.build-cards{display:flex;overflow-x:auto;scrollbar-width:thin}.build-card{flex:1 0 96px}.population-details{display:flex;gap:8px 14px;flex-wrap:wrap;padding:5px 13px 11px;font-size:10px;color:var(--muted)}.population-details span{display:flex;align-items:center;gap:4px}.population-details svg{width:14px;height:14px;color:#e2c590}.population-details b{font-weight:500;color:#f1dab0}.residence-count{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--paper)}.residence-count svg{width:20px}.residence-count b{color:#f1dab0;font-weight:500}.construction-stages{display:flex;gap:12px;font-size:10px;margin-bottom:10px;color:var(--muted)}.construction-stages .current{color:#f1d79a}.construction-stages .done{color:#bcce9a}.tool-choice{display:flex;flex-direction:row;align-items:center;gap:12px;margin-top:9px;font-size:10px}.tool-choice select{min-height:29px;font-size:11px;padding:4px 8px}.tool-choice select:disabled{opacity:.65}.labor-panel{display:grid;grid-template-columns:minmax(112px,1fr) auto minmax(112px,1fr) 68px auto;align-items:end;gap:7px 9px;margin:0 12px 10px;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface-inset)}.labor-title{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px}.labor-title strong{font-size:11px;color:#efd9aa}.labor-title small,.labor-note{font-size:9px;color:var(--muted)}.labor-panel label{display:flex;flex-direction:column;gap:3px;font-size:9px;color:var(--muted)}.labor-panel select,.labor-panel input{min-height:28px;padding:4px 7px;border:1px solid var(--border);border-radius:6px;color:var(--paper);background:var(--field)}.labor-panel input{width:100%}.labor-panel button{height:28px;padding:3px 10px;white-space:nowrap}.labor-panel button svg{width:14px}.labor-arrow{align-self:center;color:#dfc17f}.labor-note{grid-column:1/-1}.labor-count{min-width:58px}@media(max-width:900px){.labor-panel{grid-template-columns:1fr auto 1fr}.labor-count{grid-column:1}.labor-panel button{grid-column:2/4}.labor-title{align-items:flex-start;flex-direction:column;gap:2px}}.staff-details{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);padding:0 0 8px;margin-bottom:9px;flex-wrap:wrap}.staff-icon svg{width:22px;color:#e4c18a}.staff-details>div{display:flex;flex-direction:column;gap:3px;flex:1}.staff-details strong{font-size:11px;font-weight:500;color:#efdab2}.staff-details span:not(.staff-icon){font-size:10px;color:var(--muted)}.staff-details small{font-size:9px;color:var(--muted)}.staff-details[data-staff-state=missing-tool] span:not(.staff-icon),.staff-details[data-staff-state=homeless] span:not(.staff-icon){color:#f0a789}.specialist-controls{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px 2px}.specialist-controls button{padding:7px 10px;font-size:12px}.specialist-hint{padding:0 16px;font-size:12px;line-height:1.5;color:var(--muted)}.faction-options{margin:20px 0;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-inset)}.faction-options .form-grid{margin:12px 0 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr))}.seat-choice select{width:100%;min-width:0}.faith-status{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--surface-inset);color:var(--paper)}.dock-tabs{overflow-x:auto}.dock-tabs>button{flex-shrink:0}.seat-choice{display:grid;grid-template-columns:minmax(0,1fr) auto;min-width:0;background:var(--surface);gap:8px 10px;padding:10px;border:1px solid var(--border);border-radius:8px}.seat-choice>strong{grid-column:1/-1;color:var(--paper);font-size:12px}.seat-choice label{color:var(--muted)}.color-choice input[type=color]{width:48px;padding:3px;cursor:pointer}.military-panel{padding:10px 12px;display:grid;gap:8px}.military-strength{font-size:12px;line-height:1.6}.military-strength svg{width:16px;height:16px;vertical-align:middle}.military-strength>span{display:block;color:var(--muted)}.military-classes{display:flex;flex-wrap:wrap;gap:8px}.military-class{flex:1;min-width:165px;display:grid;gap:5px;font-size:11px}.military-class strong{display:flex;align-items:center;gap:6px}.military-class svg{width:20px;height:20px}.military-class button{font-size:11px;padding:7px}.military-panel>small{font-size:10px;opacity:.8}.recruit-auto{display:flex;align-items:center;gap:8px;font-size:12px;margin:8px 0}.garrison-panel{padding:10px 16px;background:var(--surface-inset);color:#f4e3b9}.garrison-panel>div:first-child{display:flex;justify-content:space-between;gap:12px}.garrison-panel p{font-size:12px;margin:7px 0;color:var(--muted)}.garrison-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.garrison-rows>div{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.garrison-rows span{width:100%;font-size:12px}.garrison-rows button{padding:2px 8px}.garrison-rows b{font-size:12px;margin-right:auto}.garrison-actions{display:flex;gap:8px;margin-top:8px}.garrison-actions button{font-size:12px}.garrison-panel>div>span{font-size:12px}.siege-panel,.siege-workshop{padding:10px 14px}.siege-actions,.siege-list{display:flex;gap:6px;flex-wrap:wrap}.siege-list{padding:8px 14px}.siege-panel p{margin:6px 0}.siege-panel small{display:block;margin-top:8px;color:var(--muted)}.siege-panel .selection>div{display:flex;flex-direction:column;gap:4px}.siege-panel .selection{padding:0 0 10px}.priest-selection>div{display:flex;flex-direction:column;gap:5px}.spell-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 16px;max-height:190px;overflow-y:auto}.spell-list button{display:flex;flex-direction:column;gap:7px;text-align:left;padding:10px;font-size:11px;line-height:1.35;white-space:normal}.spell-list strong{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px}.spell-list b{font-size:10px;color:#ead2a1;white-space:nowrap}.spell-list span{color:var(--muted)}.spell-list small{font-size:10px;color:var(--muted);margin-top:auto}.spell-list button[aria-pressed=true]{border-color:#edcc85;background:#665034}.spell-list button:disabled{opacity:.5}.spell-list button:focus-visible{outline:2px solid #edcc85;outline-offset:2px}@media(max-width:700px){.spell-list{grid-template-columns:1fr;max-height:180px;padding:8px 10px}.spell-list button{gap:4px}}.original-icon{display:inline-block;object-fit:contain;vertical-align:middle;width:22px;height:22px;flex:0 0 auto;image-rendering:auto}.resource .original-icon{width:18px;height:18px}.building-icon .original-icon{width:38px;height:38px}.selection-icon .original-icon{width:48px;height:48px}.build-card small .original-icon,.production-recipe .original-icon,.chain-guide .original-icon{width:14px;height:14px}.goods-item .original-icon,.population-details .original-icon,.military-class .original-icon{width:16px;height:16px}.staff-icon .original-icon{width:22px;height:22px}.selection .demolish-button{padding:8px 10px;white-space:nowrap;font-size:11px;color:#edb39a;border-color:#bd806855}.selection .demolish-button:hover{background:#bd62462b}.selection .construction-pause-button{padding:8px 10px;white-space:nowrap;font-size:11px;color:#ead5a6;border-color:#d5b97866}.selection .construction-pause-button:hover,.selection .construction-pause-button[aria-pressed=true]{background:#d7b66b24;border-color:#dfbf78}.demolition-refund{margin:-7px 16px 8px;padding:6px 9px;border-left:2px solid #ba8068;background:#321d1826;color:#cbb7a8;font-size:9px;line-height:1.45}.construction-paused .production-status strong{color:#efc67e}.construction-pause-note{margin:3px 0 9px;padding:6px 8px;border-radius:5px;background:#d7b66b12;color:#cabb9c;font-size:9px;line-height:1.45}.build-count{display:flex;align-items:center;gap:3px;font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}.build-count b{font-size:10px;font-weight:600;color:#ead6aa}.build-count i{font-style:normal;color:#e1bd79;margin-left:3px}.priority-control{display:flex;align-items:center;gap:12px;padding:8px 16px 10px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface-inset)}.priority-control>div:first-child{display:flex;flex:1;min-width:150px;flex-direction:column;gap:3px}.priority-control strong{font-size:10px;color:#ead5a6}.priority-control small{font-size:9px;line-height:1.35;color:var(--muted)}.priority-options{display:grid;grid-template-columns:repeat(4,auto);gap:4px}.priority-options button{min-height:30px;padding:4px 7px;font-size:9px;white-space:nowrap}.priority-options button[aria-pressed=true]{border-color:#e8c77e;background:#dbc087;color:var(--ink);font-weight:600}.distribution-panel{display:grid;gap:9px;padding:11px 13px 9px;max-height:225px;overflow-y:auto;scrollbar-width:thin}.distribution-panel>p{margin:7px 0;font-size:11px;color:var(--muted)}.distribution-heading{display:flex;align-items:end;gap:16px}.distribution-heading>div{display:flex;flex:1;flex-direction:column;gap:3px}.distribution-heading strong{font-family:Georgia,serif;font-size:16px;font-weight:400;color:#f0dab0}.distribution-heading small{font-size:9px;line-height:1.4;color:var(--muted)}.distribution-heading label{gap:3px;font-size:9px}.distribution-heading select{min-width:145px;min-height:29px;padding:4px 7px;font-size:11px}.distribution-resource{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid #d4c69126;border-radius:7px;background:#f3dcaa0a}.distribution-resource>svg,.distribution-resource>.original-icon{width:22px;height:22px;color:#dec185}.distribution-resource>span{display:flex;flex-direction:column;gap:2px}.distribution-resource strong{font-size:11px;font-weight:500;color:#eddbb5}.distribution-resource small{font-size:9px;color:var(--muted)}.distribution-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 8px}.distribution-channel{display:grid;grid-template-columns:minmax(92px,1fr) minmax(90px,1.15fr) 23px;align-items:center;gap:8px;min-height:38px;padding:4px 7px;border:1px solid var(--border);border-radius:6px;background:var(--surface-inset)}.distribution-channel>span{display:flex;flex-direction:column;gap:1px;font-size:10px;color:var(--paper);overflow:hidden;text-overflow:ellipsis}.distribution-channel small{font-size:8px;color:#d4b974}.distribution-channel input[type=range]{width:100%;min-width:0;min-height:28px;margin:0;padding:0;border:0;background:transparent;accent-color:#ddbb78;cursor:pointer}.distribution-channel output{display:grid;place-items:center;min-width:23px;height:23px;border-radius:5px;background:#e6cb9117;color:#f1dbac;font-size:10px;font-weight:600;font-variant-numeric:tabular-nums}@media(max-width:700px){.priority-control{align-items:stretch;flex-direction:column;gap:7px;padding:8px 10px}.priority-options{grid-template-columns:repeat(4,1fr)}.priority-options button{padding:4px 2px}.distribution-panel{padding:9px 10px;max-height:205px}.distribution-heading{align-items:stretch;flex-direction:column;gap:7px}.distribution-heading label{display:grid;grid-template-columns:auto 1fr;align-items:center}.distribution-heading select{min-width:0}.distribution-channels{grid-template-columns:1fr}}#wave-roster{font-size:10px;line-height:1.4;color:var(--muted);max-width:250px}#wave-roster[hidden]{display:none}.naval-panel{padding:12px 16px;background:var(--surface-inset);border-top:1px solid #ffffff12;color:#f4e3b9;font-size:13px}.naval-status{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:5px 14px;margin-bottom:10px}.naval-status span{color:var(--muted);font-size:12px}.naval-panel>button{margin:0 6px 6px 0;padding:7px 10px;font-size:12px}.naval-panel>small{display:block;margin-top:5px;color:var(--muted);line-height:1.5}.naval-passengers{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.naval-passenger{padding:7px 10px;font-size:12px}.naval-passenger[aria-pressed=true]{background:#385661;border-color:#88b8d3;color:#fff}.harbor-orders{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3px 12px;margin-top:9px;max-height:220px;overflow:auto}.harbor-order{display:grid;grid-template-columns:minmax(76px,1fr) 34px repeat(6,34px);align-items:center;gap:3px;padding:2px 0;border-bottom:1px solid #ffffff0d}.harbor-order>span{font-size:11px;color:#e4d8bd}.harbor-order>strong{text-align:center;font-size:11px;color:#f4e3b9}.harbor-order>button{min-width:0;padding:3px 0;font-size:10px;line-height:1.2}.merchant-hold{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.merchant-hold>span{padding:5px 8px;background:#ffffff0d;border-radius:5px;font-size:12px}.merchant-hold b{margin-left:5px;color:#f4e3b9}dialog{scrollbar-color:#8b7251 var(--surface-inset)}input::placeholder{color:var(--muted);opacity:.8}input[type=color]{height:38px;border-color:#9d805766}input[type=color]::-webkit-color-swatch{border:0;border-radius:2px}@media(max-width:440px){#lobby .form-grid{grid-template-columns:minmax(0,1fr)}.weather-options{grid-template-columns:minmax(0,1fr) 110px}.modal-bottom{flex-wrap:wrap}.modal-bottom button{flex:1}h1{font-size:25px}}.dock-content .building-details,.dock-content .distribution-panel,.dock-content .spell-list,.dock-content .harbor-orders{max-height:none;overflow:visible}.building-details{padding:10px 16px}.staff-details{padding:0 0 8px;gap:8px}.staff-details>div{gap:2px}.staff-details strong{font-size:12px}.staff-details>div>span{font-size:11px}.priority-control{padding:8px 16px;gap:12px}.priority-control>div:first-child{display:flex;flex-direction:row;align-items:center;gap:7px}.priority-control strong{font-size:12px}.production-choice{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:9px 0}.production-choice .tool-choice{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0;font-size:11px}.production-choice select{min-height:30px;padding:4px 7px}.production-choice>button:not(.hint-trigger){min-height:30px;padding:5px 9px;font-size:11px}.production-choice button[aria-pressed=true]{color:var(--ink);background:var(--gold);border-color:var(--gold)}.production-choice button[aria-busy=true]{opacity:.75;cursor:progress}.production-bar{margin-top:9px}.goods-columns{gap:12px}.labor-title{align-items:center}.labor-panel .hint-trigger{align-self:center}.hint-trigger{display:inline-grid;place-items:center;flex:none;width:23px;height:23px;min-height:23px;padding:0;border-radius:50%;font-size:12px;font-weight:600;color:var(--gold);border:1px solid var(--border);background:var(--surface-inset);cursor:help}#ui-help{position:fixed;z-index:150;max-width:min(330px,calc(100vw - 20px));padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-inset);box-shadow:0 6px 24px #0006;color:var(--paper);font-size:12px;line-height:1.5;pointer-events:none}.building-order-hint{padding:0 16px 8px;color:var(--muted);font-size:11px}#dock.sidebar .selection{display:grid;grid-template-columns:36px minmax(0,1fr) 24px;gap:8px;padding:12px;min-height:0}#dock.sidebar .selection-icon{grid-column:1;grid-row:1}#dock.sidebar .selection-icon .original-icon,#dock.sidebar .selection-icon svg{width:36px;height:36px}#dock.sidebar .selection>div:nth-child(2){grid-column:2;grid-row:1;min-width:0;gap:4px}#dock.sidebar .selection strong{font-size:17px;overflow-wrap:anywhere}#dock.sidebar #clear-selection{grid-column:3;grid-row:1;padding:4px}#dock.sidebar .selection>button:not(#clear-selection){grid-column:2/4;justify-self:start}#dock.sidebar .priority-control{flex-direction:column;align-items:stretch;gap:6px;padding:8px 12px}#dock.sidebar .priority-control>div:first-child{min-width:0}#dock.sidebar .priority-options{grid-template-columns:repeat(4,minmax(0,1fr))}#dock.sidebar .priority-options button{padding:5px 2px}.labor-panel label,.labor-panel select{min-width:0;max-width:100%}#dock.sidebar .labor-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0 10px 10px;padding:9px}#dock.sidebar .labor-title{align-items:flex-start;flex-direction:column;gap:2px}#dock.sidebar .labor-arrow{display:none}#dock.sidebar .labor-count{grid-column:1}#dock.sidebar #labor-reassign{grid-column:2}#dock.sidebar .labor-panel>.hint-trigger{grid-column:2;justify-self:end}#developer-menu{font-size:11px;padding:0 12px;color:#e9cc8c}#developer-menu.dev-active{border-color:#ecc271;background:#77592b;color:#fff1c7}#dev-speed{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}#dev-speed button{min-height:38px;transition:none}#dev-speed button[aria-pressed=true]{background:var(--gold);color:var(--ink);border-color:var(--gold);font-weight:700}#dev-speed button[aria-pressed=true]:hover{background:#edcb93}.dev-instant{flex-direction:row}.dev-instant input{min-height:0;margin:0}#developer-dialog{width:min(620px,94vw);max-height:88dvh;overflow:auto;color:var(--paper);padding:24px}.dev-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.dev-heading h2{margin:5px 0 12px;font-family:Georgia,serif;font-size:28px}.dev-heading button{font-size:22px;padding:2px 12px}#dev-controls{border:0;padding:0;margin:0;min-width:0}#dev-controls:disabled{opacity:.55}#dev-controls section{padding:14px 0;border-top:1px solid var(--border)}#dev-controls h3{margin:0 0 10px;font-size:14px}.dev-row,.dev-coordinates{display:flex;align-items:end;gap:12px;margin:12px 0}.dev-row label{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0;font-size:12px}.dev-row label:last-child{flex:0 0 90px}.dev-row input,.dev-row select{width:100%}.dev-coordinates label{font-size:12px}.dev-coordinates input{width:70px}.dev-coordinates button{font-size:11px}#dev-controls button{background:var(--surface-raised);color:var(--paper);padding:8px 12px;font-size:12px}#dev-controls button:hover{background:#56422e}#dev-controls select,#dev-controls input[type=number]{background:var(--field);color:var(--paper);border:1px solid #9d805766;padding:7px;border-radius:4px}#dev-controls input[type=checkbox]{width:auto;accent-color:var(--gold)}.dev-instant{display:flex;gap:9px;align-items:center;font-size:14px;font-weight:600}.dev-hint,#dev-description,#dev-availability{font-size:11px;line-height:1.6;color:var(--muted)}#dev-soldier-options[hidden]{display:none}