.tactical-map{position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:none}.tactical-map[hidden],#board canvas[hidden]{display:none!important}#variant-tools{position:fixed;z-index:35;top:64px;left:430px;display:flex;gap:5px}#variant-tools button,#fast-actions button,#turn-ledger button{background:#203d49;color:#f7ebcb;border:1px solid #8f9f92;border-radius:5px;padding:8px 12px;font:600 13px system-ui;box-shadow:0 2px #132c35}#variant-tools button[aria-pressed=true],#fast-actions button[aria-pressed=true]{background:#edd291;color:#1f3c43;border-color:#fff0be}#variant-tools button:focus-visible,#fast-actions button:focus-visible,.pad-focus{outline:3px solid #ffe3a1!important;outline-offset:3px}#fast-actions{position:fixed;z-index:32;bottom:24px;left:50%;transform:translate(-30%);display:flex;gap:5px;align-items:center;padding:9px;background:#18323ded;border:1px solid #719193;border-radius:9px;box-shadow:0 6px 20px #0b22294d;max-width:calc(100vw - 560px);flex-wrap:wrap}#fast-actions[hidden],#turn-ledger[hidden],#turn-recap[hidden],#pad-status[hidden]{display:none}#fast-actions small{color:#d3ded6;font:12px system-ui;max-width:210px}body.tactical-view #construction-markers,body.tactical-view #camera-hint,body.tactical-view #guide{display:none}#turn-ledger{position:fixed;z-index:80;top:150px;right:24px;width:min(390px,calc(100vw - 48px));max-height:65vh;overflow:auto;background:#17343ff5;color:#f4e8c8;border:1px solid #b8a977;border-radius:10px;padding:18px;font:14px/1.5 system-ui;box-shadow:0 12px 40px #061d2877}#turn-ledger h2{margin:0 0 5px;font-size:20px}#turn-ledger p{color:#c6d9d6;font-size:12px}#turn-ledger ol{padding-left:24px}#turn-ledger li{padding:5px 0;border-bottom:1px solid #ffffff16}#turn-ledger button{padding:4px 8px;margin-right:5px}#turn-recap{position:fixed;z-index:45;bottom:100px;left:50%;transform:translate(-30%);background:#17343fe8;color:#f5eaca;border:1px solid #9db49f;border-radius:7px;padding:11px 16px;font:13px system-ui;pointer-events:none}#pad-status{position:fixed;z-index:45;bottom:75px;left:50%;transform:translate(-30%);background:#17343f;color:#f5eaca;padding:7px 14px;border-radius:6px;font:12px system-ui}@media(max-width:1100px){#variant-tools{top:100px;left:auto;right:18px}#fast-actions{left:350px;transform:none;max-width:calc(100vw - 370px);bottom:8px}#fast-actions small{display:none}}@media(max-width:700px){#variant-tools{top:70px;right:8px}#variant-tools button{padding:6px;font-size:11px}#fast-actions{left:8px;bottom:8px;max-width:calc(100vw - 16px)}}body.tactical-view #ticker{bottom:88px;max-width:210px}:root{font-family:WorldSans,sans-serif;color:#493b2c;font-size:14px;font-synthesis:none;--ink: #493b2c;--bronze: #9d7e52;--paper: #f7e8c9;--display: WorldDisplay, WorldSans, sans-serif}*{box-sizing:border-box;scrollbar-width:none}*::-webkit-scrollbar{display:none}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{background:radial-gradient(ellipse at 55% 70%,#dce3c5,#a6c9ce 80%)}[hidden]{display:none!important}button,input{font:inherit;color:inherit}button{border:1px solid #aa895e80;border-radius:9px;padding:9px 12px;background:linear-gradient(145deg,#ffefcbba,#e1c69980);cursor:pointer;box-shadow:inset 0 1px #fff6,0 2px #76582d20;transition:background .15s,transform .15s,opacity .15s}button:hover:not(:disabled){background:#ffedc5;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,article:focus-visible{outline:2px solid #b77836;outline-offset:3px}button small{display:block;font-size:11px;margin-top:5px;font-weight:400;color:#765e43}.primary,.picked{background:linear-gradient(#c39b60,#a9753f);color:#fff6df;border-color:#986332}.primary small{color:#ffe4bc}input{width:100%;padding:10px 12px;border:1px solid #aa895e99;border-radius:8px;background:#fff5df80;outline:none}label{display:grid;gap:7px;font-size:12px;line-height:1.4}h1,h2,h3,strong,.count{font-family:var(--display);font-weight:400}h2{font-size:24px;margin:0 0 9px}h3{font-size:22px;margin:18px 0 6px}p{line-height:1.6;color:#6b5841}.icon{display:inline-block;width:21px;height:21px;flex-shrink:0;vertical-align:middle}.icon-food{color:#7c933e}.icon-wood{color:#805633}.icon-stone{color:#697d88}.icon-coin{color:#b1862f}.cost{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;margin-right:8px}.cost .icon{width:16px;height:16px}.icon-button{padding:7px;width:35px;height:35px;display:inline-grid;place-items:center;background:#f4e4c381;border-color:#a4835055}.icon-button .icon{width:19px;height:19px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:#9a7746}.parchment,dialog{background:repeating-linear-gradient(35deg,#996f3604 0 1px,transparent 1px 5px),radial-gradient(ellipse at 20% 0,#fff5dbeb,#f4e4c1dd 65%,#e0cc9dad);border:1px solid #8d704b8a;box-shadow:0 5px 20px #39493b26,inset 0 0 22px #f8eccb77;border-radius:13px;backdrop-filter:blur(7px)}#board{position:fixed;inset:0}#board canvas{display:block;width:100%;height:100%;touch-action:none}#hud{position:fixed;z-index:12;left:0;right:0;top:0;height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-radius:0;border-top:0;border-left:0;border-right:0;background-color:#e4cc9d55;box-shadow:0 2px 10px #49563b22}#resource-strip{display:flex;gap:19px;align-items:center}.resource{display:flex;align-items:center;gap:6px;min-width:62px}.resource .icon{width:20px;height:23px}.resource .count{font-size:25px;line-height:1}.resource small{font-family:var(--display);font-size:17px;color:#7b8451}.changed{animation:tick .45s ease-out}#match-meta{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:9px;align-items:baseline;white-space:nowrap}#match-meta>span{font-size:9px;letter-spacing:2px}#match-meta b{font:25px var(--display)}#match-meta small{font-size:17px;color:#887451}#match-meta i{font-size:9px;font-style:normal;opacity:.65;margin-left:10px}nav{display:flex;gap:6px}#players{position:fixed;z-index:9;top:57px;right:15px;width:172px;display:grid;gap:7px}.player-chip{position:relative;display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:10px;border:1px solid #87764e44;background:#f3e7c6ad;box-shadow:0 3px 8px #36533d17;transition:transform .2s,background .2s}.player-chip.current{transform:translate(-6px) scale(1.04);background:#fff1cfeb;border-color:var(--player)}.player-hex{display:grid;place-items:center;background:var(--player);width:28px;height:32px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);font:23px var(--display);color:#51472f}.player-chip b{font-size:11px}.player-chip strong{margin-left:auto;font-size:26px;line-height:.85;text-align:right}.player-chip strong small{display:block;font-size:10px;margin-top:3px}.chip-pieces{display:flex;align-items:center;gap:3px;font-size:10px;margin-top:5px;opacity:.8}.chip-pieces .icon{width:12px;height:12px}.chip-details{display:none;position:absolute;right:100%;margin-right:10px;top:0;padding:13px;white-space:nowrap;font-size:11px}.chip-details>div{display:flex;margin-top:8px}.player-chip:hover .chip-details,.player-chip:focus .chip-details{display:block}.eliminated{filter:grayscale(1);opacity:.45}#camera-tools{position:fixed;top:60px;left:17px;z-index:6;display:flex;align-items:center;gap:10px}#camera-hint{font-size:10px;color:#4e6c64;text-shadow:0 1px #edf6e1;transition:opacity 1s}.faded{opacity:0;pointer-events:none}#tray{position:fixed;z-index:10;left:50%;bottom:-7px;transform:translate(-50%);width:min(680px,calc(100vw - 480px));max-width:calc(100vw - 520px);min-width:340px;background:repeating-linear-gradient(3deg,#6c40190b 0 2px,transparent 3px 11px),linear-gradient(#b99568ed,#a27c4cee);border:1px solid #886332;border-bottom:0;border-radius:22px 22px 0 0;padding:8px 15px 10px;box-shadow:0 -3px 18px #4d5c3225,inset 0 4px #f1d49e90;transition:transform .3s ease}#tray.aiming{transform:translate(-50%,88px)}#tray.aiming:hover{transform:translate(-50%)}.tray-lip{display:flex;align-items:center;gap:10px;height:34px;color:#fff0d2}.tray-lip #tray-label{font-size:9px;letter-spacing:1.6px;font-weight:700}.tray-lip #bag-count{font-size:10px;opacity:.8;flex:1}.tray-lip .icon-button{background:#f6dfb566;width:32px;height:30px}#hand{display:flex;gap:7px;padding-top:7px;max-width:100%;overflow:hidden}.hand-tile{flex:1 1 68px;max-width:80px;min-width:22px;height:90px;padding:6px 3px 9px;background:#efcc92a6;border-radius:11px;box-shadow:0 4px #73512e66,inset 0 1px #ffe4bdaa}.hand-tile:hover:not(:disabled),.hand-tile.selected{transform:translateY(-6px);background:#ffe3a5;border-color:#fff0cb}.tile-preview{display:block;aspect-ratio:1/1.12;width:100%;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);box-shadow:inset 0 -10px #0002;filter:saturate(1.1)}.hand-tile:disabled{opacity:.65}#end-dock{position:fixed;z-index:13;right:23px;bottom:32px;text-align:center;width:142px}#end-dock p{font-size:11px;line-height:1.35;margin:0 0 9px;text-shadow:0 1px 4px #fff8d8;color:#57624d}#end-turn{border-radius:50%;width:98px;height:98px;border:4px double #e5c183;background:radial-gradient(circle at 40% 25%,#698c7d,#3e665d 70%);box-shadow:0 3px 12px #2b4d3455,0 0 0 4px #927748,0 0 0 6px #e9d19b;color:#fff2c8;padding:12px;display:inline-flex;flex-direction:column;gap:2px;align-items:center;justify-content:center}#end-turn>.icon{width:35px;height:35px}#end-turn>span{font:20px var(--display)}#end-turn:disabled{opacity:.58}#ticker{position:fixed;z-index:8;left:17px;bottom:17px;width:225px;padding:10px 13px;text-align:left;display:grid;gap:4px;border-radius:10px;background-color:#ead8b03d}#ticker>span:not(.eyebrow){font-size:10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}#ticker.expanded{width:330px}#ticker.expanded>span:not(.eyebrow){-webkit-line-clamp:2}#context,#pack{position:fixed;z-index:11;padding:15px;width:278px;font-size:12px}#context p,#pack p{font-size:12px;margin:8px 0 12px}#context>button{width:100%;margin-top:7px}#pack{left:50%;bottom:155px;transform:translate(-50%);width:365px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.panel-heading h2{display:flex;align-items:center;gap:8px}.panel-heading .icon-button{border:0;background:transparent;box-shadow:none;flex-shrink:0}.tabs,.title-tabs{display:flex;gap:5px;padding-bottom:11px;margin-bottom:10px;border-bottom:1px solid #9b7b4933}.tabs button{flex:1}.inventory-actions,.buy-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.inventory-actions{margin-bottom:12px}.inventory-actions button{display:flex;gap:7px;align-items:center;text-align:left}.buy-actions button{font-size:11px}.buy-actions button>.icon,.buy-actions button>span>.icon{width:17px;height:17px}.bank-targets summary{list-style:none;cursor:pointer;padding:9px;border-bottom:1px solid #98783f22}.bank-targets summary .icon{margin-right:7px}.bank-payments{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:7px}.bank-payments button{font-size:11px;padding:6px}.hp{display:flex;align-items:center;gap:4px}.hp i{height:9px;width:24px;border-radius:3px;background:#bca982}.hp i.full{background:#7c9c68}.hp span{font-size:11px;margin-left:5px}.queue{display:grid;gap:7px;padding:10px;background:#a4843620;border-radius:8px}.queue progress{width:100%;height:8px;accent-color:#728957}.siege{color:#9c512c!important}#guide{position:fixed;z-index:20;width:360px;padding:15px 18px;font-size:13px;line-height:1.6;cursor:pointer;box-shadow:0 8px 25px #475d3e33;border-color:#b08448}#guide:after{content:"Click away to dismiss";display:block;opacity:.55;font-size:10px;margin-top:6px}.guided{animation:guidePulse 1.5s infinite}#tooltip{position:fixed;z-index:25;padding:8px 12px;font-size:12px;pointer-events:none;max-width:265px}#toast{position:fixed;z-index:90;left:50%;top:70px;transform:translate(-50%);background:#455f51;color:#fff0d1;box-shadow:0 6px 16px #0002;padding:14px 21px;border-radius:20px}.bonus-pop{position:fixed;z-index:30;pointer-events:none;display:grid;color:#fdf3c8;text-shadow:0 1px 3px #344b30,0 0 6px #344b30;font:24px var(--display);animation:bonus 1.5s forwards}#turn-banner{position:fixed;z-index:18;top:17%;left:50%;transform:translate(-50%);font:30px var(--display);letter-spacing:2px;padding:10px 90px;background:linear-gradient(90deg,transparent,#f6e3bddd 25%,#f6e3bddd 75%,transparent);color:#4e624f;border-bottom:1px solid var(--player);opacity:0;pointer-events:none}.sweep{animation:sweep 1.8s ease both}dialog{color:var(--ink);padding:28px 32px;max-width:calc(100vw - 40px);max-height:calc(100vh - 36px);overflow:hidden}dialog::backdrop{background:#234a4657;backdrop-filter:blur(7px)}#setup{width:740px;background-color:#f2e1b9f2}#setup::backdrop{background:radial-gradient(ellipse at 40% 70%,#779a83a6,#214c52b0)}.title-heading{text-align:center;position:relative}.title-heading>.icon-button{position:absolute;right:-9px;top:-10px}.title-heading h1{font:clamp(32px,5.3vw,68px)/1.08 var(--display);letter-spacing:1px;margin:2px 0;color:#566849;text-shadow:1px 2px #fff7e1}.title-heading p{font-size:13px;margin:0 0 23px}.title-tabs{justify-content:center}.title-tabs button{min-width:155px}.title-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}.wide{grid-column:1/-1}.picker{display:flex;gap:5px}.picker button{flex:1;font-size:12px;padding:9px 7px;white-space:nowrap}.picker i,.terrain-key i{display:inline-block;width:12px;height:12px;background:var(--swatch);border-radius:3px;margin-right:5px}.seat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.seat-grid label{border-left:3px solid var(--player);padding-left:10px}.setup-note{font-size:12px;line-height:1.7;align-self:center;color:#86724f}.page-controls{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.title-start{display:flex;align-items:center;justify-content:center;gap:30px;width:100%;font:24px var(--display);margin-top:12px;padding:12px}.advanced-fields{min-height:300px}#setup-error{color:#a13f28;min-height:17px;margin:8px 0 0;font-size:11px}#craft{width:520px}#craft>label{margin-top:12px}.craft-preview{display:grid;justify-items:center;gap:14px;margin:10px}.craft-preview .tile-preview{width:142px;filter:drop-shadow(0 6px 3px #74593566)}#craft-submit{width:100%;font:23px var(--display)}.stamped .craft-preview{animation:stamp .23s ease}#rules{width:740px}.guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}.guide-columns p{font-size:12px}.terrain-key{display:flex;flex-wrap:wrap;gap:8px;font-size:11px}.keyboard-note{font-size:11px;text-align:center;border-top:1px solid #98764333;padding-top:13px}#dev{width:590px}#dev>button,#dev form>button{margin-top:14px}#dev .title-fields{margin-top:12px}#over{text-align:center;width:580px}#over h1{font:46px var(--display)}.final-scores{display:flex;gap:12px;justify-content:center;margin:20px 0}.final-scores>div{border-top:3px solid var(--player);padding:10px;font-size:12px}.final-scores b{display:block;font:27px var(--display);margin-top:5px}#over>button{margin:4px}@keyframes guidePulse{50%{box-shadow:0 0 0 5px #ffe2a89c,0 0 24px #ffd47470}}@keyframes bonus{to{transform:translateY(-75px);opacity:0}}@keyframes tick{0%{transform:translateY(4px);color:#b77b34}50%{transform:translateY(-3px)}}@keyframes sweep{0%{opacity:0;translate:-60px 0}20%,70%{opacity:1;translate:0}to{opacity:0;translate:60px 0}}@keyframes stamp{50%{transform:scale(.85) rotate(-3deg)}}@media(max-height:760px){dialog{padding:19px 25px}.title-heading h1{font-size:54px}.title-heading p{margin-bottom:12px}.title-fields{gap:9px 15px}.title-fields input,.picker button{padding:7px}.title-tabs{margin-bottom:9px;padding-bottom:8px}#setup{width:700px}.guide-columns h3{margin-top:10px}.guide-columns p{font-size:11px}.advanced-fields{min-height:260px}}@media(max-width:1150px){#tray{max-width:calc(100vw - 395px);min-width:300px}#ticker{width:180px}#players{width:150px}.player-chip{gap:5px;padding:6px}.chip-pieces{gap:2px}#resource-strip{gap:9px}.resource{min-width:55px}#match-meta{left:55%}#camera-hint{max-width:200px}#end-dock{right:16px;width:120px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.turn-control{position:relative;width:120px;height:120px;display:grid;place-items:center;margin:auto}#timer-ring{position:absolute;inset:0;width:120px;height:120px;pointer-events:none;transform:rotate(-90deg)}#timer-ring[hidden]{display:none}#timer-ring circle{fill:none;stroke:currentColor;stroke-width:3}#timer-ring .timer-track{stroke:#3b302e;opacity:.55}#timer-progress{stroke-dasharray:100;stroke-linecap:round}#timer-label{position:absolute;bottom:-15px;font:700 12px WorldSans;color:#ecd8ad;text-shadow:0 1px 3px #151b22}#research-panel{position:absolute;z-index:12;top:65px;left:24px;width:340px;padding:18px;max-height:75vh;overflow:auto}.tech-node{border-top:1px solid #b78a51;padding:8px 0}.research-ring{display:grid;place-items:center;min-width:30px;height:30px;border-radius:50%;background:conic-gradient(#b78a51 var(--progress),#e5d5ac 0);border:2px solid #b78a51;font-weight:700}.build-here{border-top:1px solid #b78a51;margin-top:8px}#pack,#context{max-height:70vh;overflow:auto}#history-controls{position:fixed;right:22px;top:92px;display:flex;gap:6px;z-index:4}#history-controls button{padding:7px 13px}#replay-controls{position:fixed;top:92px;left:50%;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:9px;padding:10px 16px}#replay-controls[hidden]{display:none}#replay-controls input{width:220px}.ruleset-picker{border-top:1px solid #79644955;margin-top:18px;padding-top:14px;display:grid;gap:10px}.ruleset-picker>div{display:flex;gap:8px}.ruleset-picker input{max-width:100%}.ruleset-picker select{padding:8px;background:#253438;color:#efdfc0;border:1px solid #796449}#history-controls{right:auto;left:20px;top:95px;z-index:10}#replay-controls{top:125px;z-index:11}.research-primary{display:flex;align-items:center;gap:8px;padding:10px 18px!important;border:1px solid #c29d60!important;background:#423b29!important;color:#f5ddac!important;font-weight:700}.research-primary.needs-attention{box-shadow:0 0 0 2px #c49a5a55}#turn-tasks{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;max-width:245px}#turn-tasks button{display:flex;align-items:center;gap:9px;background:#172c30ed;border:1px solid #806e49;text-align:left;padding:9px 12px;font-size:12px;color:#efdbb5}#turn-tasks span{border:1px solid #9e855c;border-radius:50%;width:20px;height:20px;text-align:center;line-height:19px;flex-shrink:0}.production-panel{border-top:1px solid #9b825655;margin-top:12px;padding-top:8px}.production-panel button{margin:4px 0;width:100%}#context{max-height:72vh;overflow-y:auto}#resource-strip .cost{white-space:nowrap}#guide{pointer-events:none}#context{position:fixed;left:18px;bottom:20px;top:auto;width:300px;max-height:calc(100vh - 140px)}.selection-open #ticker{display:none}@media(min-width:1100px){.selection-open #tray{left:350px;transform:none;max-width:calc(100vw - 650px)}}.play-mode{padding:0 28px}.play-mode p{font-size:13px;margin:8px 0}#online-bar{position:fixed;z-index:12;top:78px;left:50%;transform:translate(-50%);padding:9px 16px;display:flex;align-items:center;gap:22px;border-radius:14px}#online-bar[hidden]{display:none}#online-caption{font-weight:700}#online-bar button{padding:6px 12px}.seat-state{display:block;font-size:11px;color:var(--muted)}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a9a49a;margin-right:5px}.live-dot.connected{background:#438951;box-shadow:0 0 5px #43895166}#online-dialog{width:min(550px,90vw);padding:28px}#online-dialog input{width:100%;margin-top:10px}.share-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0;border-bottom:1px solid #b9946355}#copy-all{width:100%;margin:18px 0 4px}#copy-status{overflow-wrap:anywhere}#playtest-access{width:min(430px,90vw);padding:34px}#playtest-access input{width:100%;margin:12px 0}#playtest-access button{width:100%}#construction-markers{position:fixed;inset:0;pointer-events:none;z-index:5}.construction-marker{position:absolute;top:0;left:0;display:flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid #9b7545;border-radius:9px;background:#f6e8c8ee;color:#4b3c29;box-shadow:0 2px 5px #223c3333;font-size:14px}.construction-marker svg{width:17px;height:17px}.construction-marker.paused{opacity:.65}.tier-marker{position:absolute;top:0;left:0;font:700 19px/1 sans-serif;color:#fff1b9;text-shadow:0 1px 3px #000,1px 0 2px #000;letter-spacing:-2px}.tier-marker.tier-unit{margin-left:18px;margin-top:-12px}.tier-marker.tier-building{margin-left:-22px;margin-top:2px}.equipment-slots [data-slot]>button{width:100%;height:100%}#research-panel{position:fixed;inset:0;width:100vw;height:100dvh;max-height:none;z-index:50;padding:28px 36px 20px;border-radius:0;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(ellipse at 35% 10%,#f7efd9,#e1d1ab)}#research-panel[hidden]{display:none}.research-heading{display:flex;justify-content:space-between;align-items:flex-start}.research-heading h1{margin:4px 0;font-size:38px}.research-heading p{margin:0}.research-heading button{width:44px;height:44px}.research-legend{display:flex;gap:20px;align-items:center;font-size:12px;padding:14px 0;border-bottom:1px solid #b79c73}.research-legend small{margin-left:auto}.research-map{position:relative;flex:1;min-height:420px}.research-map>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.research-map path{fill:none;stroke:#a99d82;stroke-width:2;vector-effect:non-scaling-stroke}.research-map path.known-path{stroke:#668765;stroke-width:3}.research-map .tech-node{position:absolute;transform:translate(-50%,-50%);width:calc(100% / var(--tree-columns) - 30px);max-width:245px;border:1px solid #a99d85;border-radius:14px;padding:13px;background:#e4deccee;box-shadow:0 4px 12px #65533b12;color:#777366}.tech-node h3{margin:5px 0 7px;font-size:20px;color:inherit}.tech-node .tech-status{text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:700}.tech-node .tech-unlocks{font-size:12px;min-height:29px;margin:0 0 9px}.tech-node .tech-price{font-size:11px;margin:4px 0;line-height:1.5}.tech-node .tech-prereqs{font-size:10px;display:block;min-height:25px}.tech-node button{width:100%;margin-top:7px;padding:8px;font-size:12px}.tech-node button small{font-size:10px}.tech-node.completed{background:#e2ead3;color:#355a43;border-color:#67885e}.tech-node.active{background:#fff0c9;color:#68502b;border:2px solid #b78540;box-shadow:0 0 0 4px #cba56625}.tech-node.edition-locked{border-style:dashed}.tech-done{display:block;padding:15px 0 5px;font-size:12px}.research-roadmap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:12px;border-top:1px solid #b79c73}.planned-tech{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;border:1px dashed #9b927d;border-radius:9px;padding:10px 16px;color:#787262}.planned-tech span{grid-column:1 / -1;font-size:10px;letter-spacing:.1em}.planned-tech small{font-size:11px;align-self:center}@media(max-height:800px){#research-panel{padding:14px 24px}.research-heading h1{font-size:27px}.research-legend{padding:8px 0}.research-map{min-height:350px}.research-map .tech-node{padding:9px}.tech-node h3{font-size:17px}.tech-node .tech-unlocks,.tech-node .tech-prereqs{min-height:0}.research-roadmap{padding-top:6px}}#research-panel{background:linear-gradient(120deg,#efe4cbea,#e7d9b9ee);backdrop-filter:blur(12px);padding:20px 26px 16px}#research-panel .research-heading{align-items:center;gap:25px;padding-bottom:12px;border-bottom:1px solid #b9a37c}#research-panel .research-heading h1{font-size:32px}.current-research{margin-left:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap;max-width:460px}.current-research>div{display:flex;flex-direction:column;gap:4px}.current-research small{flex-basis:100%;text-align:right}.current-research svg{width:38px;height:38px;transform:rotate(-90deg)}.current-research circle{fill:none;stroke-width:3}.research-track{stroke:#c5b896}.research-progress{stroke:#a7783b;stroke-dasharray:100}.tree-tools{display:flex;gap:7px;align-items:center}.tree-tools button{padding:9px 13px;min-width:38px}.tree-viewport{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;cursor:grab}.tree-world{position:absolute;transform-origin:0 0;will-change:transform}.tree-lane{position:absolute;left:0;border-bottom:1px solid #ad9a7438;background:#f8f0d820}.tree-lane:nth-child(2n){background:#8caa9a09}.tree-lane>strong{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:12px;letter-spacing:.12em;display:flex;align-items:center;gap:7px;color:#776447}.tree-lane>strong svg{width:20px;height:20px}.tree-connectors{position:absolute;left:0;top:0;pointer-events:none;overflow:visible}.tree-connectors path{fill:none;stroke:#9c967e;stroke-width:1.5}.tree-connectors path.cross-branch{stroke:#b17b42;stroke-width:2.5;stroke-dasharray:4 5}.tree-connectors path.path-edge{stroke:#ad5f25;stroke-width:4;filter:drop-shadow(0 0 2px #f5d390)}.tree-node{position:absolute;width:184px;height:50px;padding:7px 11px;border:1px solid #a69d85;border-radius:9px;background:#dedacd;color:#837e70;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;text-align:left;box-shadow:0 2px 5px #65543515}.tree-node b{font-size:14px;line-height:1.1}.tree-node small{font-size:10px}.tree-node.planned{border-style:dashed;background:#e2dfd3;color:#898579}.tree-node.available{background:#f7eaca;color:#67512e;border-color:#b58f54}.tree-node.available.affordable{box-shadow:0 0 0 2px #d9b56b44,0 0 13px #cba76655}.tree-node.completed{background:#d2e0c3;color:#355c44;border-color:#608161}.tree-node.active{background:#f8df9f;color:#61491f;border:2px solid #ae7a33}.tree-node.path-node{outline:2px solid #b4793c;outline-offset:2px;color:#615a49}.tree-node .short-cost{position:absolute;right:10px;top:16px;color:#b54f39;font-style:normal;font-weight:700}.tree-legend{display:flex;align-items:center;gap:18px;font-size:10px;padding:7px 0;border-top:1px solid #baa582}.tree-legend small{margin-left:auto}.cross-key{color:#a2622f;font-weight:700}.complete-key{color:#3d6a4c}#research-detail{display:grid;grid-template-columns:1fr 1fr 200px;gap:24px;min-height:122px;padding-top:10px;border-top:1px solid #baa582}#research-detail h2{font-size:20px;margin:0 0 6px;display:flex;align-items:baseline;gap:10px}#research-detail h2 small{font-size:10px;color:#857a62}#research-detail p{font-size:12px;margin:5px 0;line-height:1.35}#research-detail small{font-size:10px;line-height:1.4}#research-detail em{font-size:10px}.path-total{border-left:1px solid #b8a57c66;padding-left:20px}.path-total strong{display:block;font-size:15px;margin:7px 0 5px}.research-action{display:flex;flex-direction:column;justify-content:center;gap:7px}.research-action button{padding:10px 12px;font-size:12px}.missing-resource{color:#b34530;font-weight:700}@media(max-width:1250px){.tree-legend{gap:10px}.tree-legend small{display:none}.current-research{max-width:320px}#research-detail{grid-template-columns:1fr 1fr 160px;gap:12px}.research-heading .eyebrow{font-size:9px}}.production-tabs{display:flex;gap:3px;flex-wrap:wrap;margin:10px 0}.production-tabs button{font-size:11px;padding:8px 6px;flex:1}.production-tabs .picked{background:#82623d;color:#fff0ce}.production-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:7px}.production-grid button{min-height:98px;margin:0!important;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:12px}.production-grid .icon{width:29px;height:29px}.production-grid small{font-size:10px;line-height:1.4}.production-grid button:disabled{opacity:.55}.production-panel{border-top:1px solid #aa895e60;padding-top:8px}#turn-tasks .icon{width:19px;height:19px;flex-shrink:0}#setup{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;padding:6vh max(7vw,24px);background:radial-gradient(ellipse at 10% 20%,#36534be8,transparent 65%),linear-gradient(120deg,#142b31f5,#173b3bf0);color:#f2e3c4;overflow:auto}#setup::backdrop{background:#172c30}#setup h1{font-size:clamp(36px,5vw,74px)}#setup .setup-layout{max-width:1150px;margin:auto}#setup .start-button{max-width:1150px}#setup label{color:#d6d8c8}body{background:linear-gradient(180deg,#91b7cb,#bacfc8 52%,#e7dfbc)}.parchment{background-image:repeating-radial-gradient(circle at 17% 33%,#9b754305 0 1px,transparent 1px 4px),linear-gradient(125deg,#fff0d4ed,#e7d6b6ef);box-shadow:0 10px 30px #192c3230,inset 0 1px #fff6;border:1px solid #a58555a0}:root{--display:WorldSerif,Georgia,serif}h1,h2,h3,.player-chip strong,#match-meta,#end-turn{font-family:var(--display)}.tree-node .icon,.tree-legend .icon{width:10px;height:10px}.tree-node small{display:flex;align-items:center;gap:4px}#setup p,#setup .lead{color:#c8d6c7}#setup input,#setup select{background:#18373b;color:#f7e8cb;border-color:#71918c}#setup h1{color:#f5e2b7;text-shadow:0 2px 20px #e7bb5830}#setup .tabs{justify-content:center}#setup .setup-footer{max-width:1150px;margin:auto}#resource-strip .delta{position:absolute;top:26px;color:#6d833b;animation:resource-delta 1.1s forwards;font-size:12px}@keyframes resource-delta{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-15px)}}.count.changed{animation:count-pulse .35s ease-out}@keyframes count-pulse{50%{color:#aa7628;transform:translateY(-2px)}}#end-turn span{font-size:20px;white-space:nowrap}.ruleset-picker summary{cursor:pointer;padding:12px 0;color:#dbc99f}.production-grid .icon{display:block;margin:0 auto 5px}.production-grid small .icon{display:inline-block;width:12px;height:12px;margin:0;vertical-align:-2px}.production-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(40px,1fr))}.production-tabs button{font-size:10px;padding:8px 2px}#context{max-height:72vh}.production-grid button{min-height:116px}.production-grid small{display:block;margin-top:6px}.research-stock{display:flex;align-items:center;gap:20px;padding:9px 0;border-bottom:1px solid #b9a37c;flex-shrink:0}.research-stock>span{display:flex;align-items:center;gap:5px}.research-stock .icon{width:20px;height:20px}.research-stock small{font-size:10px}.research-stock>b{font-size:11px;text-transform:uppercase;letter-spacing:1px}#research-detail{grid-template-columns:1.7fr 1fr 170px;max-height:32vh;min-height:205px;overflow:auto}.unlock-cards{display:flex;gap:8px;flex-wrap:wrap}.unlock-card{flex:1;min-width:180px;border:1px solid #baa582;border-radius:8px;padding:8px;background:#fff5d53d}.unlock-title{display:flex;align-items:center;gap:8px}.unlock-title>.icon{width:30px;height:30px;flex-shrink:0}.unlock-title small{display:block}.unlock-cost{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;font-weight:700}.unlock-cost span{display:inline-flex;gap:4px;align-items:center}.unlock-cost .icon{width:16px;height:16px}.unlock-card.planned{filter:grayscale(1);border-style:dashed}@media(max-height:800px){#research-detail{min-height:180px;max-height:32vh}.research-stock{padding:5px 0;gap:12px}.unlock-card{padding:5px}.unlock-card p{font-size:10px!important}.research-heading .eyebrow{display:none}}#research-panel{background:radial-gradient(ellipse at 22% 35%,#334d4d99,transparent 48%),radial-gradient(ellipse at 80% 40%,#45405c66,transparent 45%),linear-gradient(125deg,#142c31,#18222f 65%,#282d36);color:#eee1bf;border:1px solid #9b8257}#research-panel .research-heading{border-color:#8f80574d}#research-panel h1{color:#f0ddad;letter-spacing:2px}#research-panel .research-heading .eyebrow{color:#c2ac7e}.research-stock{color:#e6d9b9;border-color:#ac966146}.research-stock small{color:#b7b8a6}.tree-viewport{background:radial-gradient(circle at 28% 35%,#c3b68112 1px,transparent 2px) 0 0/47px 53px,radial-gradient(circle at 50% 50%,#c3b68108 1px,transparent 2px) 0 0/83px 67px}.tree-lane{background:transparent!important;border:0!important}.tree-lane>strong{color:#bda875;letter-spacing:2px;opacity:.85}.tree-lane>strong .icon{width:30px;height:30px}.tree-node{border:0!important;background:transparent!important;box-shadow:none!important;text-align:left;padding:4px 0 0 64px!important;overflow:visible!important;color:#e8d6b0!important;border-radius:0!important}.tree-node b{font-family:WorldSerif,serif;font-size:17px;text-shadow:0 2px 4px #071318}.tree-node small{color:#b7b8ab!important;font-size:9px}.discovery-medallion{position:absolute;left:3px;top:0;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:2px solid #b29663;background:radial-gradient(circle at 35% 25%,#566557,#233940 75%);box-shadow:0 0 0 4px #a68d4722,inset 0 0 0 3px #d5be8144,0 4px 9px #0005}.discovery-medallion .icon{width:28px;height:28px;color:#e3ce9b}.tree-node.planned{opacity:.5!important;filter:grayscale(.9)}.tree-node.planned .discovery-medallion{border-style:dashed}.tree-node.locked{opacity:.65!important}.tree-node.affordable .discovery-medallion{box-shadow:0 0 0 4px #cfb35422,0 0 20px #d4b65b66,inset 0 0 0 3px #d5be8144}.tree-node.completed .discovery-medallion{background:#506b4d;border-color:#c4d39a}.tree-node.path-node .discovery-medallion{border-color:#ffe3a5;box-shadow:0 0 0 5px #e4ba5633,0 0 22px #e4ba5677}.tree-node:focus-visible{outline:1px solid #ffdfa7!important}.tree-connectors path{stroke:#8a987e;stroke-width:1.5;opacity:.55}.tree-connectors .cross-branch{stroke:#b79a79;stroke-width:2;opacity:.7}.tree-connectors .path-edge{stroke:#f1ce83!important;stroke-width:3!important;opacity:1!important;filter:drop-shadow(0 0 3px #e5b35499)}.tree-legend{color:#c2bea7;border-color:#88754966}.tree-legend .complete-key{color:#d2dc9a}#research-detail{background:linear-gradient(110deg,#e7d8b5,#d5c49d);color:#493d2c;border:1px solid #ac9264;border-radius:10px;padding:12px;box-shadow:0 -6px 30px #0002}#research-detail h2{color:#493d2c}.tree-node .short-cost{right:auto;left:40px;top:0}.path-total .eyebrow{color:#756244}.unlock-card{background:#fff5d53d}.unlock-title b{font-family:WorldSerif,serif;font-size:16px}.tree-node.planned{opacity:.7!important}.tree-node.locked{opacity:.82!important}.tree-node.path-node{outline:none!important}.tree-node b{font-size:18px}#research-status{min-width:85px;max-width:160px;padding:0 8px;display:flex;flex-direction:column;justify-content:center;font-size:12px;color:#514027}#research-status small{font-size:10px;color:#776c51}#research-status b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1250px){#research-status{max-width:110px;min-width:65px;font-size:10px;padding:0 3px}}.building-option{border:1px solid #baa58266;border-radius:8px;overflow:hidden;padding:5px}.building-option>small{display:block;font-size:10px;line-height:1.35;margin:5px 2px;color:#6b614b}.building-option .build-reason{font-weight:700}.building-option button{width:100%;height:auto;min-height:58px}.building-option .icon{width:22px;height:22px;display:inline-block}#board canvas{touch-action:none;cursor:grab}#board.panning canvas{cursor:grabbing}.dev-entry{font-size:11px;white-space:nowrap;border:1px solid #ad8957;background:#e7d9b8;color:#493f2d;padding:6px 10px}#dev{width:min(570px,92vw);max-height:88vh;overflow:auto}.sim-tools{border-block:1px solid #bba477;padding:20px 0;margin:15px 0}.sim-tools h3{font-size:27px;margin:8px 0}.sim-tools p,.lab-shortcuts p{font-size:13px;line-height:1.6}.sim-buttons{display:flex;gap:8px;flex-wrap:wrap}.sim-buttons button{padding:10px 17px}.sim-buttons button[data-sim="20"]{background:#416257;color:#f5e9cc}#sim-progress{min-height:24px;font-weight:600}#dev summary{cursor:pointer;padding:12px 0}.lab-shortcuts{padding-top:18px;color:#65573f}#sim-watch{position:fixed;top:110px;left:50%;transform:translate(-50%);padding:10px 16px;z-index:12;display:flex;align-items:center;gap:18px;font-size:13px}#sim-watch[hidden]{display:none}#command-panel{position:fixed;left:0;top:58px;bottom:0;width:330px;z-index:12;display:flex;flex-direction:column;border-radius:0;border:0;border-right:2px solid #8f774d;background:linear-gradient(110deg,#f0e7d0 0,#ddd0ad 72%,#c8b486);box-shadow:6px 0 30px #10252c55,inset -7px 0 16px #795b2822}#command-panel:after{content:"";position:absolute;inset:0 5px 0 auto;width:1px;background:#fff6dc88;pointer-events:none}#command-panel[hidden]{display:none}.command-brand{padding:13px 17px 12px;font-family:var(--display);letter-spacing:3px;border-bottom:3px double #9c8051;background:linear-gradient(#405c59,#294743);color:#f5e8c8;text-shadow:0 2px 2px #142927}.command-brand{display:flex;align-items:baseline;justify-content:space-between}.command-brand b{font-size:19px}.command-brand span{font:9px system-ui;letter-spacing:2px;color:#d9cda8}#command-scroll{overflow:auto;flex:1;min-height:0}#command-panel #context,#command-panel #pack,#command-panel #tray{position:static;transform:none;width:auto;max-width:none;max-height:none;margin:0;border-radius:0;box-shadow:none;border:0;background:transparent;padding:12px}#command-panel #context[hidden],#command-panel #pack[hidden],#command-panel #tray[hidden]{display:none}#inventory-scroll{overflow:auto;flex:1;min-height:100px;border-top:1px solid #ad956f}#command-panel #hand{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible;max-height:none;gap:6px;padding:0}#command-panel #hand button{min-width:0;width:100%;height:auto;aspect-ratio:1}#command-panel .tray-lip{flex-wrap:wrap;padding:0 0 10px;gap:6px}#command-panel .production-grid{grid-template-columns:1fr 1fr;gap:6px}#command-panel .production-card,#command-panel .building-option button{padding:9px;font-size:13px}#command-panel button{border-color:#9a8057;box-shadow:inset 0 1px #fff9e2aa,0 1px 1px #6f583622}#command-panel button:hover{transform:translateY(-1px)}#command-panel small{font-size:11px}#command-panel h2{font-size:24px;border-bottom:1px solid #b39c72;padding-bottom:7px}#command-panel h3{font-size:17px;color:#5d4b32}#command-panel p{font-size:12px;line-height:1.45}#command-panel footer{flex-shrink:0;padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:5px;border-top:3px double #a98c59;background:#cbb98e55}#command-panel footer button{font-size:11px;padding:7px}.command-tabs{display:flex;gap:0;padding:0;border-block:3px double #ad956f}.command-tabs button{flex:1;border:0;border-radius:0;padding:10px}.command-tabs .picked{background:#35585b;color:#fff0cc}.command-tabs .picked:after{content:"";display:block;width:34px;height:2px;background:#e8c67c;margin:5px auto -5px}#tile-shop{display:grid;gap:6px;padding-top:10px}#tile-shop>small{line-height:1.4;color:#73634c}#strategic-panel{position:fixed;right:14px;top:70px;width:232px;z-index:12;color:#f4e8c8}#strategic-panel[hidden]{display:none}.strategic-heading{display:flex;justify-content:space-between;align-items:baseline;padding:8px 10px;background:#19343be8;border:1px solid #8e7c57;border-bottom:0}.strategic-heading b{font:13px var(--display);letter-spacing:2px}.strategic-heading span{font-size:9px;color:#b8c5bc}#minimap{width:100%;height:148px;display:block;border:1px solid #8d774e;background:#173b46;cursor:crosshair;box-shadow:0 8px 22px #10252c66}#strategic-panel #players{position:static;width:auto;display:grid;gap:3px;margin-top:7px}#strategic-panel .player-chip{border-radius:3px;background:#18343cde;color:#f4e8c8;border-color:#827654;padding:6px 8px;box-shadow:0 3px 10px #10252c55}#strategic-panel .player-chip.current{transform:translate(-5px);background:#31545add}#strategic-panel .player-chip b{color:#f7e9c7}#strategic-panel .player-chip strong{font-size:21px}#strategic-panel .player-chip .chip-pieces{color:#d5c8aa}#board{left:330px;width:calc(100% - 330px)}#camera-tools,#history-controls{left:346px}#ticker{left:346px;bottom:16px;max-width:260px}#guide{left:346px}.selection-open #ticker{display:block}#end-dock{bottom:20px}.unit-portrait{display:flex;align-items:center;gap:14px;font-family:var(--display)}.unit-portrait>svg{width:50px;height:50px;padding:8px;background:#405956;color:#f5e6bc;border-radius:50%;border:2px solid #ac8550}.equipment-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:10px}.equipment-slots button{padding:5px;min-height:62px;min-width:0}.equipment-slots small{display:block;font-size:9px!important;overflow-wrap:anywhere}.equipment-store{min-height:75px;padding:8px;border:1px dashed #a58b60;display:grid;gap:6px}.equipment-store button{font-size:12px}#feedback-dialog textarea{width:100%;resize:vertical}#feedback-dialog pre{white-space:pre-wrap;font-size:12px}#feedback-dialog{max-width:560px}#map-preview{height:240px;background:radial-gradient(ellipse,#77958b44,transparent);border:1px solid #a2875555;border-radius:12px;overflow:hidden}#map-preview canvas{display:block;width:100%;height:100%}#map-description{font-size:13px;min-height:32px;margin:0}.save-shelf{padding:16px}.save-shelf button{display:block;margin:8px}@media(max-width:1200px){#command-panel{width:280px}#board{left:280px;width:calc(100% - 280px)}#camera-tools,#history-controls,#ticker{left:296px}#strategic-panel{width:194px;right:8px}#hud nav{gap:2px}#hud button{font-size:12px}}.tree-world .tree-node{width:130px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;padding:0;background:none!important;box-shadow:none!important;border:0!important}.tree-world .tree-node b{font-size:15px;line-height:1.05;white-space:normal}.tree-world .tree-node small{font-size:10px}.tree-world .discovery-medallion{width:50px;height:50px}.tree-world .tree-connectors path,.tree-world .tree-connectors .cross-branch{opacity:.12;stroke:#b6bba4;stroke-width:1;fill:none;transition:opacity .16s,stroke .16s}.tree-world .tree-connectors .path-edge{opacity:1!important;stroke:#f6d38a!important;stroke-width:3!important}.radial-branch{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;font-size:14px;letter-spacing:3px;color:#c7bc92;opacity:.6}.radial-branch svg{width:22px;height:22px}.tree-compass{position:absolute;width:76px;height:76px;border:1px solid #b59b5c66;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 10px #b59b5c0b,0 0 0 24px #b59b5c06}.tree-compass svg{width:34px;height:34px;color:#bea775}.tree-world .tree-node{padding:0!important;text-align:center!important;width:150px;height:auto!important;min-height:90px}.tree-world .discovery-medallion{position:relative;left:auto;top:auto;width:58px;height:58px;flex-shrink:0}.tree-world .tree-node b{font-size:22px}.tree-world .tree-node small{font-size:12px}.tree-world .tree-node .short-cost{left:92px;top:0}.tree-world .radial-branch{font-size:18px}#command-panel #hand{grid-template-columns:repeat(3,minmax(0,1fr))}#command-panel #hand button{max-width:100%;box-sizing:border-box}#setup .picker button{color:#e5d9bb;background:#28484b;border:1px solid #8e927c}#setup .picker button.picked{background:#b89056;color:#fff4d5;border-color:#edc98b}#setup .picker button:hover{background:#577268;color:#fff4d5}#setup .setup-note{color:#e0d2b6}#setup .title-heading{padding-top:14px}#setup h1{font-size:64px;margin:10px}#setup .title-fields{gap:12px}#setup .seat-grid{gap:8px}#map-preview{height:210px}.tree-compass{display:none}.radial-branch{pointer-events:none}#command-panel #tray,#command-panel #pack,#command-panel #context{min-width:0}#command-panel .tray-lip{height:auto;min-height:34px;color:#705c3e}.command-brand{align-items:center;gap:8px;letter-spacing:1px}.command-brand b{font-size:18px;line-height:1.1;max-width:225px}.command-brand span{max-width:65px;text-align:right;letter-spacing:1px}.dark-slot{opacity:.55;filter:grayscale(1);border:1px dashed #615b49;background:#59534633;display:grid;place-items:center;padding:8px;border-radius:7px}.dark-slot small{font-size:11px}.dark-slot svg{width:28px;height:28px}#setup{background:#f3f1e8;color:#34443b;padding:28px max(24px,calc((100vw - 1100px)/2));box-shadow:none}#setup::backdrop{background:#263d3655}#setup .title-heading h1{font-size:36px;margin:0;color:#34443b;text-shadow:none}#setup .title-heading .eyebrow{display:none}#setup .title-heading p{margin:4px 0 18px;color:#6b756c}#setup button,#setup input,#setup select{border:1px solid #bbc5b8;border-radius:6px;box-shadow:none;text-shadow:none;color:#34443b;background:#fffef9;font:inherit}#setup button{padding:9px 14px;cursor:pointer}#setup button:hover:not(:disabled){background:#e4edde;border-color:#779372}#setup button:disabled{opacity:.55;cursor:default}#setup button:focus-visible,#setup input:focus-visible,#setup select:focus-visible{outline:3px solid #638952;outline-offset:2px}#setup button.picked,#setup .picker button.picked{background:#d7e7cc;color:#2b4629;border-color:#86a475}#setup .title-tabs{border-bottom:1px solid #c8cfbf;padding-bottom:10px;margin:14px 0}#setup .title-tabs button{margin-right:6px}#setup .play-mode{display:flex;align-items:center;gap:16px;margin:12px 0}#setup .play-mode p,#setup small,#setup .setup-note{color:#697467}#setup input,#setup select{padding:9px 12px;min-height:38px}#setup .title-fields{gap:16px}#setup .title-fields label{color:#34443b}#setup .picker{gap:6px}#setup .picker button{padding:9px 12px;background:#fffef9;color:#34443b}#setup .title-start{background:#527648;color:#fff;border-color:#527648;font-size:21px;padding:13px;margin-top:12px}#setup .map-choice{background:#fffef9;border:1px solid #cbd2c3;border-radius:8px;padding:16px}#setup .map-choice-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}#setup h2{font-weight:600;font-size:20px;margin:0}#setup .map-choice-heading h2{font-size:21px}#setup .map-choice-heading button+button{margin-left:6px}#setup #map-preview{height:260px;background:#e3e9dc;border:0;margin:14px 0 8px;border-radius:6px;overflow:hidden}#setup #map-description{font-size:14px;margin:8px 0;color:#697467}#setup .slot-hint{font-size:13px;margin:16px 0 8px;color:#697467}#setup .map-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}#setup .map-slots button{text-align:left;padding:10px;display:flex;flex-direction:column;gap:5px;min-width:0}#setup .map-slots span{font-size:12px;color:#697467}#setup .map-slots strong{font-size:14px;font-weight:600}#setup .map-slots small{overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:12px}#setup .advanced-fields{display:block;min-height:0}#setup .rule-group{margin:0 0 24px;border:1px solid #cbd2c3;border-radius:6px;background:#fffef9;padding:0 16px}#setup .rule-group h2{font-size:18px;padding:14px 0 8px;border-bottom:1px solid #dce1d5}#setup .rule-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0;padding:8px 0;border-bottom:1px solid #edf0e6;min-height:46px}#setup .rule-row:last-child{border-bottom:0}#setup .rule-row span{font-size:15px}#setup .rule-row small{display:block;font-size:12px;margin-top:3px}#setup .rule-row input,#setup .rule-row select{width:150px;flex:none;text-align:right}#setup .ruleset-picker,#setup .save-shelf{border-color:#cbd2c3;color:#4a6043;margin-top:20px}#setup a{color:#466d3c}#setup #setup-error{color:#865321}@media(max-width:650px){#setup{padding:18px}#setup .map-slots{grid-template-columns:repeat(2,minmax(0,1fr))}#setup .map-choice-heading{align-items:flex-start;flex-direction:column}#setup .play-mode{display:block}#setup .rule-row input,#setup .rule-row select{width:110px}#setup #map-preview{height:220px}}#setup .map-slots.replacing button{border-color:#ac8949;background:#fff5db}#setup .map-slots.replacing button:hover,#setup .map-slots.replacing button:focus-visible{outline:2px solid #ac8949;outline-offset:2px}#command-panel{width:360px;background:linear-gradient(110deg,#243b3e,#172c32);color:#f0e4c6;padding:8px;gap:7px;overflow:hidden;box-sizing:border-box}#command-panel .command-brand{background:transparent;padding:6px 8px;border:0;min-height:22px}#command-scroll{flex:0 0 auto;overflow:hidden;border:1px solid #96805a;background:linear-gradient(120deg,#e7d9b5,#d2c29b);color:#3c392b;border-radius:5px}#command-scroll:has(#context[hidden]){flex:0}#command-panel #context{padding:10px}#command-panel .inspection{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:center;min-height:110px}.portrait-frame{height:110px;background:radial-gradient(ellipse,#78938b,#334c4d);border:1px solid #9f865c;border-radius:3px;display:grid;place-items:center}.portrait-frame img{width:110px;height:110px;object-fit:contain}.inspection-info{position:relative;min-width:0;display:flex;flex-direction:column;gap:4px}#command-panel .inspection-info h2{font:22px var(--display);border:0;margin:0;padding:0}#command-panel .inspection-info .eyebrow{font-size:9px;letter-spacing:1.5px}#command-panel .inspection-info small{font-size:11px;line-height:1.25}.inspection-info meter{width:100%;height:9px;accent-color:#54713a}#command-panel .close-selection{position:absolute;right:-4px;top:-12px;padding:0;width:22px;height:22px;font-size:20px;background:none;border:0;box-shadow:none}#command-panel .equipment-slots{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:9px 0 0}#command-panel .equipment-slots:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}#command-panel .equipment-slots:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}#command-panel .equipment-slots button{min-height:43px;width:100%;padding:3px;border-radius:3px;background:#c5b38e}#command-panel .equipment-slots svg{width:19px;height:19px}#command-panel .equipment-slots small{font-size:8px!important;line-height:1.1}#command-panel .switch-selection{font-size:10px;padding:3px 7px;margin-top:5px}.player-seal{width:84px;height:84px;background:var(--faction);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);display:grid;place-items:center;font:44px var(--display);color:#183236;margin:auto}.own-income{display:flex;gap:9px;align-items:center;margin-top:6px;font-size:12px}.own-income svg{width:15px;height:15px}.own-income small{margin-left:auto}#command-panel #panel-research{width:100%;font-size:12px;padding:5px;margin-top:8px}#command-panel .command-tabs{border:1px solid #96805a;border-radius:3px;flex-shrink:0}#command-panel .command-tabs button{font-size:12px;padding:9px 2px;background:#304a4d;color:#e7d8b2;box-shadow:none}#command-panel .command-tabs button.picked{background:#b79451;color:#192d32}#command-panel .command-tabs button:after{display:none}#inventory-scroll{flex:1;min-height:0;overflow:hidden;border:1px solid #96805a;border-radius:4px;background:#e1d3af;display:flex;flex-direction:column;color:#39392c}#command-panel #pack{flex:1;min-height:0;display:flex;flex-direction:column;padding:8px;gap:7px;overflow:hidden}#command-panel #pack:has(.panel-footer:empty):not(:has(.store-grid,.recipe-grid)){display:none}.category-tabs{display:flex;gap:4px;flex-shrink:0}.category-tabs button{flex:1;font-size:12px;padding:6px!important;border-radius:3px}.category-tabs .picked{background:#365357;color:#fff0c6}.store-grid,.recipe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:5px;min-height:0;flex:1;align-content:start}.store-grid,.recipe-grid{grid-template-rows:repeat(4,minmax(0,1fr))}#command-panel .store-cell,#command-panel .recipe-cell{min-width:0;min-height:0;padding:5px 3px;border:1px solid #a28c62;border-radius:3px;background:linear-gradient(#eedfbb,#cfbd97);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}#command-panel .store-cell.empty{background:#b8a78055;border-color:#ae9c7666}#command-panel .store-cell.picked{outline:2px solid #36595c;outline-offset:-2px}#command-panel .store-cell svg,#command-panel .recipe-cell svg{width:27px;height:27px;flex-shrink:0}#command-panel .store-cell small,#command-panel .recipe-cell span span{display:block;font-size:10px!important;line-height:1.1;text-align:center;overflow-wrap:anywhere}#command-panel .store-cell b{position:absolute;right:3px;top:2px;font-size:10px;background:#e4d5b2cc;padding:0 2px}#command-panel .recipe-cell>small{display:none}#command-panel .recipe-cell:disabled{opacity:.43;filter:grayscale(1)}#command-panel .recipe-cell>span{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.panel-footer{flex-shrink:0}.panel-hint{margin:0!important;font-size:10px!important;line-height:1.25!important}.panel-pager,#hand-pages{display:flex;justify-content:center;align-items:center;gap:14px;font-size:11px;flex-shrink:0}.panel-pager button,#hand-pages button{padding:1px 9px!important}.item-actions{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.item-actions strong{width:100%;font-size:11px}.item-actions button{font-size:11px;padding:4px 8px!important}.queue-footer{border-top:2px solid #a98c59;padding-top:6px;margin-top:5px}.queue-footer .eyebrow{font-size:9px}.queue-job{display:flex;gap:6px;align-items:center;justify-content:space-between}.queue-job span{min-width:0}.queue-job b{font-size:12px}.queue-job small{display:block;font-size:10px!important}.queue-job button{font-size:10px;padding:4px!important}.queue-job button small{font-size:8px!important}.tactical-actions{display:flex;gap:4px}.tactical-actions button{flex:1;padding:4px!important;font-size:11px}.tactical-actions small{font-size:9px!important}.grid-message{grid-column:1/-1}#command-panel #tray{flex:1;min-height:0;display:flex;flex-direction:column;padding:8px;gap:6px;overflow:hidden}#command-panel #hand{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);min-height:0;flex:1;align-content:start;overflow:hidden}#command-panel #hand button{height:auto;aspect-ratio:auto;min-height:0;padding:3px;max-height:100px}#command-panel #hand button[hidden]{display:none}#command-panel #hand svg{width:100%;height:100%;max-height:90px}#tile-shop{display:grid;grid-template-columns:1fr 1fr;padding:0;flex-shrink:0}#tile-shop button{font-size:12px;padding:6px}#tile-shop small{font-size:9px}#command-panel footer{padding:0;border:0;background:none}#command-panel footer button{background:#304a4d;color:#eddfbd;font-size:10px;padding:5px}#board{left:360px;width:calc(100% - 360px)}#camera-tools,#history-controls,#ticker,#guide{left:372px}#loot-dialog{width:min(620px,90vw);overflow:hidden}#loot-dialog .loot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}#loot-dialog .loot-grid button{font-size:11px;padding:6px}#loot-dialog .loot-grid svg{width:22px;height:22px}.loot-choice{display:flex;gap:6px;margin-top:12px}@media(max-height:760px){#command-panel .inspection{grid-template-columns:76px 1fr;min-height:76px}.portrait-frame,.portrait-frame img{width:76px;height:76px}.player-seal{width:66px;height:66px;font-size:32px}#command-panel .inspection-info h2{font-size:19px}#command-panel #context{padding:7px}#command-panel .equipment-slots button{min-height:34px}#command-panel .equipment-slots small{display:none}#command-panel .command-brand{padding:1px 8px}#command-panel .store-cell svg,#command-panel .recipe-cell svg{width:19px;height:19px}#command-panel .store-cell small,#command-panel .recipe-cell span span{font-size:9px!important}#command-panel .switch-selection{padding:1px 7px}#command-panel{gap:4px}}@media(max-width:850px){#command-panel{width:300px}#board{left:300px;width:calc(100% - 300px)}#camera-tools,#history-controls,#ticker,#guide{left:312px}#strategic-panel{width:155px}}#command-panel #panel-bank{font-size:10px;padding:2px 7px;margin-top:4px}.recipe-detail{height:35px;flex-shrink:0;font-size:10px;line-height:1.2;padding:3px 0;color:#665434}.bank-choices{display:flex;gap:6px}.bank-choices button{font-size:12px;padding:7px}#bank-dialog{max-width:640px}#bank-dialog h3{margin:10px 0 3px}#command-panel .store-grid,#command-panel .recipe-grid{flex:0 1 340px;max-height:340px}.store-cell.unavailable{filter:grayscale(1);opacity:.48}.store-cell.unavailable:hover,.store-cell.unavailable:focus-visible,.store-cell.unavailable.picked{opacity:.75}#command-panel{--ink: #254454;color:#3d382e;background:radial-gradient(ellipse at 0 0,#fff2da88,transparent 60%),linear-gradient(105deg,#e7d0ab,#dfc5a2 70%,#cbb18d);border:1px solid #a88b65;border-right:3px solid #b99b73;box-shadow:inset 2px 0 #fff6e0aa,5px 0 18px #172c3629;padding:10px 12px;gap:8px}#command-panel .command-brand{color:#624f36;padding:3px 4px 8px;border-bottom:1px solid #a98a5b66}#command-panel .command-brand>:first-child{color:#254454;text-shadow:none;letter-spacing:3px;font-size:19px}#command-panel .command-brand>:last-child{font-size:8px;letter-spacing:1.5px}#command-scroll,#inventory-scroll{background:transparent;border:0;border-radius:0;box-shadow:none}#command-panel #context{padding:9px 3px 10px}#command-panel .inspection{grid-template-columns:112px minmax(0,1fr);gap:13px}#command-panel .portrait-frame{background:radial-gradient(ellipse at 50% 30%,#d7e2ce,#a8baac 60%,#7f9694);border-color:#b39a75;box-shadow:inset 0 0 15px #fff5db55,0 2px 4px #5e482c22;border-radius:5px}#command-panel .inspection-info h2{font-size:26px;line-height:1.05;color:var(--ink)}#command-panel .inspection-info .eyebrow{font:12px var(--body);letter-spacing:.3px;color:#64563f}#command-panel .inspection-info strong{font-weight:500;font-size:13px;color:#584b39}#command-panel .inspection-info small{font-size:12px;color:#63513a}#command-panel meter{height:11px;accent-color:#a84e32}#command-panel meter::-webkit-meter-bar{background:#c4ab84;border:1px solid #a38a65;border-radius:3px}#command-panel meter::-webkit-meter-optimum-value{background:linear-gradient(#d98a53,#a3442d)}#command-panel .equipment-slots{gap:7px;margin-top:14px}#command-panel .equipment-slots button{min-height:52px;background:linear-gradient(125deg,#b79d7866,#d5bd9955);border:1px solid #ac906350;box-shadow:inset 0 1px 5px #62482012;color:#75664b;font-size:23px}#command-panel .equipment-slots svg{width:26px;height:26px}#command-panel .command-tabs{border:0;border-bottom:1px solid #ac885466;border-radius:0;gap:3px}#command-panel .command-tabs button{background:linear-gradient(#615e54,#494941);color:#f8ebd3;font:19px var(--display);padding:9px 2px;border:0;border-radius:6px 6px 0 0;box-shadow:inset 0 1px #fff3}#command-panel .command-tabs button.picked{color:#254454;background:linear-gradient(#f7e8cb,#dfc49c);box-shadow:inset 0 2px #fff1cf;border-bottom:2px solid #bd903a}#command-panel .command-tabs svg{display:none}#command-panel #pack,#command-panel #tray{padding:3px 1px;gap:9px}#command-panel .category-tabs{gap:0;border-bottom:1px solid #b99b6e55;padding-bottom:3px}#command-panel .category-tabs button{background:transparent;color:#645039;border:0;border-radius:0;box-shadow:none;font:15px var(--display);position:relative}#command-panel .category-tabs button+button{border-left:1px solid #ad926d44}#command-panel .category-tabs button.picked{color:#224759;border-bottom:2px solid #bd903a}#command-panel .store-grid,#command-panel .recipe-grid{gap:7px;flex-basis:340px;max-height:340px}#command-panel .store-cell,#command-panel .recipe-cell,#command-panel #hand button{background:linear-gradient(125deg,#bba17b44,#d1b68e55);border:1px solid #a88c6255;border-radius:5px;box-shadow:inset 1px 2px 4px #72533410;color:#4d4939}#command-panel .store-cell.empty{background:#a68b6826;border-color:#a48a6133}#command-panel .store-cell svg,#command-panel .recipe-cell svg{width:34px;height:34px;filter:drop-shadow(0 2px 0 #5b482d25)}#command-panel .store-cell small,#command-panel .recipe-cell span span{font-size:11px!important;color:#4e4b3b}#command-panel .store-cell b{top:auto;bottom:3px;right:3px;background:#f8ebd3;color:#493d2e;min-width:16px;padding:2px 4px;border:1px solid #ae926b;border-radius:3px;font:13px var(--body)}#command-panel .store-cell.picked{outline:2px solid #c29424;outline-offset:-2px;background:#f4dfaa88}#command-panel button:not(:disabled):hover{border-color:#b38736;background-color:#ffedc77a;color:#1e4258}#command-panel button:focus-visible,.pad-focus{outline:3px solid #22668a!important;outline-offset:2px}#command-panel .item-actions{border-top:1px solid #b0977155;padding-top:9px;gap:7px}#command-panel .item-actions strong{font:20px var(--display);color:#254454}#command-panel .item-actions button{background:#eed9b5;color:#254454;border:1px solid #b38a42;border-radius:4px;padding:7px 14px!important;font:16px var(--display);box-shadow:0 2px #8d6d3e22}#command-panel .queue-footer{border-top:1px solid #ab8a5855;padding-top:9px}#command-panel .queue-footer .eyebrow{color:#6f5b40;letter-spacing:.7px;font-size:10px}#command-panel .panel-footer{margin-top:auto}#command-panel footer{border-top:1px solid #b99b6e55;padding-top:5px}#command-panel footer button{background:transparent;color:#6d573a;border:0;box-shadow:none;font-size:11px}#command-panel .recipe-detail{color:#66583e;font-size:11px;height:36px}#command-panel .own-income{color:#67573f}#command-panel #panel-research,#command-panel #panel-bank{background:#f1dfbb88;color:#254454;border:1px solid #ae936744;box-shadow:none}#hud{background:linear-gradient(#f4e6cc,#e6d3b2);color:#3b4b49;border-bottom:2px solid #b79b6d;box-shadow:0 2px 8px #18313920}#hud button{color:#345463}#variant-tools button,#fast-actions button,#turn-ledger button,#camera-tools button,#history-controls button{background:#edddbc;color:#2b4e5e;border:1px solid #ab9168;box-shadow:0 2px #79634133;border-radius:4px}#variant-tools{gap:4px}#variant-tools button{padding:7px 9px;font-size:12px}#fast-actions{background:#efdfbedf;border-color:#b39a70;bottom:16px;left:380px;transform:none;max-width:calc(100vw - 605px);box-shadow:0 3px 12px #20383c22;border-radius:5px;gap:5px;padding:7px}#fast-actions small{color:#66543b;font-size:11px}#fast-actions button[aria-pressed=true],#variant-tools button[aria-pressed=true]{background:#d4b66c;color:#244855;border-color:#b38b3e}#strategic-panel{background:transparent}#strategic-panel .strategic-heading{background:#eeddbd;color:#34515c;border-color:#b29a74}#strategic-panel .strategic-heading span{color:#78664a}#strategic-panel .player-chip{background:#eadabcef;color:#344d55;border-color:#b7a079;box-shadow:0 2px 4px #14313615}#strategic-panel .player-chip.current{background:#fff1cf;border-color:#bb923d}#strategic-panel .player-chip b,#strategic-panel .player-chip .chip-pieces{color:#34515c}#ticker{bottom:84px;max-width:220px;max-height:52px;overflow:hidden}#camera-hint{display:none}#next-action{text-shadow:none;color:#ede4c7}.piece-label{pointer-events:auto!important;width:21px;height:20px;min-height:0;padding:0!important;border:1px solid #f4e7c9!important;border-bottom:3px solid var(--piece-color)!important;border-radius:4px;background:#2d4b52ed!important;color:#f6edce!important;font:12px system-ui!important;box-shadow:0 2px 4px #132d3540!important;text-shadow:none!important;cursor:pointer}.piece-label.ready:after{content:"";position:absolute;right:-4px;top:-4px;width:6px;height:6px;background:#fff2a4;border:1px solid #64713f;border-radius:50%}.piece-label:hover,.piece-label:focus-visible{outline:2px solid #fff3ab;z-index:2}#minimap-panel,.minimap-wrap{background:#efdfbe;border-color:#b29a74}#players article{background:#eadabcef;color:#344d55;border:1px solid #b7a079;box-shadow:0 2px 4px #14313615}#players article.active{background:#fff1cf;border-color:#bb923d}#turn-tasks button{background:#edddbfed;color:#35515b;border:1px solid #ae9265;border-radius:5px;box-shadow:0 2px 3px #31474820}#end-turn{background:radial-gradient(ellipse at 40% 25%,#738d77,#355e59);color:#fff1cc;box-shadow:0 3px 12px #243e3c33,inset 0 0 0 3px #d8b978}#tooltip{background:#fff0d4;color:#354b53;border:1px solid #b18b53;box-shadow:0 5px 20px #243b4230;border-radius:5px}#research-panel{background:radial-gradient(ellipse at 20% 10%,#fff3d9,#e9d4b0);color:#354d55;border-color:#aa8b5b}#research-panel h1,#research-panel .research-heading .eyebrow{color:#2f5060}#research-panel .research-stock,#research-panel .research-stock small{color:#66563d}#research-panel .tree-node{color:#345467!important}#research-panel .tree-node b{text-shadow:none}#research-panel .tree-node small{color:#6d5f49!important}#research-panel .tree-lane>strong{color:#816c47}#research-panel .discovery-medallion{background:linear-gradient(#f8e8c5,#cfb485);border-color:#b3955f;box-shadow:0 2px 5px #69533333,inset 0 0 0 3px #fff2}#research-panel .discovery-medallion .icon{color:#355563}#research-panel .tree-detail{background:#f8e9cd;color:#34505b;border-color:#ae9168}#research-panel button:not(.tree-node){color:#345563;background:#eddbb8;border-color:#b39668}#bank-dialog,#loot-dialog,#craft,#rules,#over,#turn-ledger{background:#f2e2c3;color:#354e56;border:1px solid #b3976d;box-shadow:0 10px 40px #243f4330}#bank-dialog h2,#loot-dialog h2,#craft h2,#rules h2,#over h2,#turn-ledger h2{color:#2d5061;text-shadow:none}#controller-dialog{max-width:760px;width:90vw;background:#f4e7cb;color:#304d59;border:1px solid #ac8e62;border-radius:9px;padding:28px;box-shadow:0 20px 80px #172a3655}#controller-dialog h2{margin:0 0 12px;font:30px var(--display)}#controller-dialog h3{margin:10px 0;font:19px var(--display)}#controller-dialog p{font-size:14px;line-height:1.65;color:#66553d}.controller-close{float:right;font-size:24px;background:none;border:0;box-shadow:none;color:#345562}.controller-device{display:grid;grid-template-columns:1fr 140px;gap:8px;padding:12px;background:#e4d3af;border-radius:5px;margin:8px 0}.controller-device strong{font-size:12px;overflow-wrap:anywhere}.controller-device small{grid-column:1/-1;color:#706044}.controller-device select{background:#fff2d9;color:#304b55;border:1px solid #ad9063;padding:6px;border-radius:4px}.control-guide{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid #ac91634d}.no-controller,.controller-note{background:#e4d3b066;padding:10px;border-radius:4px}.local-presets{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.local-presets strong,.local-presets small{width:100%}.local-presets button{padding:8px 14px!important}#pad-status{background:#f7e7c9;color:#345361;border:1px solid #b29a73;box-shadow:0 2px 8px #203e4522;bottom:86px}@media(max-height:760px){#strategic-panel:has(.player-chip:nth-child(4)) #minimap{height:70px}#strategic-panel:has(.player-chip:nth-child(4)) .player-chip{padding:3px 6px;min-height:30px}#strategic-panel:has(.player-chip:nth-child(4)) .player-hex{width:28px;height:28px;font-size:18px}#strategic-panel:has(.player-chip:nth-child(4)) .player-chip strong{font-size:16px}#strategic-panel:has(.player-chip:nth-child(4)) .player-chip .chip-pieces{font-size:9px}#command-panel{gap:4px;padding:6px 10px}#command-panel .inspection{grid-template-columns:76px 1fr}#command-panel .inspection-info h2{font-size:23px}#command-panel .equipment-slots{margin-top:8px}#command-panel .equipment-slots button{min-height:36px}#command-panel .command-tabs button{font-size:17px;padding:6px 2px}#command-panel .store-grid,#command-panel .recipe-grid{gap:4px}#command-panel .store-cell svg,#command-panel .recipe-cell svg{width:25px;height:25px}#command-panel .store-cell small,#command-panel .recipe-cell span span{font-size:9px!important}}@media(max-width:1100px){#variant-tools{left:420px}#variant-tools button{font-size:10px;padding:7px 5px}#camera-hint{display:none}#strategic-panel{width:175px}#fast-actions{max-width:calc(100vw - 580px)}}@media(max-width:850px){#variant-tools{left:352px}#fast-actions{left:310px;max-width:calc(100vw - 500px)}#command-panel .inspection{grid-template-columns:80px 1fr}#command-panel .portrait-frame,#command-panel .portrait-frame img{width:80px;height:90px}#command-panel .inspection-info h2{font-size:23px}}#command-panel .recipe-entry{min-width:0;min-height:0}#command-panel .recipe-entry .recipe-cell{width:100%;height:100%}#command-panel .recipe-entry:focus-visible{outline:2px solid #927132;outline-offset:2px}#command-panel .recipe-cell span.recipe-costs{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2px 5px;font-size:10px!important}#command-panel .recipe-cost{display:inline-flex;align-items:center;gap:2px;font-style:normal;line-height:1.1;color:#304d48}#command-panel .recipe-cost svg{width:12px;height:12px;filter:none}#command-panel .recipe-cost.short{color:#9a3d2e}#command-panel .recipe-cell:disabled{opacity:1;filter:none;background:#d9ccb0}#command-panel .recipe-cell:disabled>span>svg,#command-panel .recipe-cell:disabled>span>span:first-of-type{opacity:.48;filter:grayscale(1)}#recipe-hover{position:fixed;z-index:10000;pointer-events:none;width:250px;max-width:calc(100vw - 16px);padding:12px;box-sizing:border-box;border:1px solid #ad9568;border-radius:7px;background:#faf1da;color:#304947;box-shadow:0 5px 18px #15242630;font:13px/1.4 sans-serif}#recipe-hover[hidden]{display:none}#recipe-hover>strong{font:600 18px Georgia,serif}.recipe-tooltip-label{margin-top:9px;font-size:11px;text-align:right;color:#766746}.recipe-tooltip-costs>div{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:4px 6px;margin:4px 0}.recipe-tooltip-costs svg{width:17px;height:17px}.recipe-tooltip-costs .short{color:#9a3d2e}.recipe-tooltip-costs small{grid-column:2 / 4;text-align:right}#recipe-hover p{margin:8px 0 0;font-size:12px}#recipe-hover .recipe-status{border-top:1px solid #c7b48f;padding-top:7px}.research-cost{display:inline-flex;align-items:center;gap:4px;margin-right:8px}.research-cost svg{width:16px;height:16px}.tier-marker.selected-piece{outline:2px solid #fff5cf;box-shadow:0 0 0 3px #315958}@media(max-height:760px){#command-panel .recipe-cell>span{gap:2px}#command-panel .recipe-cell>span>svg{width:22px;height:22px}#command-panel .recipe-cost svg{width:10px;height:10px}}#recipe-hover .item-effects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:10px;font-weight:600;color:#2f6660}#recipe-hover .item-effects>div{padding:4px;background:#e2e8d680;border-radius:3px}#recipe-hover .item-requirements{border-top:1px solid #d3c19b;margin-top:9px;padding-top:6px;font-size:11px;color:#655c4c}#recipe-hover .item-requirements>div{margin-top:3px}#setup .rule-controls{display:flex;gap:6px;align-items:center}#setup .rule-controls select{width:65px}#setup .rule-controls input{width:90px}.task-count{margin-left:auto;display:grid;place-items:center;min-width:23px;height:25px;background:#dce4ce;color:#284a42;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}#recipe-hover .item-effects svg{width:13px;height:13px;vertical-align:-2px}#command-panel .selection-stats{display:flex;gap:5px;margin-top:7px}#command-panel .selection-stats>div{flex:1;display:grid;grid-template-columns:15px 1fr;gap:2px 4px;background:#eee3c880;padding:4px 6px;border-radius:3px}#command-panel .selection-stats svg{width:14px;height:14px}#command-panel .selection-stats b{font-size:12px;color:#294e5b}#command-panel .selection-stats small{grid-column:1/-1;font-size:10px}#command-panel .unit-family-tabs{display:flex;gap:4px;margin:3px 0}#command-panel .unit-family-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:4px;font-size:11px}#command-panel .unit-family-tabs svg{width:16px;height:16px}#command-panel .training-options{display:flex;gap:5px;flex:0 0 auto}#command-panel .training-options .recipe-entry{flex:1}#command-panel .training-options .recipe-cell{min-height:40px;padding:4px}#command-panel .training-options .recipe-cell>span{flex-direction:row;justify-content:center;gap:6px}#command-panel .training-options .recipe-cell>span>svg{width:22px;height:22px}#command-panel .equipment-heading{font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin:5px 0 2px;color:#776345}#command-panel .compact-recipes{grid-template-rows:repeat(2,minmax(0,1fr));flex:1 1 140px;max-height:190px;min-height:110px}#command-panel #recipe-inspector{flex:0 1 210px;min-height:110px;overflow:auto;padding:9px;border:1px solid #bea67c;border-radius:4px;background:#f7eed8;color:#344d4a;font:12px/1.35 sans-serif;margin-top:6px}#recipe-inspector>strong{font:600 17px Georgia,serif}#recipe-inspector p{margin:5px 0;font-size:11px}#recipe-inspector .recipe-tooltip-label{margin-top:3px}#recipe-inspector .recipe-tooltip-costs{display:flex;flex-wrap:wrap;gap:3px 10px}#recipe-inspector .recipe-tooltip-costs>div{margin:2px 0;grid-template-columns:14px auto auto;gap:3px}#recipe-inspector .recipe-tooltip-costs svg{width:13px;height:13px}#recipe-inspector .item-effects{display:flex;flex-wrap:wrap;gap:4px;margin:5px 0;font-weight:600;color:#2e665a}#recipe-inspector .item-effects>div{background:#dae5d4;padding:3px 5px;border-radius:3px}#recipe-inspector .item-effects svg{width:12px;height:12px;vertical-align:-2px}#recipe-inspector .item-requirements{font-size:10px;border-top:1px solid #d6c29c;padding-top:4px}#recipe-inspector .recipe-status{color:#8c4934;font-weight:600}@media(max-height:760px){#command-panel #recipe-inspector{flex-basis:135px;min-height:95px;padding:6px}#command-panel .compact-recipes{max-height:140px;min-height:100px}#command-panel .selection-stats{margin-top:3px}#command-panel .selection-stats>div{padding:3px}#command-panel .panel-footer{margin-top:3px}#command-panel .queue-footer{padding-top:4px;margin-top:3px}}@media(max-height:760px){#command-panel #pack{gap:4px}#command-panel .inspection{min-height:80px}#command-panel .portrait-frame,#command-panel .portrait-frame img{height:76px}#command-panel .category-tabs button{padding:3px!important}#command-panel .compact-recipes{grid-template-rows:minmax(0,1fr);flex:0 0 72px;min-height:72px;max-height:72px}#command-panel .recipe-cell{padding:3px}#command-panel .unit-family-tabs{margin:0}#command-panel .training-options .recipe-cell{min-height:32px}#command-panel .equipment-heading{margin:1px 0}#command-panel #recipe-inspector{flex:1 1 130px;min-height:100px}#command-panel .store-grid{flex:1 1 180px;min-height:140px}#command-panel .panel-footer{flex-shrink:0}#command-panel .queue-footer{font-size:10px}#command-panel .queue-footer .eyebrow{font-size:8px}#command-panel .queue-job{padding:0}}@media(max-height:760px){#command-panel .command-brand{padding:0 3px 3px;min-height:20px}#command-panel #context{padding:4px 3px}#command-panel .inspection-info h2{margin:2px 0;font-size:21px}#command-panel .inspection-info small{font-size:10px;line-height:1.2}#command-panel .inspection-info .eyebrow{font-size:10px}#command-panel .inspection{min-height:74px}#command-panel .equipment-slots{margin-top:4px}#command-panel .equipment-slots button{min-height:28px}#command-panel .selection-stats>div{padding:2px 4px}#command-panel .selection-stats small{font-size:9px}#command-panel .command-tabs button{font-size:15px;padding:4px 2px}#command-panel .tactical-actions button{padding:2px 6px!important;min-height:22px;font-size:10px}#command-panel .queue-footer{display:flex;align-items:center;gap:5px}#command-panel .queue-footer .queue-job{flex:1}#command-panel .queue-footer .queue-job button{padding:2px!important}#command-panel .queue-footer .queue-job small{font-size:9px}}#command-panel .store-grid{grid-template-rows:none;grid-auto-rows:78px;flex:0 1 auto;min-height:78px;max-height:250px;overflow-y:auto;align-content:start}#command-panel .store-cell{padding:5px 4px 19px}#command-panel .store-caption{margin:2px 0 6px;font-size:11px;color:#655a43}#command-panel .dark-slot{opacity:1;background:#71695226;color:#746d5e}#command-panel .dark-slot svg{opacity:.55}@media(max-height:760px){#command-panel .store-grid{grid-auto-rows:65px;min-height:65px;max-height:140px}}#dev-overlay{position:fixed;z-index:34;top:136px;left:372px;width:270px;max-height:calc(100vh - 230px);overflow:auto;padding:8px 10px;background:#132c35e6;color:#f1e6c9;border:1px solid #8f9f92;border-radius:6px;font:11px/1.45 ui-monospace,Consolas,monospace;box-shadow:0 4px 14px #0b1c2240}#dev-overlay header{display:flex;align-items:center;gap:8px;margin-bottom:4px}#dev-overlay header b{color:#edd291;letter-spacing:.08em}#dev-overlay header span{flex:1;opacity:.65}#dev-overlay header button{background:#203d49;color:#f7ebcb;border:1px solid #8f9f92;border-radius:4px;padding:2px 8px;font:600 11px system-ui}#dev-overlay h4{margin:6px 0 1px;font:600 10px system-ui;letter-spacing:.1em;text-transform:uppercase;color:#9fc3c0}#dev-overlay dl{display:grid;grid-template-columns:78px 1fr;gap:0 8px;margin:0}#dev-overlay dt{opacity:.65}#dev-overlay dd{margin:0;overflow-wrap:anywhere}#dev-overlay p{margin:6px 0 0;opacity:.55;font-size:10px}#tooltip.dev-tip pre{margin:4px 0 0;font:11px/1.4 ui-monospace,Consolas,monospace;white-space:pre-wrap;color:#24414b}#tooltip.dev-tip span+pre{border-top:1px dashed #b18b53;padding-top:4px}#command-panel{--sb-paper: #efe6d3;--sb-paper-deep: #e2d4b8;--sb-ink: #2c3a3f;--sb-text: #4b4234;--sb-muted: #7a6c55;--sb-line: #cdb994;--sb-gold: #b8893a;--sb-slate: #3a3833;--sb-cell: #f7f1e3;--sb-hp: #c2412d;--sb-xp: #3f7fb5;background:radial-gradient(ellipse at 15% 0%,#fffaf0aa,transparent 55%),radial-gradient(ellipse at 100% 100%,#d7c5a255,transparent 60%),linear-gradient(180deg,var(--sb-paper),var(--sb-paper-deep));color:var(--sb-text);border-right:1px solid #b59d74;box-shadow:inset -1px 0 #fffaf0,4px 0 18px #1b2a3026;padding:12px 12px 8px;gap:10px}#command-panel:after{display:none}#command-panel #context{padding:2px 0 0}#command-panel .inspection{grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:start;min-height:0}#command-panel .portrait-frame{width:96px;height:96px;border-radius:6px;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#e9efe2,#b9c8bc 62%,#8ea29c);border:1px solid #a99067;box-shadow:inset 0 -4px 0 var(--owner, transparent),inset 0 0 0 1px #fff8e8aa,0 2px 6px #4a381f22}#command-panel .portrait-frame img{width:96px;height:96px}#command-panel .inspection-info{gap:3px;padding-top:1px}#command-panel .owner-line{display:inline-flex;align-items:center;gap:5px;font:600 11px var(--body, sans-serif);letter-spacing:.4px;color:var(--sb-muted)}#command-panel .owner-line svg{width:14px;height:14px;color:var(--owner);stroke-width:2.2;fill:var(--owner);fill-opacity:.9}#command-panel .inspection-info h2{font:25px/1.05 var(--display);color:var(--sb-ink);margin:0 0 3px}#command-panel .close-selection{top:-4px;right:-2px;color:var(--sb-muted)}#command-panel .vital{display:grid;grid-template-columns:16px auto;align-items:center;gap:3px 6px}#command-panel .vital.hp svg{width:15px;height:15px;color:var(--sb-hp);fill:var(--sb-hp)}#command-panel .vital.hp b{font:600 13px var(--body, sans-serif);color:var(--sb-ink)}#command-panel .vital .segments{grid-column:1 / -1;height:9px;border-radius:2px;background:linear-gradient(90deg,#d8553c,var(--sb-hp)) 0 0 / calc(var(--fill) * 100%) 100% no-repeat,#cdbb98;-webkit-mask:repeating-linear-gradient(90deg,#000 0,#000 calc(100% / var(--n) - 2px),transparent calc(100% / var(--n) - 2px),transparent calc(100% / var(--n)));mask:repeating-linear-gradient(90deg,#000 0,#000 calc(100% / var(--n) - 2px),transparent calc(100% / var(--n) - 2px),transparent calc(100% / var(--n)))}#command-panel .vital.xp{grid-template-columns:1fr;margin-top:2px}#command-panel .vital.xp small{font-size:11px;color:var(--sb-muted)}#command-panel .vital .bar{height:5px;border-radius:3px;background:linear-gradient(90deg,#5b9ad0,var(--sb-xp)) 0 0 / calc(var(--fill) * 100%) 100% no-repeat,#d3c4a5}#command-panel .unit-actions-line{font-size:11px;color:var(--sb-muted)}#command-panel .inspection-info meter{display:none}#command-panel .selection-stats{gap:6px;margin-top:10px}#command-panel .selection-stats>div{grid-template-columns:14px 1fr;background:#f7f0e1;border:1px solid #dccaa7;border-radius:5px;padding:4px 6px}#command-panel .selection-stats b{color:var(--sb-ink)}#command-panel .selection-stats small{font-size:9.5px;color:var(--sb-muted)}#command-panel .equipment-slots{gap:7px;margin-top:10px}#command-panel .equipment-slots button,#command-panel .equipment-slots .dark-slot{aspect-ratio:1;min-height:0;padding:0;display:grid;place-items:center;background:linear-gradient(160deg,#f9f3e6,#ece0c6);border:1px solid #cbb48c;border-radius:6px;box-shadow:inset 0 1px #fffdf6,0 1px 2px #6a4f2a1f;color:#9b8865;font-size:22px;line-height:1}#command-panel .equipment-slots button small{display:none}#command-panel .equipment-slots svg{width:30px;height:30px;color:var(--sb-ink)}#command-panel .equipment-slots .equipped-slot{background:linear-gradient(160deg,#fffaf0,#efe2c4);border-color:var(--sb-gold)}#command-panel .switch-selection{margin-top:8px;width:100%;padding:5px 8px;font-size:11px;border-radius:14px;background:transparent;border:1px dashed #b69e74;color:var(--sb-ink);box-shadow:none}#command-panel .command-tabs{gap:0;border:1px solid #b9a27a;border-radius:7px;overflow:hidden;background:#e8dcc2}#command-panel .command-tabs button{font:16px var(--display);padding:8px 4px;border-radius:0;border:0;box-shadow:none;background:transparent;color:var(--sb-ink)}#command-panel .command-tabs button+button{border-left:1px solid #b9a27a}#command-panel .command-tabs button.picked{background:var(--sb-slate);color:#f4e8cf;box-shadow:inset 0 -2px 0 var(--sb-gold)}#command-panel .category-tabs{border-bottom:1px solid var(--sb-line);padding-bottom:0}#command-panel .category-tabs button{font:14px var(--display);color:var(--sb-muted);padding:6px 4px!important;border-bottom:2px solid transparent}#command-panel .category-tabs button+button{border-left:0}#command-panel .category-tabs button.picked{color:var(--sb-ink);border-bottom-color:var(--sb-gold)}#command-panel .store-grid,#command-panel .recipe-grid{gap:7px}#command-panel .store-cell,#command-panel .recipe-cell,#command-panel #hand button{background:linear-gradient(165deg,#fbf6ea,var(--sb-cell) 55%,#efe4cc);border:1px solid #d3c09b;border-radius:6px;box-shadow:inset 0 1px #fffdf8,0 1px 2px #6a4f2a1a;color:var(--sb-ink)}#command-panel .store-cell.empty{background:#e6d9bd66;border:1px dashed #cdb994aa;box-shadow:none}#command-panel .store-cell svg,#command-panel .recipe-cell svg{width:30px;height:30px;color:var(--sb-ink);filter:none}#command-panel .store-cell small,#command-panel .recipe-cell span span:not(.recipe-costs){font-size:10px!important;color:var(--sb-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#command-panel .store-cell b{top:auto;bottom:3px;right:3px;min-width:18px;padding:1px 4px;text-align:center;background:#fffaf0;border:1px solid #c9b48c;border-radius:4px;font:600 11px var(--body, sans-serif);color:var(--sb-ink)}#command-panel .store-cell.picked,#command-panel .recipe-entry:focus-within .recipe-cell{outline:2px solid var(--sb-gold);outline-offset:-2px;background:#fff6df}#command-panel button.store-cell:not(:disabled):hover,#command-panel button.recipe-cell:not(:disabled):hover{border-color:var(--sb-gold);background:#fffaf0;transform:translateY(-1px)}#command-panel .recipe-cell:disabled{background:#e9dfca}#command-panel #recipe-inspector{flex:0 0 auto;min-height:92px;max-height:168px;margin-top:2px;padding:9px 10px;background:#fbf7ee;border:1px solid #d6c4a0;border-radius:7px;box-shadow:inset 0 1px #fff,0 1px 3px #6a4f2a14;color:var(--sb-text);font:12px/1.35 var(--body, sans-serif)}#command-panel #recipe-inspector .detail-hint{margin:22px 0 0;text-align:center;color:var(--sb-muted);font-size:11.5px}#command-panel .detail-head{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;margin-bottom:4px}#command-panel .detail-head>svg{width:30px;height:30px;color:var(--sb-ink)}#command-panel .detail-head strong{display:block;font:18px/1.1 var(--display);color:var(--sb-ink)}#command-panel .detail-head small{display:block;font-size:10.5px;color:var(--sb-muted)}#command-panel #recipe-inspector .recipe-tooltip-label{display:none}#command-panel #recipe-inspector .recipe-tooltip-costs{gap:4px 6px;margin:4px 0 2px}#command-panel #recipe-inspector .recipe-tooltip-costs>div{display:inline-flex;align-items:center;gap:4px;margin:0;padding:2px 6px;border-radius:4px;background:#efe5d0;font-size:11px}#command-panel #recipe-inspector .recipe-tooltip-costs>div span{display:none}#command-panel #recipe-inspector .recipe-tooltip-costs>div small{display:none}#command-panel #recipe-inspector .recipe-tooltip-costs .short{background:#f6dcd2;color:#9a3d2e}#command-panel #recipe-inspector .item-effects>div{background:#dfeadb;color:#2b5d4f}#command-panel #recipe-inspector p{margin:4px 0 0;font-size:11px;color:var(--sb-text)}#command-panel #recipe-inspector .recipe-status{color:#96442f}#command-panel .item-actions{display:grid;grid-template-columns:30px 1fr auto auto;gap:8px;align-items:center;border:1px solid var(--sb-gold);border-radius:7px;background:#fff8e8;padding:7px 8px;margin-top:2px}#command-panel .item-actions>svg{width:28px;height:28px;color:var(--sb-ink)}#command-panel .item-actions-name strong{display:block;font:16px/1.1 var(--display);color:var(--sb-ink);width:auto}#command-panel .item-actions-name small{display:block;font-size:11px;color:#2b5d4f}#command-panel .item-actions-name small svg{width:12px;height:12px;vertical-align:-2px}#command-panel .item-actions button{padding:6px 12px!important;font:15px var(--display);border-radius:5px;background:var(--sb-slate);color:#f6ead0;border:1px solid #1f1e1b;box-shadow:inset 0 1px #fff2}#command-panel .item-actions button+button{background:transparent;color:var(--sb-muted);border-color:#c9b48c;font-size:12px}#command-panel .panel-hint{text-align:center;color:var(--sb-muted)}#command-panel .queue-footer{display:grid;grid-template-columns:18px auto 1fr;align-items:center;gap:4px 7px;border-top:1px solid var(--sb-line);padding-top:7px;margin-top:4px}#command-panel .queue-footer>svg{width:16px;height:16px;color:var(--sb-muted)}#command-panel .queue-footer .eyebrow{font:600 11px var(--body, sans-serif);letter-spacing:.3px;color:var(--sb-muted);text-transform:none}#command-panel .queue-job{grid-column:1 / -1}#command-panel .queue-job b{color:var(--sb-ink)}#command-panel .queue-job button{background:transparent;border:1px solid #c9b48c;color:var(--sb-muted);box-shadow:none;border-radius:5px}#command-panel .player-seal{width:72px;height:72px;font-size:36px;color:#fff;text-shadow:0 1px 2px #0005}#command-panel #panel-research,#command-panel #panel-bank{background:#fbf7ee;color:var(--sb-ink);border:1px solid #d3c09b;border-radius:6px;box-shadow:none}#command-panel #panel-research{padding:8px;font:15px var(--display)}#command-panel footer{border-top:1px solid var(--sb-line);padding-top:4px}#command-panel footer button{color:var(--sb-muted);font-size:11px}#command-panel footer button:hover{color:var(--sb-ink)}@media(max-height:760px){#command-panel{gap:6px;padding-top:8px}#command-panel .inspection{grid-template-columns:74px minmax(0,1fr)}#command-panel .portrait-frame,#command-panel .portrait-frame img{width:74px;height:74px}#command-panel .inspection-info h2{font-size:21px}#command-panel .selection-stats,#command-panel .equipment-slots{margin-top:6px}#command-panel #recipe-inspector{min-height:74px;max-height:120px;padding:6px 8px}}#command-panel .recipe-cell>span{gap:3px}#command-panel .recipe-cell>span>svg{width:28px;height:28px}#command-panel .recipe-cell .recipe-costs{display:flex;flex-wrap:wrap;justify-content:center;gap:1px 5px}#command-panel .recipe-cell .recipe-cost{font-size:10.5px;color:var(--sb-ink)}#command-panel .recipe-cell .recipe-cost svg{width:11px;height:11px}#command-panel .recipe-cell .recipe-cost.short{color:#a1412f}#command-panel .tactical-actions{gap:6px}#command-panel .tactical-actions button{padding:6px 8px!important;font:14px var(--display);border-radius:6px;background:#fbf7ee;color:var(--sb-ink);border:1px solid #c9b48c;box-shadow:none}#command-panel .tactical-actions button small{font:10px var(--body, sans-serif);color:var(--sb-muted)}#command-panel .tactical-actions button.danger{color:#9a3d2e;border-color:#d6a191;background:#fbf1ec}#command-panel .tactical-actions button.danger:hover{background:#f6dcd2}#command-panel .equipment-slots:has(>:nth-child(5):last-child){grid-template-columns:repeat(5,minmax(0,1fr))}:root{--hh-paper: radial-gradient(130% 90% at 18% 0%, #fffdf7 0%, transparent 62%), linear-gradient(180deg, #fffaf0, #f4e6ca);--hh-paper-flat: #fbf3e2;--hh-well: #ecdcbc;--hh-edge: #dcc293;--hh-edge-deep: #c7a66d;--hh-line: #e3cfa6;--hh-ink: #3a2a18;--hh-ink-2: #5d4a33;--hh-muted: #8d7757;--hh-honey: linear-gradient(180deg, #ffdc84, #f2b748 55%, #e19f2c);--hh-honey-flat: #f0b443;--hh-honey-deep: #b9802a;--hh-teal: #1f8a8c;--hh-teal-deep: #156567;--hh-orange: #e07a35;--hh-orange-deep: #a8521c;--hh-terra: #cf5b37;--hh-meadow: #5e9c3a;--hh-card: inset 0 1px 0 #ffffff, 0 4px 0 var(--hh-edge), 0 5px 0 #b99a6455, 0 16px 30px -8px #1e3a3a73;--hh-chip: inset 0 1px 0 #ffffff, 0 3px 0 var(--hh-edge), 0 8px 16px -6px #1e3a3a66;--hh-chip-hover: inset 0 1px 0 #ffffff, 0 4px 0 var(--hh-edge-deep), 0 12px 20px -6px #1e3a3a73}html body #command-panel{display:none!important}html body #board{left:0;width:100%}html body #fast-actions{display:none!important}html body #hud{left:14px;right:14px;top:10px;height:50px;padding:0 8px 0 10px;gap:12px;background:var(--hh-paper);color:var(--hh-ink);border:1px solid #fff6e2;border-radius:18px;box-shadow:var(--hh-card)}html body #hud #resource-strip{gap:6px;display:flex;align-items:center}html body #hud .resource{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 3px;border-radius:99px;background:#f3e5c8;box-shadow:inset 0 1px 2px #b1915c40,inset 0 -1px #fff}html body #hud .resource .icon{width:26px;height:26px;padding:5px;border-radius:50%;color:#fff;background:#9a8463;box-shadow:inset 0 -2px #0000002e,inset 0 1px #ffffff59;stroke-width:2.1}html body #hud .resource .icon-food{background:#6aa443}html body #hud .resource .icon-wood{background:#a26a37}html body #hud .resource .icon-stone{background:#8c98a1}html body #hud .resource .icon-plank{background:#c6914d}html body #hud .resource .icon-brick{background:#c45f3b}html body #hud .resource .icon-metal{background:#5f86a6}html body #hud .resource .icon-oil{background:#4b4a58}html body #hud .resource .icon-valor{background:#8f64c4}html body #hud .resource .icon-coin{background:#e4a52f}html body #hud .resource .icon-science{background:#3b7fc2}html body #hud .resource.science .count{color:#2b5f93}html body #hud .resource .count{font:600 18px/1 var(--display);color:var(--hh-ink)}html body #hud .resource small{font:600 10.5px var(--body, sans-serif);color:var(--hh-muted);opacity:1;margin:0}html body #hud .resource .delta{color:var(--hh-meadow)}#hud-stores{display:flex;gap:6px;padding-left:10px;margin-left:2px;border-left:2px dotted #d9c49c}html body #hud .hud-chip,html body #hud nav .icon-button{width:34px;height:34px;padding:0;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#fffdf6,#f1e2c3);border:0;color:var(--hh-teal-deep);box-shadow:var(--hh-chip);transition:transform .12s,box-shadow .12s}html body #hud .hud-chip svg,html body #hud nav .icon-button svg{width:18px;height:18px;stroke-width:2}html body #hud .hud-chip:hover,html body #hud nav .icon-button:hover{transform:translateY(-1px);box-shadow:var(--hh-chip-hover);background:#fffdf6}html body #hud .hud-chip:active,html body #hud nav .icon-button:active{transform:translateY(2px);box-shadow:inset 0 1px #fff,0 1px 0 var(--hh-edge)}html body #hud #match-meta{position:absolute;left:50%;top:36px;transform:translate(-50%);z-index:1;margin:0;padding:5px 26px 6px;white-space:nowrap;display:flex;align-items:baseline;gap:7px;color:var(--hh-ink);background:var(--hh-honey);border-radius:4px;box-shadow:inset 0 1px #fff3c8,0 3px 0 var(--hh-honey-deep),0 8px 14px -6px #1e3a3a80}html body #hud #match-meta:before,html body #hud #match-meta:after{content:"";position:absolute;top:6px;width:16px;height:100%;background:#dc9a2c;z-index:-1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,35% 50%)}html body #hud #match-meta:before{left:-11px}html body #hud #match-meta:after{right:-11px;transform:scaleX(-1)}html body #hud #match-meta>span{font:700 10px var(--body, sans-serif);letter-spacing:2.6px;color:#6b4813}html body #hud #match-meta b{font:600 22px/1 var(--display);color:var(--hh-ink)}html body #hud #match-meta small{font-size:13px;color:#6b4813}html body #hud #match-meta i{display:none}html body #hud nav{gap:6px;align-items:center}html body #hud .research-primary{display:flex;align-items:center;gap:7px;padding:7px 15px 7px 11px!important;border-radius:99px;font:600 15px var(--display)!important;background:linear-gradient(180deg,#2fa3a3,var(--hh-teal) 60%,#197576)!important;color:#fffaf0!important;border:0!important;box-shadow:inset 0 1px #8fe0dc,0 3px #0f5254,0 8px 14px -6px #1e3a3a80!important;transition:transform .12s}html body #hud .research-primary .icon{width:17px;height:17px}html body #hud .research-primary:hover{transform:translateY(-1px)}html body #hud .research-primary.needs-attention{animation:hhPulse 1.6s ease-in-out infinite}html body #hud #research-status{color:var(--hh-ink-2);min-width:0;max-width:160px}html body #hud #research-status b{font:600 13px var(--display);color:var(--hh-ink)}html body #hud #research-status small{color:var(--hh-muted)}html body #hud #dev-button,html body #hud #local-copy{padding:7px 12px;border-radius:99px;font:600 12px var(--body, sans-serif);background:linear-gradient(180deg,#fffdf6,#f1e2c3);border:0;color:var(--hh-ink-2);box-shadow:var(--hh-chip)}@keyframes hhPulse{50%{box-shadow:inset 0 1px #8fe0dc,0 3px #0f5254,0 0 0 6px #1f8a8c40!important}}html body #camera-tools{left:16px;top:72px}html body #camera-tools .icon-button,html body #history-controls button,html body #variant-tools button{background:linear-gradient(180deg,#fffdf6,#f1e2c3);color:var(--hh-ink-2);border:0;border-radius:99px;box-shadow:var(--hh-chip);font:600 12px var(--body, sans-serif);transition:transform .12s,box-shadow .12s}html body #camera-tools .icon-button{width:36px;height:36px;display:grid;place-items:center;padding:0;border-radius:50%}html body #camera-tools .icon-button svg{width:18px;height:18px;color:var(--hh-teal-deep);stroke-width:2}html body #camera-hint{color:#fffaf0;text-shadow:0 1px 3px #0009}html body #variant-tools{left:62px;top:72px;right:auto;gap:6px}html body #variant-tools button{padding:0 13px;height:34px}html body #variant-tools button[aria-pressed=true]{background:var(--hh-honey);color:var(--hh-ink);box-shadow:inset 0 1px #fff3c8,0 3px 0 var(--hh-honey-deep),0 8px 16px -6px #1e3a3a66}html body #camera-tools .icon-button:hover,html body #history-controls button:not(:disabled):hover,html body #variant-tools button:hover{transform:translateY(-1px);box-shadow:var(--hh-chip-hover)}html body #history-controls{left:16px;top:118px}html body #history-controls button{padding:0 14px;height:32px}html body #history-controls button:disabled{opacity:.55;box-shadow:inset 0 1px #fff,0 2px 0 var(--hh-edge)}html body #strategic-panel{top:72px;right:14px;width:236px;gap:8px;padding:7px;background:var(--hh-paper);border:1px solid #fff6e2;border-radius:16px;box-shadow:var(--hh-card)}html body #strategic-panel .strategic-heading{background:none;color:var(--hh-ink);border:0;padding:2px 4px 0;font:600 10px var(--body, sans-serif);letter-spacing:2.2px}html body #strategic-panel .strategic-heading span{color:var(--hh-muted);letter-spacing:.2px}html body #strategic-panel #minimap{border:0;border-radius:10px;background:#2c8f98;margin:0;box-shadow:inset 0 2px 6px #0d3b4099,0 0 0 3px #f3e5c8}html body #strategic-panel .player-chip,html body #players article{background:linear-gradient(180deg,#fffdf6,#f5e9d0);color:var(--hh-ink);border:0;border-radius:11px;box-shadow:inset 0 1px #fff,0 2px 0 var(--hh-edge);transform:none;padding:6px 9px}html body #strategic-panel .player-chip.current{background:linear-gradient(90deg,#fff4d2,#fffdf6 70%);box-shadow:inset 0 0 0 2px var(--hh-honey-flat),0 3px 0 var(--hh-honey-deep),0 8px 14px -8px #1e3a3a66;transform:translate(-4px)}html body #strategic-panel .player-chip b{color:var(--hh-ink);font-weight:700}html body #strategic-panel .player-chip .chip-pieces{color:var(--hh-muted)}html body #strategic-panel .player-chip .chip-pieces svg{color:var(--hh-muted)}html body #strategic-panel .player-chip strong{color:var(--hh-ink)}html body #strategic-panel .player-chip strong small{color:var(--hh-muted)}html body #strategic-panel .player-hex{color:#fff;text-shadow:0 1px 1px #0005;filter:drop-shadow(0 2px 0 #0000002b)}html body #strategic-panel .research-ring{color:var(--hh-ink)}html body #strategic-panel .chip-details{background:var(--hh-paper);color:var(--hh-ink-2);border:0;box-shadow:var(--hh-card)}html body #ticker{left:16px;bottom:18px;background:var(--hh-paper);color:var(--hh-ink-2);border:1px solid #fff6e2;border-radius:14px;box-shadow:var(--hh-card);max-width:310px;max-height:none;padding:10px 14px}html body #ticker .eyebrow{color:var(--hh-muted);font:700 10px var(--body, sans-serif);letter-spacing:2px}html body #ticker>span:not(.eyebrow){color:var(--hh-ink-2);font-size:11.5px}html body.selection-open #ticker{display:none}#selection-card{position:fixed;z-index:14;left:16px;bottom:18px;width:316px;padding:12px 13px;background:var(--hh-paper);color:var(--hh-ink-2);border:1px solid #fff6e2;border-radius:18px;box-shadow:var(--hh-card)}html body #selection-card #context{position:static;width:auto;max-height:none;overflow:visible;margin:0;padding:0;transform:none;background:none;border:0;box-shadow:none;border-radius:0;backdrop-filter:none;font-size:12px;color:var(--hh-ink-2)}#selection-card .inspection{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;align-items:center}#selection-card .portrait-frame{position:relative;width:70px;height:70px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 36%,#fbf6ea,#d9e3d9 58%,#a9bcb5);box-shadow:0 0 0 3px var(--owner, var(--hh-honey-flat)),0 0 0 6px #fffaf0,0 0 0 7px var(--hh-edge-deep),0 6px 12px #1e3a3a59}#selection-card .portrait-frame img{width:70px;height:70px;object-fit:cover}#selection-card .inspection-info{position:relative;display:grid;gap:3px;min-width:0}#selection-card .owner-line{display:flex;align-items:center;gap:5px;font:700 10.5px var(--body, sans-serif);letter-spacing:.3px;color:var(--hh-muted);padding-right:26px;white-space:nowrap;overflow:hidden}#selection-card .owner-line svg{width:12px;height:12px;color:var(--owner);fill:var(--owner);flex:none}#selection-card h2{margin:0;font:600 25px/1.02 var(--display);color:var(--hh-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#selection-card .close-selection{position:absolute;top:-5px;right:-5px;width:28px;height:28px;padding:0;display:grid;place-items:center;border-radius:50%;background:#f1e4c8;border:0;color:var(--hh-muted);box-shadow:inset 0 1px #fff,0 2px 0 var(--hh-edge)}#selection-card .close-selection svg{width:13px;height:13px;stroke-width:2.4}#selection-card .close-selection:hover{color:var(--hh-ink);background:#fffaf0}#selection-card .vital{display:flex;align-items:center;gap:8px}#selection-card .vital b{font:700 11.5px var(--body, sans-serif);color:var(--hh-ink-2);white-space:nowrap}#selection-card .vital .segments{flex:1;height:9px;border-radius:3px;background:linear-gradient(180deg,#8fd05f,#5e9c3a) 0 0 / calc(var(--fill) * 100%) 100% no-repeat,#e4d3b1;box-shadow:inset 0 1px 2px #8a6a3a55;-webkit-mask:repeating-linear-gradient(90deg,#000 0,#000 calc(100% / var(--n) - 2px),transparent calc(100% / var(--n) - 2px),transparent calc(100% / var(--n)));mask:repeating-linear-gradient(90deg,#000 0,#000 calc(100% / var(--n) - 2px),transparent calc(100% / var(--n) - 2px),transparent calc(100% / var(--n)))}#selection-card .vital.xp .bar{flex:1;height:4px;border-radius:3px;background:linear-gradient(90deg,#4cb8b2,var(--hh-teal)) 0 0 / calc(var(--fill) * 100%) 100% no-repeat,#e4d3b1}#selection-card .unit-actions-line{font-size:11px;color:var(--hh-muted)}#selection-card .selection-stats{display:flex;gap:6px;margin-top:11px}#selection-card .selection-stats>div{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 4px;background:#f3e5c8;border-radius:9px;box-shadow:inset 0 1px 2px #b1915c40,inset 0 -1px #fff}#selection-card .selection-stats svg{width:15px;height:15px;stroke-width:2.1;color:var(--hh-ink-2)}#selection-card .selection-stats .icon-sword{color:var(--hh-terra)}#selection-card .selection-stats .icon-shield{color:var(--hh-teal)}#selection-card .selection-stats .icon-range{color:var(--hh-honey-deep)}#selection-card .selection-stats .icon-move{color:var(--hh-meadow)}#selection-card .selection-stats b{font:600 15px var(--display);color:var(--hh-ink)}#selection-card .selection-stats small{display:none}#selection-card .equipment-slots{display:flex;gap:7px;margin-top:9px}#selection-card .equipment-slots>*{flex:1;min-width:0}#selection-card .equipment-slots button,#selection-card .equipment-slots .dark-slot,#selection-card .equipment-slots .empty-slot{width:100%;aspect-ratio:1;max-height:48px;padding:0;display:grid;place-items:center;min-height:0;background:var(--hh-well);border:0;border-radius:11px;color:#b79a6a;font:600 20px var(--display);box-shadow:inset 0 2px 4px #8a6a3a59,inset 0 -1px #fff8e6}#selection-card .equipment-slots .equipped-slot{background:linear-gradient(180deg,#fffdf6,#f3e3c2);color:var(--hh-ink);box-shadow:inset 0 1px #fff,0 3px 0 var(--hh-edge-deep),0 6px 10px -6px #1e3a3a80}#selection-card .equipment-slots .equipped-slot svg{width:25px;height:25px;color:var(--hh-teal-deep)}#selection-card .equipment-slots .equipped-slot small{display:none}#selection-card .equipment-slots .dark-slot{opacity:.55}#selection-card .equipment-slots .dark-slot svg{width:20px;height:20px}#selection-card .equipment-slots button:not(:disabled):hover{color:var(--hh-honey-deep)}#selection-card .queue-footer{display:flex;align-items:center;gap:9px;margin-top:10px;padding:7px 8px;border-radius:11px;background:#f3e5c8;box-shadow:inset 0 1px 2px #b1915c40,inset 0 -1px #fff}#selection-card .queue-footer>svg{width:24px;height:24px;padding:5px;flex:none;border-radius:50%;color:#fff;background:var(--hh-honey-flat);box-shadow:inset 0 -2px #0000002e;stroke-width:2.2}#selection-card .queue-job{flex:1;display:flex;align-items:center;gap:8px;min-width:0}#selection-card .queue-job>span{flex:1;display:flex;align-items:baseline;gap:7px;min-width:0}#selection-card .queue-job b{font:600 16px var(--display);color:var(--hh-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#selection-card .queue-job small{font-size:11px;color:var(--hh-muted);white-space:nowrap}#selection-card .queue-idle{font-size:12px;color:var(--hh-muted)}#selection-card .queue-cancel{width:26px;height:26px;padding:0!important;display:grid;place-items:center;background:#fffaf0;border:0;border-radius:50%;color:var(--hh-muted);box-shadow:inset 0 1px #fff,0 2px 0 var(--hh-edge)}#selection-card .queue-cancel svg{width:11px;height:11px;stroke-width:2.4}#selection-card .queue-cancel:not(:disabled):hover{color:var(--hh-terra)}#selection-card .panel-pager{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--hh-muted)}#selection-card .panel-pager button{padding:0 6px;background:transparent;border:0;color:var(--hh-ink-2);box-shadow:none}#selection-card .switch-selection{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:9px;padding:7px 8px;background:linear-gradient(180deg,#fffdf6,#f1e2c3);border:0;border-radius:99px;color:var(--hh-ink-2);font:600 12px var(--body, sans-serif);box-shadow:var(--hh-chip)}#selection-card .switch-selection svg{width:15px;height:15px;color:var(--hh-teal-deep)}#selection-card .switch-selection:hover{color:var(--hh-ink)}#selection-card .siege-card h2{margin:2px 0 4px}#selection-card .siege-card p{margin:0;font-size:12.5px;color:var(--hh-ink-2);line-height:1.4}#selection-card .eyebrow{font:700 10px var(--body, sans-serif);letter-spacing:2px;text-transform:uppercase;color:var(--hh-terra)}#ring{position:fixed;z-index:16;left:0;top:0;width:0;height:0;pointer-events:none}#ring.offscreen{visibility:hidden}#ring .ring-btn{position:absolute;width:58px;height:58px;margin:-29px 0 0 -29px;padding:0;transform:none;background:none;border:0;box-shadow:none;pointer-events:auto;cursor:pointer}#ring .ring-btn:hover,#ring .ring-btn:active{transform:none;background:none}#ring .ring-face{position:relative;animation:hhRingIn .26s cubic-bezier(.2,.9,.3,1.35) var(--delay, 0ms) backwards}#ring .ring-label{animation:hhFade .2s ease-out calc(var(--delay, 0ms) + 90ms) backwards}@keyframes hhRingIn{0%{opacity:0;transform:scale(.35) translateY(10px)}}@keyframes hhFade{0%{opacity:0}}.ring-face{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#fff,#fbf1dc 55%,#efdcb6);border:3px solid var(--hh-honey-flat);color:var(--hh-teal-deep);box-shadow:0 0 0 2px #fffaf0,0 4px 0 2px var(--hh-honey-deep),0 12px 18px -4px #0f2a2acc;transition:transform .14s,background .14s,color .14s,box-shadow .14s}.ring-face svg{width:28px;height:28px;stroke-width:2.1}.ring-label{position:absolute;left:50%;top:50%;transform:translate(calc(-50% + var(--lx, 0px)),calc(-50% + var(--ly, 30px)));padding:3px 9px;border-radius:99px;white-space:nowrap;pointer-events:none;font:700 12.5px var(--body, sans-serif);letter-spacing:.1px;color:var(--hh-ink);background:#fffaf0;box-shadow:0 2px 0 var(--hh-edge),0 6px 10px -4px #0f2a2a99}#ring[data-layout=left] .ring-label,#ring[data-layout=column] .ring-label{left:auto;right:calc(50% + 36px);transform:translateY(-50%)}#ring .ring-btn:hover .ring-face,#ring .ring-btn:focus-visible .ring-face{transform:translateY(-3px) scale(1.06);box-shadow:0 0 0 2px #fffaf0,0 6px 0 2px var(--hh-honey-deep),0 16px 20px -4px #0f2a2acc}#ring .ring-btn:active .ring-face{transform:translateY(3px);box-shadow:0 0 0 2px #fffaf0,0 1px 0 2px var(--hh-honey-deep),0 6px 10px -4px #0f2a2acc}.ring-btn:focus-visible{outline:none}.ring-btn.pressed .ring-face{background:radial-gradient(circle at 40% 30%,#ffe7a3,#f5bd4f 60%,#df9c2b);color:var(--hh-ink);border-color:#fff1c4}.ring-btn.danger .ring-face{border-color:var(--hh-terra);color:var(--hh-terra);box-shadow:0 0 0 2px #fffaf0,0 4px 0 2px #8e3a20,0 12px 18px -4px #0f2a2acc}.ring-btn.danger.pressed .ring-face{background:radial-gradient(circle at 40% 30%,#f6a083,var(--hh-terra) 70%);color:#fffaf0;border-color:#ffd9cb}.ring-btn.ready .ring-face:after{content:"";position:absolute;right:-2px;top:-2px;width:12px;height:12px;border-radius:50%;background:#6fbf45;box-shadow:0 0 0 2px #fffaf0,0 2px 3px #0005}.ring-btn[data-armed="1"] .ring-face{animation:hhArmed .5s ease-in-out infinite alternate}.ring-btn[data-armed="1"] .ring-label{background:var(--hh-terra);color:#fffaf0;box-shadow:0 2px #8e3a20}@keyframes hhArmed{to{box-shadow:0 0 0 2px #fffaf0,0 4px 0 2px #8e3a20,0 0 0 9px #cf5b3755,0 12px 18px -4px #0f2a2acc}}.ring-btn:disabled{cursor:default}.ring-btn:disabled .ring-face{opacity:.5}#ring-tray{position:fixed;z-index:15;width:410px;max-height:calc(100vh - 96px);overflow:auto;padding:14px 15px 15px;background:var(--hh-paper);color:var(--hh-ink-2);border:1px solid #fff6e2;border-radius:18px;box-shadow:var(--hh-card);animation:hhTrayIn .2s cubic-bezier(.2,.9,.3,1.2) both}@keyframes hhTrayIn{0%{opacity:0;transform:translateY(8px) scale(.97)}}html body #ring-tray #pack{position:static;width:auto;max-height:none;margin:0;padding:0;transform:none;display:grid;gap:11px;background:none;border:0;box-shadow:none;border-radius:0;backdrop-filter:none;font-size:12px;color:var(--hh-ink-2)}#ring-tray .tray-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}#ring-tray .tray-head h3{margin:0;font:600 26px/1.02 var(--display);color:var(--hh-ink)}#ring-tray .tray-head small{display:block;margin-top:3px;font-size:12px;color:var(--hh-muted)}#ring-tray .tray-close{width:30px;height:30px;padding:0;display:grid;place-items:center;border-radius:50%;background:#f1e4c8;border:0;color:var(--hh-muted);box-shadow:inset 0 1px #fff,0 2px 0 var(--hh-edge)}#ring-tray .tray-close svg{width:14px;height:14px;stroke-width:2.4}#ring-tray .tray-close:hover{color:var(--hh-ink);background:#fffaf0}#ring-tray .unit-family-tabs{display:flex;gap:4px;padding:4px;background:var(--hh-well);border-radius:99px;box-shadow:inset 0 2px 4px #8a6a3a4d}#ring-tray .unit-family-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 4px;border-radius:99px;background:transparent;border:0;color:var(--hh-ink-2);font:600 13.5px var(--display);box-shadow:none}#ring-tray .unit-family-tabs button svg{width:15px;height:15px}#ring-tray .unit-family-tabs button.picked{background:linear-gradient(180deg,#fffdf6,#f5e7c9);color:var(--hh-ink);box-shadow:inset 0 1px #fff,0 2px 0 var(--hh-edge-deep)}#ring-tray .recipe-grid,#ring-tray .store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto;max-height:none;min-height:0;gap:9px}#ring-tray .recipe-entry{display:block;min-width:0}#ring-tray .recipe-cell,#ring-tray .store-cell{position:relative;width:100%;height:auto;min-height:86px;padding:10px 4px 8px;display:grid;place-items:center;background:linear-gradient(180deg,#fffdf6,#f4e6c9);border:0;border-radius:13px;color:var(--hh-ink);box-shadow:inset 0 1px #fff,0 3px 0 var(--hh-edge),0 8px 12px -8px #1e3a3a80;transition:transform .12s,box-shadow .12s}#ring-tray .recipe-cell>span{display:grid;justify-items:center;gap:4px;width:100%;min-width:0}#ring-tray .recipe-cell>span>svg,#ring-tray .store-cell>svg{width:30px;height:30px;color:var(--hh-teal-deep);stroke-width:1.9}#ring-tray .recipe-cell>span>span:not(.recipe-costs),#ring-tray .store-cell small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 11.5px var(--body, sans-serif)!important;color:var(--hh-ink)}#ring-tray .recipe-costs{display:flex;flex-wrap:wrap;justify-content:center;gap:1px 6px}#ring-tray .recipe-cost{display:inline-flex;align-items:center;gap:2px;font:700 11px var(--body, sans-serif);font-style:normal;color:var(--hh-ink-2)}#ring-tray .recipe-cost svg{width:11px;height:11px;color:var(--hh-muted)}#ring-tray .recipe-cost.short{color:var(--hh-terra)}#ring-tray button.recipe-cell:not(:disabled){box-shadow:inset 0 1px #fff,0 4px 0 var(--hh-edge-deep),0 10px 14px -8px #1e3a3a99}#ring-tray button.recipe-cell:not(:disabled):after{content:"";position:absolute;right:7px;top:7px;width:8px;height:8px;border-radius:50%;background:#6fbf45;box-shadow:0 0 0 2px #fffaf0}#ring-tray button.recipe-cell:not(:disabled):hover,#ring-tray button.store-cell:not(:disabled):hover{transform:translateY(-3px);background:#fffdf6}#ring-tray button.recipe-cell:not(:disabled):active,#ring-tray button.store-cell:not(:disabled):active{transform:translateY(2px)}#ring-tray .recipe-cell:disabled{opacity:1;background:#efe2c7;box-shadow:inset 0 1px 2px #b1915c33}#ring-tray .recipe-cell:disabled>span>svg{color:#a8977a}#ring-tray .store-cell b{position:absolute;right:5px;bottom:5px;top:auto;min-width:19px;padding:1px 5px;border-radius:99px;text-align:center;background:var(--hh-teal);border:0;font:700 10.5px var(--body, sans-serif);color:#fff}#ring-tray .store-cell.empty{min-height:86px;background:var(--hh-well);box-shadow:inset 0 2px 4px #8a6a3a4d,inset 0 -1px #fff8e6}#ring-tray .store-cell.unavailable{opacity:.8;filter:saturate(.8)}#ring-tray .store-cell.unavailable:hover,#ring-tray .store-cell.unavailable.picked{opacity:1;filter:none}#ring-tray .store-cell.picked,#ring-tray .recipe-entry:focus-within .recipe-cell{outline:3px solid var(--hh-teal);outline-offset:1px}#ring-tray .grid-message{grid-column:1 / -1;margin:6px 0;text-align:center;color:var(--hh-muted)}#ring-tray .panel-pager{display:flex;align-items:center;justify-content:center;gap:10px;font:600 11px var(--body, sans-serif);color:var(--hh-muted)}#ring-tray .panel-pager button{width:28px;height:28px;padding:0;border-radius:50%;background:linear-gradient(180deg,#fffdf6,#f1e2c3);border:0;color:var(--hh-ink-2);box-shadow:var(--hh-chip)}#ring-tray .panel-pager button:disabled{opacity:.4;box-shadow:none}#ring-tray #recipe-inspector{min-height:78px;padding:10px 12px;background:var(--hh-well);border:0;border-radius:13px;box-shadow:inset 0 2px 4px #8a6a3a4d,inset 0 -1px #fff8e6;color:var(--hh-ink-2);font:12px/1.42 var(--body, sans-serif)}#ring-tray #recipe-inspector .detail-hint{margin:18px 0 0;text-align:center;color:var(--hh-muted);font-size:12px}#ring-tray .detail-head{display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:center;margin-bottom:5px}#ring-tray .detail-head>svg{width:28px;height:28px;color:var(--hh-teal-deep)}#ring-tray .detail-head strong{display:block;font:600 19px/1.1 var(--display);color:var(--hh-ink)}#ring-tray .detail-head small{display:block;font-size:11px;color:var(--hh-muted)}#ring-tray #recipe-inspector .recipe-tooltip-label{display:none}#ring-tray #recipe-inspector .recipe-tooltip-costs{display:flex;flex-wrap:wrap;gap:4px 6px;margin:4px 0}#ring-tray #recipe-inspector .recipe-tooltip-costs>div{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;background:#fffaf0;font:600 11px var(--body, sans-serif);color:var(--hh-ink)}#ring-tray #recipe-inspector .recipe-tooltip-costs>div svg{width:12px;height:12px;color:var(--hh-muted)}#ring-tray #recipe-inspector .recipe-tooltip-costs>div span,#ring-tray #recipe-inspector .recipe-tooltip-costs>div small{display:none}#ring-tray #recipe-inspector .recipe-tooltip-costs .short{background:#f8ddd2;color:#9c3a1e}#ring-tray #recipe-inspector .item-effects>div{display:inline-block;margin:2px 4px 2px 0;padding:2px 8px;border-radius:99px;background:#e0efd2;color:#3d6b22;font:600 11px var(--body, sans-serif)}#ring-tray #recipe-inspector .item-effects svg{width:11px;height:11px;vertical-align:-1px}#ring-tray #recipe-inspector .item-requirements{color:var(--hh-muted);font-size:11px}#ring-tray #recipe-inspector p{margin:4px 0 0;font-size:12px;color:var(--hh-ink-2)}#ring-tray #recipe-inspector .recipe-status{color:#9c3a1e}#ring-tray .item-actions{display:grid;grid-template-columns:30px 1fr auto auto;gap:8px;align-items:center;padding:9px 10px;background:#fff4d6;border-radius:13px;box-shadow:inset 0 0 0 2px var(--hh-honey-flat)}#ring-tray .item-actions>svg{width:27px;height:27px;color:var(--hh-teal-deep)}#ring-tray .item-actions-name strong{display:block;font:600 17px/1.1 var(--display);color:var(--hh-ink)}#ring-tray .item-actions-name small{display:block;font-size:11px;color:#3d6b22}#ring-tray .item-actions-name small svg{width:11px;height:11px;vertical-align:-1px}#ring-tray .item-actions button,#ring-tray .more-actions button{padding:8px 15px!important;border-radius:99px;font:600 15px var(--display);border:0;background:linear-gradient(180deg,#fffdf6,#f1e2c3);color:var(--hh-ink);box-shadow:var(--hh-chip)}#ring-tray .item-actions button.primary{background:var(--hh-honey);color:var(--hh-ink);box-shadow:inset 0 1px #fff3c8,0 3px 0 var(--hh-honey-deep),0 8px 14px -8px #1e3a3a80}#ring-tray .panel-hint{margin:0;text-align:center;font-size:12px;color:var(--hh-muted)}#ring-tray .more-actions{display:grid;gap:9px}#ring-tray .more-actions button{display:grid;justify-items:start;gap:2px;text-align:left;padding:11px 15px!important;border-radius:14px}#ring-tray .more-actions button small{font:12px var(--body, sans-serif);color:var(--hh-muted)}#ring-tray .more-actions button:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--hh-chip-hover)}#ring-tray .more-actions button.danger{color:#9c3a1e;box-shadow:inset 0 0 0 2px #e9a38c,0 3px #c7826b,0 8px 16px -6px #1e3a3a66}#ring-tray .more-actions button[data-armed="1"]{background:var(--hh-terra);color:#fffaf0}#ring-tray .more-actions button[data-armed="1"] small{color:#ffe4d9}#ring-tray.floating{width:476px}#tile-dock{position:fixed;z-index:12;left:50%;bottom:16px;transform:translate(-50%);max-width:min(800px,calc(100vw - 640px));min-width:300px;padding:9px 11px;background:var(--hh-paper);border:1px solid #fff6e2;border-radius:18px;box-shadow:var(--hh-card)}html body #tile-dock #tray{position:static;transform:none;width:auto;min-width:0;max-width:none;padding:0;margin:0;display:flex;align-items:center;gap:11px;background:none;border:0;border-radius:0;box-shadow:none}html body #tile-dock #tray.aiming,html body #tile-dock #tray.aiming:hover{transform:none}html body #tile-dock .tray-lip{height:auto;flex-direction:column;align-items:flex-start;gap:2px;white-space:nowrap;min-width:92px}html body #tile-dock .tray-lip #tray-label{font:700 10px var(--body, sans-serif);letter-spacing:2px;color:var(--hh-ink)}html body #tile-dock .tray-lip #bag-count{font-size:11px;color:var(--hh-muted);opacity:1}html body #tile-dock .tray-lip .icon-button{display:none}html body #tile-dock #hand{display:flex;gap:7px;padding:5px;overflow:visible;background:var(--hh-well);border-radius:13px;box-shadow:inset 0 2px 4px #8a6a3a4d,inset 0 -1px #fff8e6}html body #tile-dock #hand:empty{display:none}html body #tile-dock .hand-tile{flex:0 0 48px;width:48px;max-width:48px;height:54px;padding:3px 4px 6px;border-radius:10px;background:transparent;border:0;box-shadow:none;transition:transform .14s}html body #tile-dock .hand-tile .tile-preview{filter:drop-shadow(0 3px 0 #8a6a3a) drop-shadow(0 5px 4px #1e3a3a66) saturate(1.15);box-shadow:none}html body #tile-dock .hand-tile:hover:not(:disabled),html body #tile-dock .hand-tile.selected{transform:translateY(-7px) rotate(-4deg);background:transparent}html body #tile-dock .hand-tile.selected .tile-preview{filter:drop-shadow(0 0 0 #fff) drop-shadow(0 3px 0 var(--hh-honey-deep)) drop-shadow(0 0 6px #f0b443) saturate(1.2)}html body #tile-dock #tile-shop{display:flex;gap:7px;margin-left:auto;padding:0;border:0}html body #tile-dock #tile-shop button{display:grid;justify-items:center;gap:2px;padding:7px 13px;border-radius:14px;font:600 14.5px var(--display);background:linear-gradient(180deg,#fffdf6,#f1e2c3);border:0;color:var(--hh-ink);box-shadow:var(--hh-chip);transition:transform .12s}html body #tile-dock #tile-shop button>span{display:inline-flex;align-items:center;gap:5px}html body #tile-dock #tile-shop button svg{width:15px;height:15px;color:var(--hh-teal-deep)}html body #tile-dock #tile-shop button small{font:600 10px var(--body, sans-serif);color:var(--hh-muted)}html body #tile-dock #tile-shop button small svg{width:10px;height:10px;color:var(--hh-muted)}html body #tile-dock #tile-shop button:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--hh-chip-hover)}html body #tile-dock #tile-shop button:disabled{opacity:.55;box-shadow:inset 0 1px #fff,0 2px 0 var(--hh-edge)}html body #tile-dock #hand-pages{display:flex;align-items:center;gap:4px;color:var(--hh-muted);font-size:10px}html body #end-dock{right:24px;bottom:22px;width:auto;display:flex;flex-direction:column;align-items:flex-end;gap:7px;text-align:right}html body #end-dock #next-action:empty{display:none}html body #end-dock #next-action{margin:0;padding:6px 12px;border-radius:99px;background:#fffaf0;color:var(--hh-ink);font:600 12px var(--body, sans-serif);text-shadow:none;box-shadow:var(--hh-chip)}html body #turn-tasks{display:flex;flex-direction:column;align-items:flex-end;gap:7px;margin:0;max-width:340px}html body #turn-tasks .plan-line{display:inline-flex;align-items:center;gap:8px;margin:0;padding:4px 13px 4px 4px;border-radius:99px;background:linear-gradient(180deg,#fffdf6,#f1e2c3);border:0;color:var(--hh-ink);font:600 12.5px var(--body, sans-serif);box-shadow:var(--hh-chip);white-space:nowrap;max-width:330px;transition:transform .12s}html body #turn-tasks .plan-line svg{width:24px;height:24px;padding:5px;flex:none;border-radius:50%;color:#fff;background:var(--hh-teal);stroke-width:2.2;box-shadow:inset 0 -2px #0000002e}html body #turn-tasks .plan-line span{overflow:hidden;text-overflow:ellipsis;border:0;border-radius:0;width:auto;height:auto;line-height:1.3;text-align:left}html body #turn-tasks button.plan-line:hover{transform:translate(-3px)}html body #turn-tasks .plan-soon{background:#fffaf0e6;color:var(--hh-ink-2);font-weight:500}html body #turn-tasks .plan-soon svg{background:var(--hh-honey-flat)}html body #end-dock .turn-control{position:relative;margin-top:10px}html body #end-turn{position:relative;width:112px;height:112px;padding:12px;border-radius:50%;gap:0;background:radial-gradient(circle at 42% 28%,#ffe7a6,#f4bd4f 48%,#e09d2c);color:var(--hh-ink);border:0;box-shadow:inset 0 0 0 4px #ffd982,inset 0 0 0 6px #c88a28,inset 0 3px 0 6px #fff1c4,0 0 0 4px #fffaf0,0 7px 0 4px var(--hh-honey-deep),0 20px 28px -6px #0f2a2acc;transition:transform .14s,box-shadow .14s}html body #end-turn>.icon{width:30px;height:30px;color:var(--hh-ink);stroke-width:2.2}html body #end-turn>span{font:600 19px/1.05 var(--display);color:var(--hh-ink)}html body #end-turn>b{font:600 38px/.95 var(--display);color:var(--hh-ink)}html body #end-turn:not(:disabled):hover{transform:translateY(-3px)}html body #end-turn:not(:disabled):active{transform:translateY(4px);box-shadow:inset 0 0 0 4px #ffd982,inset 0 0 0 6px #c88a28,0 0 0 4px #fffaf0,0 2px 0 4px var(--hh-honey-deep),0 10px 16px -6px #0f2a2acc}html body #end-turn.waiting{background:radial-gradient(circle at 42% 28%,#fff,#fbf0d9 55%,#efdab1);box-shadow:inset 0 0 0 4px var(--hh-honey-flat),inset 0 0 0 6px #fff4d6,0 0 0 4px #fffaf0,0 7px 0 4px var(--hh-edge-deep),0 20px 28px -6px #0f2a2acc}html body #end-turn.waiting>span{font:700 11px/1.15 var(--body, sans-serif);letter-spacing:.3px;color:var(--hh-ink-2);max-width:78px}html body #end-turn:disabled{opacity:.6;filter:saturate(.6)}#order-tokens{position:absolute;left:50%;top:-14px;transform:translate(-50%);display:flex;gap:5px;z-index:2}#end-dock .order-token{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 9px 0 4px;border-radius:99px;border:0;color:#fff;font:700 13px var(--body, sans-serif);cursor:pointer;transition:transform .12s}#end-dock .order-token svg{width:20px;height:20px;padding:3px;border-radius:50%;background:#fff3;stroke-width:2.3}#end-dock .order-token.units{background:linear-gradient(180deg,#2fa3a3,var(--hh-teal));box-shadow:inset 0 1px #8fe0dc,0 3px #0f5254,0 0 0 2px #fffaf0,0 6px 10px -4px #0f2a2acc}#end-dock .order-token.buildings{background:linear-gradient(180deg,#f39a55,var(--hh-orange));box-shadow:inset 0 1px #ffd0a8,0 3px 0 var(--hh-orange-deep),0 0 0 2px #fffaf0,0 6px 10px -4px #0f2a2acc}#end-dock .order-token:hover{transform:translateY(-2px)}#end-dock .order-token:active{transform:translateY(2px)}html body #end-anyway{padding:6px 16px;border-radius:99px;font:600 13.5px var(--display);background:linear-gradient(180deg,#fffdf6,#f1e2c3);color:var(--hh-ink);border:0;box-shadow:var(--hh-chip);align-self:center;margin-top:6px}html body #end-anyway:hover{transform:translateY(-1px);box-shadow:var(--hh-chip-hover)}html body #timer-label{color:var(--hh-ink)}html body #tooltip{background:var(--hh-paper);color:var(--hh-ink);border:1px solid #fff6e2;border-radius:13px;box-shadow:var(--hh-card);font:600 12px var(--body, sans-serif);padding:7px 12px}html body #tooltip.piece-card{width:214px;padding:10px 12px 11px}#tooltip .pc-head{display:grid;grid-template-columns:10px 1fr;column-gap:8px;align-items:center}#tooltip .pc-flag{grid-row:span 2;width:10px;height:30px;border-radius:3px;background:var(--owner);box-shadow:inset 0 -2px #0003}#tooltip .pc-head b{font:600 18px/1.1 var(--display);color:var(--hh-ink)}#tooltip .pc-head small{font:600 10.5px var(--body, sans-serif);color:var(--hh-muted)}#tooltip .pc-hp{height:6px;margin:8px 0 0;border-radius:3px;background:#e4d3b1;overflow:hidden;box-shadow:inset 0 1px 2px #8a6a3a55}#tooltip .pc-hp i{display:block;height:100%;background:linear-gradient(90deg,#e8b54e,#8fd05f)}#tooltip .pc-sockets{display:flex;gap:5px;margin-top:8px}#tooltip .pc-socket{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(180deg,#fffdf6,#f3e3c2);box-shadow:inset 0 1px #fff,0 2px 0 var(--hh-edge-deep)}#tooltip .pc-socket svg{width:19px;height:19px;color:var(--hh-teal-deep)}#tooltip .pc-socket.empty{background:var(--hh-well);box-shadow:inset 0 2px 3px #8a6a3a59}#tooltip .pc-stats{display:flex;gap:11px;margin-top:9px}#tooltip .pc-stats span{display:inline-flex;align-items:center;gap:4px}#tooltip .pc-stats svg{width:14px;height:14px;color:var(--hh-ink-2);stroke-width:2.1}#tooltip .pc-stats .icon-sword{color:var(--hh-terra)}#tooltip .pc-stats .icon-shield{color:var(--hh-teal)}#tooltip .pc-stats .icon-range{color:var(--hh-honey-deep)}#tooltip .pc-stats .icon-move{color:var(--hh-meadow)}#tooltip .pc-stats b{font:600 15px var(--display);color:var(--hh-ink)}#tooltip .pc-note{display:block;margin-top:6px;color:#9c3a1e;font-size:11px}#hp-layer{position:fixed;inset:0;z-index:6;pointer-events:none;transition:opacity .2s}.hp-bar{position:absolute;left:0;top:0;width:26px;height:5px;padding:1px;border-radius:3px;background:#2b2216b3;box-shadow:0 0 0 1px #fffaf0b3,0 1px 2px #0006}.hp-bar i{display:block;height:100%;border-radius:2px;background:#8fd05f}.hp-bar.mid i{background:#f0b443}.hp-bar.low i{background:#e5644d}html body .piece-label{width:12px!important;height:12px!important;min-height:0;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:transparent!important;font-size:0!important;box-shadow:none!important}html body .piece-label:not(.ready):not(:hover):not(:focus-visible){opacity:0}html body .piece-label.ready:after{display:none}html body .piece-label.tier-unit.ready{width:13px!important;height:13px!important;border-radius:3px!important;transform-origin:center;background:linear-gradient(135deg,#3cc0bd,var(--hh-teal))!important;box-shadow:0 0 0 2px #fffaf0,0 3px 4px #0007!important;rotate:45deg;animation:hhBob 1.6s ease-in-out infinite}html body .piece-label.tier-building.ready{width:18px!important;height:18px!important;border-radius:50%!important;background:var(--hh-orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m13 4 7 7-3 3-7-7ZM10 7 3 14l3 3 7-7'/%3E%3C/svg%3E") center / 11px no-repeat!important;box-shadow:0 0 0 2px #fffaf0,0 3px 4px #0007!important}html body .piece-label.selected-piece{opacity:0!important;pointer-events:none!important}@keyframes hhBob{50%{translate:0 -4px}}html body .construction-marker{gap:4px;padding:2px 9px 2px 3px;border-radius:99px;border:0;background:linear-gradient(180deg,#fffdf6,#f1e2c3);color:var(--hh-ink);font:700 12px var(--body, sans-serif);box-shadow:inset 0 1px #fff,0 2px 0 var(--hh-edge-deep),0 5px 8px -3px #0f2a2aaa}html body .construction-marker svg{width:18px;height:18px;padding:3px;border-radius:50%;color:#fff;background:var(--hh-honey-flat);stroke-width:2.4}html body #toast{background:var(--hh-paper);color:var(--hh-ink);border:1px solid #fff6e2;border-radius:99px;box-shadow:var(--hh-card);top:74px;font:600 13px var(--body, sans-serif);padding:11px 20px}html body #guide{background:var(--hh-paper);color:var(--hh-ink-2);border:1px solid #fff6e2;border-radius:16px;box-shadow:var(--hh-card);left:auto}html body #turn-banner{top:16%;padding:12px 64px 13px;font:600 30px var(--display);letter-spacing:.5px;color:var(--hh-ink);background:var(--hh-honey);border:0;border-radius:6px;box-shadow:inset 0 1px #fff3c8,inset 0 -6px 0 -2px var(--player),0 4px 0 var(--hh-honey-deep),0 18px 30px -8px #0f2a2acc}@media(max-width:1280px){html body #strategic-panel{width:208px}#tile-dock{max-width:calc(100vw - 580px)}#ring-tray{width:380px}html body #hud #research-status{display:none}html body #hud .resource{padding-right:7px;gap:4px}html body #hud .resource small{display:none}}@media(max-height:760px){#selection-card{width:296px;padding:10px 11px}#selection-card .portrait-frame,#selection-card .portrait-frame img{width:56px;height:56px}#selection-card .inspection{grid-template-columns:56px minmax(0,1fr)}html body #end-turn{width:96px;height:96px}}.rarity-1{--rarity: #a39275;--rarity-soft: #f1e8d6}.rarity-2{--rarity: #3f9a2a;--rarity-soft: #d7efc8}.rarity-3{--rarity: #2478d6;--rarity-soft: #cfe4fb}.rarity-4{--rarity: #9442d6;--rarity-soft: #e8d6fa}.rarity-5{--rarity: #f07f1c;--rarity-soft: #ffdcb0}#ring-tray .recipe-cell[class*=rarity-],#ring-tray .store-cell[class*=rarity-],#selection-card .equipment-slots .equipped-slot[class*=rarity-],#tooltip .pc-socket[class*=rarity-]{background:linear-gradient(180deg,#fffdf6 35%,var(--rarity-soft));box-shadow:inset 0 0 0 3px var(--rarity),inset 0 3px #fff,0 3px color-mix(in srgb,var(--rarity) 55%,#6b4d22),0 8px 12px -8px #1e3a3a99}#ring-tray .recipe-cell.rarity-3,#ring-tray .store-cell.rarity-3,#selection-card .equipped-slot.rarity-3,#tooltip .pc-socket.rarity-3,#ring-tray .recipe-cell.rarity-4,#ring-tray .store-cell.rarity-4,#selection-card .equipped-slot.rarity-4,#tooltip .pc-socket.rarity-4{box-shadow:inset 0 0 0 3px var(--rarity),inset 0 3px #fff,0 3px color-mix(in srgb,var(--rarity) 55%,#2a2340),0 0 14px -2px var(--rarity)}#ring-tray .recipe-cell.rarity-5,#ring-tray .store-cell.rarity-5,#selection-card .equipped-slot.rarity-5,#tooltip .pc-socket.rarity-5{background:linear-gradient(115deg,#fff8e8 20%,#ffe3b8 40%,#fffaf0,#ffd8a3 60%,#fff8e8 80%) 0 0 / 300% 100%;box-shadow:inset 0 0 0 3px var(--rarity),inset 0 3px #fff,0 3px #a6561a,0 0 18px #ec8a2acc;animation:hhLegend 3.2s linear infinite}@keyframes hhLegend{to{background-position:-300% 0}}#ring-tray .recipe-cell[class*=rarity-]>span>svg,#ring-tray .store-cell[class*=rarity-]>svg{color:color-mix(in srgb,var(--rarity) 70%,#1d2b2b)}#ring-tray .recipe-cell[class*=rarity-]:disabled{filter:saturate(.85);box-shadow:inset 0 0 0 3px var(--rarity);animation:none}#ring-tray .recipe-cell[class*=rarity-]:disabled>span>svg{color:color-mix(in srgb,var(--rarity) 75%,#8a7a60)}.rarity-label{font-style:normal;font-weight:700;color:var(--rarity);margin-right:6px}.rarity-label:after{content:"·";margin-left:6px;color:var(--hh-muted);font-weight:400}#ring-tray .detail-head[class*=rarity-]>svg{color:var(--rarity)}#selection-card .equipment-slots .equipped-slot[class*=rarity-] svg,#tooltip .pc-socket[class*=rarity-] svg{color:color-mix(in srgb,var(--rarity) 80%,#1d2b2b)}#ring-tray .recipe-cell>span>span:not(.recipe-costs),#ring-tray .store-cell small{white-space:normal!important;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.15;text-align:center;font-size:11px!important}#selection-card .equipment-slots .equipped-slot:disabled,#selection-card .equipment-slots .empty-slot:disabled{opacity:1;filter:none;cursor:default}#ring-tray .recipe-cell>span>svg,#ring-tray .store-cell>svg{width:34px;height:34px}#ring-tray .recipe-cell,#ring-tray .store-cell{min-height:92px}#selection-card .equipment-slots .equipped-slot svg{width:28px;height:28px}#tooltip .pc-socket{width:36px;height:36px}#tooltip .pc-socket svg{width:24px;height:24px}#ring-tray .recipe-cell>span>svg.icon-art,#ring-tray .store-cell>svg.icon-art{width:50px;height:50px;margin:-6px 0 -4px;filter:drop-shadow(0 2px 1px #3a2a1840)}#selection-card .equipment-slots .equipped-slot svg.icon-art{width:42px;height:42px}#tooltip .pc-socket svg.icon-art{width:32px;height:32px}#ring-tray .detail-head>svg.icon-art,#ring-tray .item-actions>svg.icon-art{width:40px;height:40px}#ring-tray .recipe-cell:disabled>span>svg.icon-art{filter:saturate(.6) opacity(.75)}#online-dialog .lobby{width:min(460px,86vw);display:grid;gap:12px}#online-dialog .lobby h2{margin:0;font:600 28px/1.05 var(--display);color:var(--hh-ink)}#online-dialog .lobby .eyebrow{font:700 10.5px var(--body, sans-serif);letter-spacing:2.4px;color:var(--hh-terra)}#online-dialog .lobby-code{display:flex;align-items:baseline;gap:10px}#online-dialog .lobby-code small{font:700 11px var(--body, sans-serif);letter-spacing:1.4px;text-transform:uppercase;color:var(--hh-muted)}#online-dialog .lobby-code strong{font:600 30px var(--display);letter-spacing:4px;color:var(--hh-ink)}#online-dialog .lobby-invite{display:flex;gap:8px}#online-dialog .lobby-invite input{flex:1;min-width:0;padding:8px 10px;border-radius:9px;border:0;background:var(--hh-well);box-shadow:inset 0 2px 4px #8a6a3a4d;font:12.5px var(--body, sans-serif);color:var(--hh-ink-2)}#online-dialog .lobby-invite button,#online-dialog .lobby-actions button{padding:8px 14px;border-radius:99px;border:0;font:600 14px var(--display);background:linear-gradient(180deg,#fffdf6,#f1e2c3);color:var(--hh-ink);box-shadow:var(--hh-chip)}#online-dialog .lobby p{margin:0;font-size:12.5px;color:var(--hh-muted)}#online-dialog .lobby-seats{list-style:none;margin:0;padding:0;display:grid;gap:7px}#online-dialog .lobby-seat{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:7px 12px 7px 7px;border-radius:12px;background:var(--hh-well);box-shadow:inset 0 2px 4px #8a6a3a40}#online-dialog .lobby-seat.filled{background:linear-gradient(180deg,#fffdf6,#f5e9d0);box-shadow:inset 0 1px #fff,0 2px 0 var(--hh-edge)}#online-dialog .lobby-swatch{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--player);color:#fff;font:600 17px var(--display);text-shadow:0 1px 1px #0006}#online-dialog .lobby-seat:not(.filled) .lobby-swatch{opacity:.45}#online-dialog .lobby-seat b{font:600 16px var(--display);color:var(--hh-ink)}#online-dialog .lobby-seat:not(.filled) b{color:var(--hh-muted)}#online-dialog .lobby-seat small{display:flex;align-items:center;gap:6px;font:600 12px var(--body, sans-serif);color:var(--hh-muted)}#online-dialog .lobby-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#online-dialog .lobby-actions small{flex:1;font-size:12px;color:var(--hh-muted)}#online-dialog .lobby-actions #lobby-start{background:var(--hh-honey);box-shadow:inset 0 1px #fff3c8,0 3px 0 var(--hh-honey-deep);font-size:16px;padding:9px 20px}#activity-feed{position:fixed;left:16px;top:172px;z-index:6;display:grid;gap:6px;pointer-events:none;max-width:300px}#activity-feed p{margin:0;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 9px;border-radius:999px;background:var(--hh-paper-flat);box-shadow:var(--hh-chip);color:var(--hh-ink-2);font-size:13px;animation:feed-in .25s ease-out;transition:opacity .8s}#activity-feed p.fading{opacity:0}#activity-feed i{position:static;display:inline-block;margin:0;width:10px;height:10px;border-radius:50%;background:var(--player);box-shadow:0 0 0 2px #fff;flex:none}#activity-feed b{color:var(--hh-ink);font-weight:700}@keyframes feed-in{0%{opacity:0;transform:translate(-8px)}}.move-ping{position:absolute;left:0;top:0;width:46px;height:46px;border-radius:50%;border:3px solid var(--player);box-shadow:0 0 14px var(--player);animation:move-ping 1.8s ease-out forwards}@keyframes move-ping{0%{opacity:.95;scale:.35}70%{opacity:.5}to{opacity:0;scale:1.6}}.plan-flag{position:absolute;left:0;top:0;width:18px;height:26px}.plan-flag:before{content:"";position:absolute;left:2px;bottom:0;width:2px;height:26px;background:var(--hh-ink);border-radius:1px}.plan-flag:after{content:"";position:absolute;left:4px;top:0;width:14px;height:10px;background:var(--player);clip-path:polygon(0 0,100% 50%,0 100%);filter:drop-shadow(0 1px 0 #0004)}.plan-flag.selected:after{width:18px;height:13px}body.menu-mode #activity-feed{display:none}html body #tile-dock #tile-shop button{padding:6px 11px;font-size:13.5px}html body #tile-dock #tile-shop button small{display:flex;gap:6px}html body #tile-dock #tile-shop button small .cost{display:inline-flex;align-items:center;gap:2px}#tile-dock{left:calc(50% + 24px);max-width:min(800px,calc(100vw - 690px))}html body #tile-dock .tray-lip{position:absolute;left:18px;top:-21px;min-width:0;flex-direction:row;align-items:baseline;gap:8px;padding:4px 11px 3px;background:var(--hh-paper-flat);border-radius:9px 9px 0 0;box-shadow:inset 0 1px #fff,0 -2px 6px -3px #1e3a3a40}svg.icon-ui,svg.icon-item{overflow:visible}.ring-face svg.icon-ui{width:42px;height:42px;filter:drop-shadow(0 2px 1px #3a2a1840)}html body #hud .resource .icon-ui{width:32px;height:32px;padding:0;margin:-3px -2px -3px 0;background:none;box-shadow:none;filter:drop-shadow(0 1px 1px #3a2a1855)}html body #hud .hud-chip svg.icon-ui,html body #hud nav .icon-button svg.icon-ui{width:27px;height:27px}html body #hud .research-primary svg.icon-ui{width:24px;height:24px;margin:-4px 0}html body #camera-tools .icon-button svg.icon-ui{width:27px;height:27px}#end-dock .order-token svg.icon-ui{width:26px;height:26px;padding:1px;background:#fffaf0d9}html body #turn-tasks .plan-line svg.icon-ui,html body #turn-tasks .plan-soon svg.icon-ui{padding:1px;background:#fffaf0;box-shadow:inset 0 0 0 1.5px #e3cfa6}#selection-card .selection-stats svg.icon-ui{width:22px;height:22px}#selection-card svg.icon-stat_hp{width:17px;height:17px;margin-right:2px;vertical-align:-3px}#ring-tray .recipe-cost svg.icon-ui{width:15px;height:15px}html body #tile-dock #tile-shop button svg.icon-ui{width:22px;height:22px}html body #tile-dock #tile-shop button small svg.icon-ui{width:14px;height:14px}#ring-tray .unit-family-tabs svg.icon-ui{width:20px;height:20px}#ring-tray .more-actions svg.icon-ui{width:24px;height:24px;margin-right:4px;vertical-align:middle}.icon-button svg.icon-misc_close{width:20px;height:20px}#ring-tray .recipe-grid,#ring-tray .store-grid{gap:4px 6px}#ring-tray .recipe-cell,#ring-tray .store-cell,#ring-tray .recipe-cell[class*=rarity-],#ring-tray .store-cell[class*=rarity-],#ring-tray .recipe-cell:disabled,#ring-tray .recipe-cell[class*=rarity-]:disabled,#ring-tray button.recipe-cell:not(:disabled){background:transparent;box-shadow:none;animation:none;filter:none;border-radius:14px;padding:8px 2px 6px;min-height:0}#ring-tray button.recipe-cell:not(:disabled):hover,#ring-tray button.store-cell:not(:disabled):hover,#ring-tray .recipe-entry:hover .recipe-cell:disabled,#ring-tray .store-cell.picked{background:#fff6e2b3;box-shadow:inset 0 0 0 1px #e3cfa6;transform:none}#ring-tray .store-cell.picked,#ring-tray .recipe-entry:focus-within .recipe-cell{outline:2px solid var(--hh-teal);outline-offset:-2px}#ring-tray .recipe-cell>span,#ring-tray .store-cell{position:relative}#ring-tray .recipe-cell>span>svg,#ring-tray .store-cell>svg{position:relative;z-index:1;transition:transform .14s}#ring-tray button.recipe-cell:not(:disabled):hover>span>svg,#ring-tray button.store-cell:not(:disabled):hover>svg{transform:translateY(-3px) scale(1.04)}#ring-tray .recipe-cell>span>svg.icon-art,#ring-tray .store-cell>svg.icon-art{width:56px;height:56px;margin:-4px 0 -2px;filter:drop-shadow(0 3px 2px #3a2a1840)}#ring-tray .recipe-cell[class*=rarity-]>span:before,#ring-tray .store-cell[class*=rarity-]:before{content:"";position:absolute;z-index:0;left:50%;top:2px;width:64px;height:56px;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--rarity) 34%,transparent),color-mix(in srgb,var(--rarity) 10%,transparent) 62%,transparent)}#ring-tray .store-cell[class*=rarity-]:before{top:6px}#ring-tray .recipe-cell[class*=rarity-]>span>svg.icon-art,#ring-tray .store-cell[class*=rarity-]>svg.icon-art{filter:drop-shadow(0 0 2px color-mix(in srgb,var(--rarity) 85%,transparent)) drop-shadow(0 0 7px color-mix(in srgb,var(--rarity) 55%,transparent)) drop-shadow(0 3px 2px #3a2a1833)}#ring-tray .recipe-cell.rarity-1>span:before,#ring-tray .store-cell.rarity-1:before{display:none}#ring-tray .recipe-cell.rarity-1>span>svg.icon-art,#ring-tray .store-cell.rarity-1>svg.icon-art{filter:drop-shadow(0 3px 2px #3a2a1840)}#ring-tray .recipe-cell.rarity-5>span>svg.icon-art,#ring-tray .store-cell.rarity-5>svg.icon-art{animation:hhLegendGlow 2.6s ease-in-out infinite}@keyframes hhLegendGlow{0%,to{filter:drop-shadow(0 0 2px #f07f1cdd) drop-shadow(0 0 6px #f07f1c88) drop-shadow(0 3px 2px #3a2a1833)}50%{filter:drop-shadow(0 0 3px #ffb347ff) drop-shadow(0 0 13px #f07f1ccc) drop-shadow(0 3px 2px #3a2a1833)}}#ring-tray .recipe-cell:disabled>span>svg.icon-art{filter:saturate(.55) opacity(.72) drop-shadow(0 2px 1px #3a2a1830);animation:none}#ring-tray .recipe-cell:disabled>span:before{opacity:.45}#ring-tray .recipe-cell:disabled>span>span:not(.recipe-costs){color:var(--hh-muted)}#ring-tray button.recipe-cell:not(:disabled):after{right:50%;top:6px;transform:translate(34px);width:9px;height:9px}#ring-tray .recipe-cell>span>span:not(.recipe-costs){font-size:11.5px!important}#selection-card .equipment-slots .equipped-slot[class*=rarity-],#tooltip .pc-socket[class*=rarity-]{background:var(--hh-well);box-shadow:inset 0 2px 4px #8a6a3a4d,inset 0 -1px #fff8e6;animation:none}#selection-card .equipment-slots .equipped-slot[class*=rarity-] svg.icon-art,#tooltip .pc-socket[class*=rarity-] svg.icon-art{filter:drop-shadow(0 0 2px color-mix(in srgb,var(--rarity) 85%,transparent)) drop-shadow(0 0 6px color-mix(in srgb,var(--rarity) 55%,transparent))}#selection-card .equipment-slots .equipped-slot.rarity-1 svg.icon-art,#tooltip .pc-socket.rarity-1 svg.icon-art{filter:drop-shadow(0 2px 1px #3a2a1840)}#ring-tray .recipe-cell[class*=rarity-]:disabled>span>svg.icon-art{filter:saturate(.7) opacity(.82) drop-shadow(0 0 2px color-mix(in srgb,var(--rarity) 60%,transparent)) drop-shadow(0 0 6px color-mix(in srgb,var(--rarity) 35%,transparent))}#ring-tray .recipe-cell.rarity-1:disabled>span>svg.icon-art{filter:saturate(.6) opacity(.75) drop-shadow(0 2px 1px #3a2a1830)}#ring-tray .recipe-cell:disabled>span:before{opacity:.6}html body #end-turn svg.icon-ui{width:40px;height:40px;filter:drop-shadow(0 2px 1px #3a2a1840)}#setup .title-start svg.icon-ui{width:24px;height:24px;vertical-align:-6px}body.menu-mode #board{left:0!important;width:100%!important;top:0!important;height:100%!important}body.menu-mode #hud,body.menu-mode #command-panel,body.menu-mode #strategic-panel,body.menu-mode #camera-tools,body.menu-mode #history-controls,body.menu-mode #ticker,body.menu-mode #guide,body.menu-mode #fast-actions,body.menu-mode #variant-tools,body.menu-mode #chronicle,body.menu-mode #turn-banner,body.menu-mode .tier-marker,body.menu-mode #end-dock,body.menu-mode #end-turn,body.menu-mode #construction-markers,body.menu-mode #online-bar,body.menu-mode #replay-controls,body.menu-mode #camera-hint,body.menu-mode #dev-overlay,body.menu-mode #next-action{display:none!important}#setup{--mn-paper: #efe6d3;--mn-ink: #233238;--mn-text: #4b4234;--mn-muted: #7a6c55;--mn-line: #cdb994;--mn-gold: #d5a24a;--mn-gold-deep: #a87a2c;--mn-slate: #2f3433;--mn-cream: #f6ecd6;background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;overflow:hidden;color:var(--mn-cream)}#setup::backdrop{background:transparent;backdrop-filter:none}#setup{backdrop-filter:none}#setup .eyebrow{font:600 11px var(--body, sans-serif);letter-spacing:2.4px;text-transform:uppercase;color:#e9cf95}#setup .title-screen{position:fixed;inset:0;display:grid;grid-template-rows:1fr auto auto;align-content:center;padding:7vh 6vw 4vh;gap:4vh;background:linear-gradient(90deg,#08171ddd 0%,#0b1d24b8 26%,#0b1d2440 46%,transparent 62%),linear-gradient(0deg,#08171d99 0%,transparent 28%),radial-gradient(ellipse at 100% 0%,transparent 50%,#08171d66 100%)}#setup .title-logo{align-self:end}#setup .title-logo h1{margin:10px 0 4px;font:72px/1 var(--display);color:#fbf1da;letter-spacing:.5px;text-shadow:0 2px 0 #0006,0 8px 40px #e7bb5840}#setup .title-logo p{margin:0;font:italic 20px var(--display);color:#dccfae}#setup .title-menu{display:flex;flex-direction:column;gap:4px;width:min(380px,80vw)}#setup .title-item{display:block;text-align:left;padding:11px 18px;border-radius:8px;text-decoration:none;background:transparent;border:1px solid transparent;color:#f2e6cb;cursor:pointer;box-shadow:none;transition:background .15s,border-color .15s,transform .15s}#setup .title-item b{display:block;font:24px/1.15 var(--display);font-weight:400}#setup .title-item small{display:block;margin-top:2px;font-size:12.5px;color:#b9b29c}#setup .title-item:hover,#setup .title-item:focus-visible{background:#ffffff12;border-color:#e5c38166;transform:translate(4px);outline:none}#setup .title-item.primary{background:linear-gradient(180deg,#e3b45b,var(--mn-gold-deep));border-color:#f2d08a;color:#20160a;box-shadow:0 6px 24px #d5a24a40,inset 0 1px #fff3cf}#setup .title-item.primary small{color:#4a3511}#setup .title-item.primary:hover{background:linear-gradient(180deg,#ecc06a,#b4842f)}#setup .title-foot{display:flex;align-items:center;gap:12px;color:#a9a690;font-size:12px}#setup .title-foot .icon-button,#setup .setup-top .icon-button{background:#ffffff10;border:1px solid #ffffff26;color:#efe3c6;border-radius:8px;padding:7px;position:static}#setup .setup-screen{position:fixed;inset:0;display:grid;grid-template-columns:minmax(380px,500px) 1fr;grid-template-rows:auto minmax(0,1fr);gap:18px 40px;padding:22px 36px 26px;margin:0;max-width:none;background:linear-gradient(90deg,#08171dd9 0%,#0b1d24a8 34%,transparent 58%),linear-gradient(0deg,#08171d8c 0%,transparent 32%)}#setup .setup-top{grid-column:1 / -1;display:flex;align-items:center;gap:20px}#setup .setup-titles h1{margin:2px 0 0;font:34px/1 var(--display);color:#fbf1da;text-shadow:0 2px 10px #0008}#setup .setup-back,#setup .setup-top .tiny{background:#ffffff10;border:1px solid #ffffff2e;color:#f0e3c4;border-radius:8px;padding:8px 12px;font-size:13px;box-shadow:none}#setup .setup-back:hover{background:#ffffff1c}#setup .title-tabs{margin:0 0 0 auto;padding:3px;border:1px solid #ffffff26;border-radius:9px;background:#0b1d2499;display:flex;gap:2px}#setup .title-tabs button{margin:0;background:transparent;border:0;color:#d9ceb3;padding:7px 14px;border-radius:6px;font-size:13px}#setup .title-tabs button.picked{background:var(--mn-cream);color:var(--mn-ink)}#setup .setup-panel{grid-column:1;grid-row:2;overflow-y:auto;min-height:0;scrollbar-width:thin;background:linear-gradient(180deg,#f3ebda,#e6d8bc);color:var(--mn-text);border:1px solid #c9b48c;border-radius:12px;padding:6px 18px 16px;box-shadow:0 20px 60px #0007,inset 0 1px #fffaf0}#setup .setup-section{padding:14px 0 12px;border-bottom:1px solid #d6c4a0}#setup .setup-section:last-of-type{border-bottom:0}#setup .setup-section h3{margin:0 0 10px;font:19px var(--display);color:var(--mn-ink)}#setup .setup-field{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:6px 12px;margin:8px 0}#setup .setup-field>small{grid-column:2;font-size:11.5px;color:var(--mn-muted);margin-top:-2px}#setup .field-label{font:600 12px var(--body, sans-serif);color:var(--mn-muted)}#setup .setup-note{margin:8px 0 0;font-size:12.5px;color:var(--mn-muted)}#setup .setup-panel .picker{display:flex;gap:0;border:1px solid #c4ae86;border-radius:8px;overflow:hidden;background:#fbf6ea}#setup .setup-panel .picker button{flex:1;border:0;border-radius:0;background:transparent;color:var(--mn-ink);padding:8px 6px;font-size:13px;min-height:0}#setup .setup-panel .picker button+button{border-left:1px solid #d8c7a5}#setup .setup-panel .picker button.picked{background:var(--mn-slate);color:#f6ead0}#setup .setup-panel .picker button:hover:not(.picked):not(:disabled){background:#f1e5cb}#setup .local-presets{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}#setup .local-presets button{flex:1;background:#fbf6ea;border:1px dashed #c4ae86;color:var(--mn-ink);border-radius:18px;padding:6px 10px;font-size:12.5px}#setup .local-presets button:hover{border-style:solid;border-color:var(--mn-gold-deep);background:#fff8e8}#setup .seat-grid{display:grid;grid-template-columns:1fr!important;gap:6px;margin-top:10px}#setup .seat-row{display:grid!important;grid-template-columns:14px 1fr 180px;margin:0;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;background:#fbf6ea;border:1px solid #ddcca9;color:var(--mn-ink)}#setup .seat-row[hidden]{display:none!important}#setup .seat-swatch{width:14px;height:14px;border-radius:4px;background:var(--player);box-shadow:inset 0 0 0 1px #0002}#setup .seat-name{font:15px var(--display)}#setup .seed-row{display:flex;gap:6px}#setup .seed-row input{flex:1;min-width:0;background:#fbf6ea;border:1px solid #c4ae86;border-radius:8px;padding:8px 10px;color:var(--mn-ink);font:13px ui-monospace,monospace}#setup .seed-row button,#setup #save-map{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;background:#fbf6ea;border:1px solid #c4ae86;color:var(--mn-ink);border-radius:8px;padding:7px 10px;font-size:12.5px}#setup .seed-row svg{width:15px;height:15px}#setup .map-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}#setup .map-slots button{text-align:left;padding:7px 9px;display:flex;flex-direction:column;gap:1px;background:#fbf6ea;border:1px solid #d8c7a5;border-radius:8px;color:var(--mn-ink)}#setup .map-slots button:disabled{opacity:.55}#setup .map-slots span{font-size:10.5px;color:var(--mn-muted)}#setup .map-slots strong{font-size:12.5px;font-weight:600}#setup .map-slots small{display:none}#setup .map-slots strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px}#setup .field-control{min-width:0}#setup .slot-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}#setup .slot-hint{margin:0;font-size:11px;color:var(--mn-muted)}#setup .setup-panel details{margin-top:14px;color:var(--mn-muted);font-size:13px}#setup .setup-panel details summary{cursor:pointer;color:var(--mn-ink)}#setup .setup-links{display:flex;align-items:center;gap:14px;margin-top:14px;font-size:13px}#setup .setup-links a{color:#3c6a7c}#setup .setup-links button{background:transparent;border:1px solid #c4ae86;border-radius:8px;padding:5px 10px;color:var(--mn-ink)}#setup .setup-panel.advanced-fields .rule-group{background:#fbf6ea;border-color:#d8c7a5}#setup .setup-launch{grid-column:2;grid-row:2;align-self:end;justify-self:end;width:min(440px,100%);padding:20px 22px 22px;border-radius:14px;color:var(--mn-cream);background:linear-gradient(180deg,#102830e6,#0b1d24f2);border:1px solid #ffffff22;box-shadow:0 20px 60px #0008;backdrop-filter:blur(6px)}#setup .setup-launch h2{margin:6px 0;font:26px/1.1 var(--display);color:#fbf1da}#setup .setup-launch #map-description{margin:0 0 6px;color:#d8ceb3;font-size:14px}#setup .setup-briefing{margin:0 0 14px;color:#a9a690;font-size:12.5px}#setup #setup-error{margin:0 0 8px;color:#f0a07e;font-size:13px}#setup #setup-error:empty{display:none}#setup .title-start{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;margin:0;padding:15px 18px;border-radius:10px;font:24px var(--display);color:#20160a;background:linear-gradient(180deg,#e8ba62,var(--mn-gold-deep));border:1px solid #f2d08a;box-shadow:0 8px 28px #d5a24a4d,inset 0 1px #fff3cf}#setup .title-start:hover:not(:disabled){background:linear-gradient(180deg,#f0c56f,#b4842f)}#setup .title-start svg{width:22px;height:22px}@media(max-width:900px){#setup .setup-screen{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;padding:14px}#setup .setup-launch{grid-column:1;grid-row:3;width:100%}#setup .title-logo h1{font-size:48px}#setup .title-tabs{margin-left:0}}@media(max-height:760px){#setup .title-logo h1{font-size:56px}#setup .title-item{padding:8px 16px}#setup .title-item b{font-size:20px}}html body #research-panel.rt{background:radial-gradient(120% 80% at 15% 0%,#fffaf0f2,transparent 60%),linear-gradient(180deg,#f6ead2f5,#ecdcbcf5);backdrop-filter:blur(10px);color:var(--hh-ink);padding:14px 24px 10px;display:flex;flex-direction:column;gap:8px;overflow:hidden}#research-panel.rt .rt-head{display:flex;align-items:center;gap:22px;padding-bottom:8px;border-bottom:1px solid var(--hh-line)}#research-panel.rt .rt-title h1{margin:0;font:600 28px/1 var(--display);color:var(--hh-ink)}#research-panel.rt .rt-title .eyebrow{color:var(--hh-muted);letter-spacing:2px;font-size:11px}#research-panel.rt .rt-now{display:flex;align-items:center;gap:16px;margin-left:12px}#research-panel.rt .rt-project{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;background:var(--hh-paper-flat);box-shadow:var(--hh-chip)}#research-panel.rt .rt-project b{display:block;font:600 15px var(--display)}#research-panel.rt .rt-project small{color:var(--hh-muted);font-size:12px}#research-panel.rt .rt-project.idle b{color:var(--hh-ink-2)}#research-panel.rt .rt-ring{--progress: 0;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--hh-teal-deep);background:radial-gradient(closest-side,#fffaf0 74%,transparent 76% 100%),conic-gradient(var(--hh-teal) calc(var(--progress) * 360deg),#e3cfa6 0)}#research-panel.rt .rt-ring .icon{width:18px;height:18px}#research-panel.rt .rt-rate{display:grid;font:600 14px var(--display);color:var(--hh-teal-deep)}#research-panel.rt .rt-rate b{display:inline-flex;align-items:center;gap:5px;font:inherit}#research-panel.rt .rt-rate b .icon{width:16px;height:16px;stroke-width:2.2}#research-panel.rt .rt-rate small{font:500 11.5px var(--body, sans-serif);color:var(--hh-muted)}#research-panel.rt .rt-stock{display:flex;gap:6px;margin-left:auto}#research-panel.rt .rt-stock span{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;background:var(--hh-well);box-shadow:inset 0 1px 2px #8a6a3a40;font-size:13px}#research-panel.rt .rt-stock .icon{width:15px;height:15px}#research-panel.rt #research-close{flex:none}#research-panel.rt .rt-board{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:46px repeat(5,minmax(0,1fr));grid-auto-rows:max-content;gap:6px 12px;align-content:start;padding:2px 4px 8px}#research-panel.rt .rt-corner{position:sticky;top:0}#research-panel.rt .rt-branch{position:sticky;top:0;z-index:2;display:grid;justify-items:center;gap:3px;padding-bottom:4px;background:linear-gradient(#f6ead2,#f6ead2 80%,transparent)}#research-panel.rt .rt-banner{display:inline-flex;align-items:center;gap:8px;padding:7px 26px;font:600 16px var(--display);letter-spacing:.5px;color:#fffaf0;background:linear-gradient(180deg,#2a9496,var(--hh-teal-deep));border-radius:6px;box-shadow:inset 0 1px #fff5,0 3px #0f4c4e,0 8px 14px -6px #1e3a3a80;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 50%,100% 100%,0 100%,10px 50%)}#research-panel.rt .rt-banner .icon{width:17px;height:17px}#research-panel.rt .rt-branch small{color:var(--hh-muted);font-size:11.5px}#research-panel.rt .rt-tier{display:grid;place-items:center;align-self:stretch;border-radius:10px;background:var(--hh-well);box-shadow:inset 0 1px 3px #8a6a3a40}#research-panel.rt .rt-tier b{font:600 16px var(--display);color:var(--hh-ink-2)}#research-panel.rt .rt-cell{display:grid;gap:6px;align-content:center;padding:5px;border-radius:12px;background:#fffaf05c;box-shadow:inset 0 0 0 1px #e3cfa680;min-height:58px}#research-panel.rt .rt-cell:empty{background:transparent;box-shadow:none}#research-panel.rt .rt-card{--progress: 0;position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;column-gap:9px;height:auto;min-height:50px;padding:6px 9px;border-radius:12px;border:0;text-align:left;color:var(--hh-ink);cursor:pointer;background:linear-gradient(180deg,#fffdf6,#f3e5c8);box-shadow:var(--hh-chip);transition:transform .12s,box-shadow .12s,opacity .15s}#research-panel.rt .rt-card:hover,#research-panel.rt .rt-card.pinned{transform:translateY(-2px);box-shadow:var(--hh-chip-hover)}#research-panel.rt .rt-medal{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--hh-ink-2);background:linear-gradient(180deg,#fff6e2,#e6d0a6);box-shadow:inset 0 0 0 2px #fff8,0 2px 0 var(--hh-edge)}#research-panel.rt .rt-medal .icon{width:19px;height:19px}#research-panel.rt .rt-text{display:grid;gap:1px;min-width:0}#research-panel.rt .rt-text b{font:600 14.5px/1.15 var(--display)}#research-panel.rt .rt-text small{display:block;font-size:11.5px;line-height:1.3;color:var(--hh-muted)}#research-panel.rt .rt-text small .rt-cost{margin-right:7px}#research-panel.rt .rt-text small .icon{width:12px;height:12px;vertical-align:-2px}#research-panel.rt .rt-cost{display:inline-flex;align-items:center;gap:2px;color:var(--hh-ink-2);font-weight:600}#research-panel.rt .rt-cost.short{color:var(--hh-terra)}#research-panel.rt .rt-turns{color:var(--hh-muted)}#research-panel.rt .rt-unlocks{display:grid;grid-template-columns:repeat(3,22px);gap:3px;justify-content:end}#research-panel.rt .rt-u{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#fffaf0;box-shadow:inset 0 0 0 1.5px #d9c49a;color:var(--hh-ink-2)}#research-panel.rt .rt-u .icon{width:15px;height:15px}#research-panel.rt .rt-u.tier-2{box-shadow:inset 0 0 0 2px #5aa24e}#research-panel.rt .rt-u.tier-3{box-shadow:inset 0 0 0 2px #3c7fc4}#research-panel.rt .rt-u.tier-4{box-shadow:inset 0 0 0 2px #8a55c8}#research-panel.rt .rt-u.tier-5{box-shadow:inset 0 0 0 2px #e08a2c}#research-panel.rt .rt-card.ready{box-shadow:inset 0 0 0 2px var(--hh-honey-flat),0 3px 0 var(--hh-honey-deep),0 0 18px -2px #f0b44399,0 10px 18px -8px #1e3a3a73}#research-panel.rt .rt-card.ready .rt-medal{background:var(--hh-honey);color:#5a3a0c}#research-panel.rt .rt-card.active{box-shadow:inset 0 0 0 2px var(--hh-teal),0 3px 0 var(--hh-teal-deep),0 10px 18px -8px #1e3a3a73}#research-panel.rt .rt-card.active .rt-medal{color:var(--hh-teal-deep);background:radial-gradient(closest-side,#fffaf0 72%,transparent 75% 100%),conic-gradient(var(--hh-teal) calc(var(--progress) * 360deg),#e3cfa6 0)}#research-panel.rt .rt-card.completed{background:linear-gradient(180deg,#eef5ee,#dcebdc)}#research-panel.rt .rt-card.completed .rt-medal{background:linear-gradient(180deg,#5fb3a6,var(--hh-teal-deep));color:#fffaf0}#research-panel.rt .rt-card.completed small{color:var(--hh-teal-deep);font-weight:600}#research-panel.rt .rt-card.locked{background:linear-gradient(180deg,#f3ece0,#e6dccb);color:#7b6c58}#research-panel.rt .rt-card.locked .rt-medal,#research-panel.rt .rt-card.locked .rt-u{filter:grayscale(.85);opacity:.7}#research-panel.rt .rt-card.planned{background:transparent;box-shadow:inset 0 0 0 1.5px #bda57a;outline:1.5px dashed #bda57a;outline-offset:-5px;opacity:.75}#research-panel.rt .rt-board.tracing .rt-card:not(.on-path){opacity:.42}#research-panel.rt .rt-board.tracing .rt-card.on-path{opacity:1}#research-panel.rt .rt-detail{position:fixed;z-index:60;width:340px;max-height:calc(100dvh - 24px);overflow:auto;padding:14px 16px;border-radius:16px;background:var(--hh-paper);box-shadow:var(--hh-card);color:var(--hh-ink)}#research-panel.rt .rt-detail header{display:flex;gap:10px;align-items:center}#research-panel.rt .rt-detail h2{margin:0;font:600 21px/1.1 var(--display)}#research-panel.rt .rt-detail .eyebrow{font-size:10.5px;letter-spacing:1.5px;color:var(--hh-muted)}#research-panel.rt .rt-detail h3{margin:10px 0 6px;font:700 10.5px var(--body, sans-serif);letter-spacing:1.5px;text-transform:uppercase;color:var(--hh-muted)}#research-panel.rt .rt-detail-status{margin:8px 0 0;display:flex;flex-wrap:wrap;gap:4px 9px;align-items:center;font-size:13px;color:var(--hh-ink-2)}#research-panel.rt .rt-detail-status .icon{width:14px;height:14px}#research-panel.rt .rt-unlock-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}#research-panel.rt .rt-unlock-list li{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:start}#research-panel.rt .rt-unlock-list .rt-u{width:30px;height:30px}#research-panel.rt .rt-unlock-list .rt-u .icon{width:20px;height:20px}#research-panel.rt .rt-unlock-list b{font:600 14px var(--display)}#research-panel.rt .rt-unlock-list small{margin-left:6px;font-size:11px;color:var(--hh-muted)}#research-panel.rt .rt-unlock-list p{margin:2px 0 0;font-size:12px;line-height:1.35;color:var(--hh-ink-2)}#research-panel.rt .rt-unlock-list li.planned{opacity:.6}#research-panel.rt .rt-detail-req,#research-panel.rt .rt-detail-path{margin:10px 0 0;font-size:12.5px;color:var(--hh-ink-2);display:flex;flex-wrap:wrap;gap:3px 6px;align-items:center}#research-panel.rt .rt-detail-req b{color:var(--hh-terra)}#research-panel.rt .rt-detail-req b.met{color:var(--hh-teal-deep)}#research-panel.rt .rt-detail-path .icon{width:13px;height:13px}#research-panel.rt .rt-detail button{width:100%;margin-top:12px}#research-panel.rt .rt-detail-hint{display:block;margin-top:10px;color:var(--hh-muted);font-size:11.5px}#research-panel.rt .rt-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding-top:8px;border-top:1px solid var(--hh-line);font-size:12px;color:var(--hh-ink-2)}#research-panel.rt .rt-foot span{display:inline-flex;align-items:center;gap:6px}#research-panel.rt .rt-foot small{margin-left:auto;color:var(--hh-muted)}#research-panel.rt .rt-key{width:14px;height:14px;border-radius:4px;background:#fffaf0;box-shadow:inset 0 0 0 1.5px #d9c49a}#research-panel.rt .rt-key.ready{box-shadow:inset 0 0 0 2px var(--hh-honey-flat),0 0 6px #f0b443}#research-panel.rt .rt-key.active{box-shadow:inset 0 0 0 2px var(--hh-teal)}#research-panel.rt .rt-key.completed{background:#dcebdc;box-shadow:inset 0 0 0 1.5px var(--hh-teal-deep)}#research-panel.rt .rt-key.locked{background:#e6dccb}@media(max-height:820px){#research-panel.rt .rt-card{min-height:44px;padding:4px 8px}#research-panel.rt .rt-cell{min-height:50px;padding:4px}}