@layer reset,foundation,components,states,responsive;@layer reset{*,*:before,*:after{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,output,input,canvas{font:inherit}button{margin:0;padding:0;border:0}button,[role=button]{-webkit-tap-highlight-color:transparent}img,svg{display:block}[hidden]{display:none!important}}@layer foundation{:root{color-scheme:dark;--ivory-50: #fffdf5;--ivory-100: #f7f0dc;--ivory-200: #eadcbb;--ivory-300: #d6c59f;--ink-700: #243638;--ink-800: #14292c;--ink-900: #091a1d;--verdigris-300: #77a49b;--verdigris-400: #4e8178;--verdigris-500: #34675f;--verdigris-700: #204a46;--brass-200: #e2ca86;--brass-300: #c7a85e;--brass-400: #a8863f;--brass-600: #6d5221;--oxblood: #7d3029;--good: #6e9e63;--warning: #c99045;--danger: #a64c42;--font-display: Baskerville, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-ui: "Segoe UI Variable", "Segoe UI", Candara, system-ui, sans-serif;--shadow-soft: 0 12px 35px rgb(3 13 15 / .3), 0 2px 5px rgb(3 13 15 / .28);--shadow-deep: 0 22px 55px rgb(3 12 14 / .48), 0 4px 9px rgb(3 12 14 / .35);--safe-top: max(14px, env(safe-area-inset-top));--safe-right: max(18px, env(safe-area-inset-right));--safe-bottom: max(16px, env(safe-area-inset-bottom));--safe-left: max(18px, env(safe-area-inset-left))}body{color:var(--ivory-100);background:#102e31;font-family:var(--font-ui);font-size:14px;line-height:1.35;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}body:before{position:fixed;z-index:-1;inset:0;content:"";background:radial-gradient(circle at 52% 38%,rgb(129 174 165 / .2),transparent 32%),linear-gradient(145deg,#1f5558,#102e31 58%,#081d21)}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}svg{width:1.2em;height:1.2em;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}#game-shell{position:fixed;inset:0;isolation:isolate;overflow:hidden;background:#183f42}#game-canvas{position:absolute;z-index:0;inset:0;width:100%;height:100%;cursor:grab;outline:none;touch-action:none}#game-canvas:active{cursor:grabbing}.world-vignette{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,rgb(2 16 19 / .28) 0,transparent 16%,transparent 77%,rgb(4 18 20 / .19) 100%),radial-gradient(ellipse at center,transparent 58%,rgb(3 13 15 / .2) 100%);box-shadow:inset 0 0 90px #010c0e2e}.world-vignette:after{position:absolute;inset:0;content:"";opacity:.11;background-image:repeating-radial-gradient(circle at 17% 29%,transparent 0 1px,rgb(255 255 255 / .12) 1.5px 2px,transparent 2.5px 4px),repeating-linear-gradient(115deg,transparent 0 6px,rgb(0 0 0 / .05) 7px,transparent 8px 13px);background-size:9px 11px,31px 29px;mix-blend-mode:soft-light}.hud-layer{position:absolute;z-index:10;inset:0;pointer-events:none}.eyebrow{display:block;color:var(--brass-300);font-size:9px;font-weight:700;letter-spacing:.2em;line-height:1.2;text-transform:uppercase}.parchment-panel{color:var(--ink-800);border:1px solid rgb(238 217 166 / .78);background:linear-gradient(115deg,rgb(255 255 255 / .3),transparent 24%),repeating-linear-gradient(8deg,rgb(96 74 36 / .028) 0 1px,transparent 1px 5px),linear-gradient(145deg,#f8f0dafa,#dfcfabf7);box-shadow:inset 0 0 0 3px #6752281c,inset 0 0 24px #61451b21,var(--shadow-soft)}.parchment-panel:before,.parchment-panel:after{position:absolute;width:36px;height:36px;content:"";pointer-events:none}.parchment-panel:before{top:7px;left:7px;border-top:1px solid rgb(110 80 32 / .42);border-left:1px solid rgb(110 80 32 / .42)}.parchment-panel:after{right:7px;bottom:7px;border-right:1px solid rgb(110 80 32 / .42);border-bottom:1px solid rgb(110 80 32 / .42)}button{color:inherit;cursor:pointer}button:focus-visible,canvas:focus-visible{outline:2px solid var(--brass-200);outline-offset:3px}kbd{min-width:20px;padding:1px 5px 2px;color:var(--ink-700);border:1px solid rgb(58 65 56 / .32);border-bottom-width:2px;border-radius:3px;background:#fffdf4b3;box-shadow:0 1px 1px #0000001f;font-family:var(--font-ui);font-size:10px;font-weight:700}}@layer components{#boot-screen{position:fixed;z-index:1000;inset:0;display:flex;align-items:center;flex-direction:column;justify-content:center;overflow:hidden;color:var(--ivory-100);background:radial-gradient(circle at 50% 35%,rgb(87 137 129 / .23),transparent 31%),linear-gradient(155deg,#163e41,#0c282d 55%,#061a1e);transition:opacity .7s ease,visibility .7s ease}#boot-screen:before,#boot-screen:after{position:absolute;z-index:0;content:"";pointer-events:none}#boot-screen:before{inset:20px;border:1px solid rgb(204 174 101 / .3);box-shadow:inset 0 0 0 5px #07191d47}#boot-screen:after{inset:0;opacity:.22;background:repeating-linear-gradient(90deg,transparent 0 51px,rgb(204 174 101 / .06) 52px,transparent 53px),repeating-linear-gradient(0deg,transparent 0 51px,rgb(204 174 101 / .045) 52px,transparent 53px);-webkit-mask-image:radial-gradient(circle,black,transparent 68%);mask-image:radial-gradient(circle,black,transparent 68%)}.boot-horizon{position:absolute;z-index:0;right:-8%;bottom:-3%;left:-8%;height:38%;opacity:.38;background:linear-gradient(175deg,transparent 47%,rgb(114 163 155 / .15) 48%,rgb(5 21 25 / .65) 80%),repeating-radial-gradient(ellipse at 50% 0,transparent 0 12px,rgb(178 206 195 / .08) 13px 14px,transparent 15px 28px);transform:rotate(-1deg)}.boot-emblem,.boot-eyebrow,#boot-screen h1,.boot-subtitle,.boot-loader,.boot-status{position:relative;z-index:1}.boot-emblem{width:116px;height:116px;margin-bottom:26px;color:var(--brass-300);animation:boot-float 4s ease-in-out infinite}.boot-emblem svg{width:100%;height:100%;stroke-width:1;filter:drop-shadow(0 8px 14px rgb(0 0 0 / .26))}.boot-emblem .boot-needle{fill:#c7a85e1f;stroke-width:1.7;transform-origin:60px 60px;animation:compass-search 3s ease-in-out infinite}.boot-eyebrow{margin:0 0 8px;color:#e2ca86d1;font-size:10px;font-weight:600;letter-spacing:.34em;text-transform:uppercase}#boot-screen h1{margin:0;color:var(--ivory-50);font-family:var(--font-display);font-size:clamp(42px,7vw,76px);font-weight:400;letter-spacing:.18em;line-height:.96;text-indent:.18em;text-shadow:0 5px 25px rgb(0 0 0 / .45)}.boot-subtitle{margin:14px 0 36px;color:#f7f0dca8;font-family:var(--font-display);font-size:15px;font-style:italic;letter-spacing:.08em}.boot-loader{width:min(340px,66vw);height:3px;overflow:visible;background:#0614189e;box-shadow:0 1px #ffffff17,0 0 0 1px #0000002e}#boot-progress{position:relative;width:8%;height:100%;background:linear-gradient(90deg,var(--brass-600),var(--brass-200));box-shadow:0 0 13px #e2ca866b;transition:width .4s ease}#boot-progress:after{position:absolute;top:50%;right:-4px;width:8px;height:8px;content:"";border:1px solid var(--brass-200);background:var(--ink-800);transform:translateY(-50%) rotate(45deg)}.boot-status{margin:15px 0 0;color:#f7f0dc8f;font-size:10px;letter-spacing:.12em}.topbar{position:absolute;top:var(--safe-top);right:var(--safe-right);left:var(--safe-left);display:grid;grid-template-columns:minmax(215px,.72fr) minmax(510px,1.58fr) minmax(230px,.72fr);align-items:start;gap:12px;filter:drop-shadow(0 8px 12px rgb(2 13 15 / .28))}.island-plaque,.resource-ribbon,.time-controls{position:relative;height:64px;border:1px solid rgb(205 175 105 / .54);background:linear-gradient(180deg,#294e4cf7,#113032fa),var(--ink-800);box-shadow:inset 0 1px #ffffff14,inset 0 -2px #030f1159,var(--shadow-soft);-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1)}.island-plaque:after,.resource-ribbon:after,.time-controls:after{position:absolute;right:5px;bottom:5px;left:5px;height:1px;content:"";background:linear-gradient(90deg,transparent,rgb(213 185 115 / .42),transparent)}.island-plaque{display:flex;align-items:center;min-width:0;padding:8px 17px 9px 11px;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%)}.island-seal{position:relative;display:grid;width:45px;height:45px;flex:0 0 45px;place-items:center;margin-right:12px;color:var(--brass-200);border:1px solid rgb(206 177 108 / .58);border-radius:50%;background:radial-gradient(circle,rgb(65 112 103 / .78) 0 48%,rgb(9 38 41 / .9) 50% 66%,transparent 68%),conic-gradient(from 22.5deg,var(--brass-400),var(--ink-800),var(--brass-400),var(--ink-800),var(--brass-400));box-shadow:inset 0 0 0 3px #081d1f8c,0 3px 8px #00000040}.island-seal:before,.island-seal:after{position:absolute;width:4px;height:4px;content:"";border-radius:50%;background:var(--brass-300)}.island-seal:before{left:2px}.island-seal:after{right:2px}.island-seal svg{width:22px;height:22px;stroke-width:1.3}.island-copy{min-width:0}.island-copy .eyebrow{margin-bottom:2px;color:#e2ca86b8;font-size:8px}#island-title{overflow:hidden;margin:0;color:var(--ivory-50);font-family:var(--font-display);font-size:clamp(18px,1.7vw,25px);font-weight:400;letter-spacing:.025em;line-height:1.1;text-overflow:ellipsis;text-shadow:0 2px 2px rgb(0 0 0 / .22);white-space:nowrap}.resource-ribbon{display:grid;grid-template-columns:minmax(100px,1.25fr) 1px minmax(82px,1fr) 1px minmax(95px,1.1fr) 1px minmax(82px,1fr);align-items:center;padding:5px 17px 8px;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%)}.resource-item{display:flex;align-items:center;min-width:0;height:100%;padding:0 clamp(6px,.8vw,14px)}.resource-icon{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;margin-right:9px;color:var(--brass-200);border:1px solid rgb(207 178 108 / .28);border-radius:50%;background:#071e216b;box-shadow:inset 0 0 9px #00000038}.resource-icon svg{width:18px;height:18px}.resource-copy{display:flex;min-width:0;flex-direction:column}.resource-label{overflow:hidden;color:#e5ddc58f;font-size:8px;font-weight:600;letter-spacing:.12em;line-height:1.1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.resource-item output{color:var(--ivory-50);font-family:var(--font-display);font-size:18px;font-variant-numeric:tabular-nums;line-height:1.1;white-space:nowrap}.resource-item output.positive{color:#b7d7a5}.resource-item output.negative{color:#e8a49a}.resource-divider{width:1px;height:31px;background:linear-gradient(transparent,rgb(210 179 107 / .45),transparent)}.time-controls{display:grid;grid-template-columns:minmax(86px,1fr) auto;align-items:center;padding:6px 10px 8px 15px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,12px 50%)}.game-clock{display:flex;align-items:center;gap:8px;padding-left:5px}.game-clock svg{width:17px;height:17px;color:var(--brass-200)}#game-time{color:var(--ivory-50);font-family:var(--font-display);font-size:18px;font-variant-numeric:tabular-nums;letter-spacing:.03em}.speed-group{display:grid;grid-auto-flow:column;gap:3px;padding:3px;pointer-events:auto;border:1px solid rgb(205 174 103 / .2);background:#061a1d7a}.speed-button{display:grid;width:30px;height:31px;place-items:center;color:#ede5cda6;border:1px solid transparent;background:transparent;transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease}.speed-button svg{width:15px;height:15px;stroke-width:1.7}.speed-button:hover{color:var(--ivory-50);background:#70a19526}.speed-button:active{transform:translateY(1px)}.mission-panel{position:absolute;top:96px;right:var(--safe-right);width:clamp(292px,22vw,336px);padding:22px 21px 17px;pointer-events:auto;transform:rotate(.08deg)}.panel-pin{position:absolute;z-index:2;top:7px;left:50%;width:8px;height:8px;border:1px solid #6d5429;border-radius:50%;background:radial-gradient(circle at 36% 31%,#f2d38a,#8a6728 70%);box-shadow:0 2px 4px #00000047;transform:translate(-50%)}.mission-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid rgb(87 68 35 / .23)}.mission-header:after{position:absolute;right:0;bottom:-3px;left:0;height:1px;content:"";background:#ffffff75}.mission-header .eyebrow{margin-bottom:4px;color:var(--verdigris-500)}.mission-header h2,.help-panel h2,.inspector-panel h2{margin:0;color:var(--ink-800);font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:.015em;line-height:1.05}.mission-number{display:grid;width:35px;height:35px;flex:0 0 35px;place-items:center;color:var(--ivory-100);border-radius:50%;background:var(--verdigris-700);box-shadow:inset 0 0 0 3px var(--ivory-200),0 0 0 1px var(--verdigris-700);font-family:var(--font-display);font-size:16px}.mission-lead{margin:12px 0 11px;color:#1a2c2db3;font-family:var(--font-display);font-size:13px;font-style:italic;line-height:1.35}.mission-list{display:grid;gap:4px;margin:0;padding:0;list-style:none}.mission-list li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:45px;padding:4px 0;border-bottom:1px dotted rgb(56 66 56 / .2)}.objective-mark{display:grid;width:27px;height:27px;place-items:center;color:var(--verdigris-500);border:1px solid rgb(45 89 82 / .3);border-radius:50%;background:#fffdf44d}.objective-mark svg{width:15px;height:15px}.objective-copy{min-width:0;color:var(--ink-800);font-size:11px;font-weight:700}.objective-copy small{display:block;overflow:hidden;margin-top:1px;color:#1e313185;font-family:var(--font-display);font-size:10px;font-style:italic;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.mission-list output{color:var(--ink-700);font-family:var(--font-display);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.mission-reward{display:flex;align-items:center;justify-content:space-between;margin-top:11px;padding:8px 9px;color:#1e303094;border:1px solid rgb(91 70 34 / .18);background:#fffdf44d;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.mission-reward strong{display:flex;align-items:center;gap:5px;color:var(--brass-600);font-family:var(--font-display);font-size:13px;letter-spacing:.03em}.mission-reward svg{width:15px;height:15px}.minimap-dock{position:absolute;bottom:var(--safe-bottom);left:var(--safe-left);width:266px;pointer-events:auto;filter:drop-shadow(0 14px 19px rgb(3 13 15 / .34))}.minimap-frame{position:relative;padding:7px;border:1px solid rgb(218 188 111 / .72);background:linear-gradient(145deg,#2b514ef5,#0d2b2efa);box-shadow:inset 0 0 0 3px #061a1d99,inset 0 1px #ffffff14;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}#minimap{width:100%;height:auto;aspect-ratio:3 / 2;border:1px solid rgb(5 24 27 / .84);background:radial-gradient(ellipse at 50% 48%,#798b65 0 18%,#446a5b 19% 27%,#315b61 28% 53%,#234b53);cursor:crosshair}.minimap-glass{position:absolute;inset:8px;pointer-events:none;background:linear-gradient(125deg,rgb(255 255 255 / .13),transparent 22%),radial-gradient(circle at 50% 50%,transparent 55%,rgb(5 23 26 / .24) 100%);box-shadow:inset 0 0 16px #01101340}.minimap-corner{position:absolute;width:14px;height:14px;pointer-events:none}.corner-a{top:3px;left:3px;border-top:2px solid var(--brass-300);border-left:2px solid var(--brass-300)}.corner-b{right:3px;bottom:3px;border-right:2px solid var(--brass-300);border-bottom:2px solid var(--brass-300)}.compass-rose{position:absolute;z-index:3;top:-29px;right:-20px;display:grid;width:68px;height:68px;place-items:center;color:var(--brass-200);border:1px solid rgb(218 188 111 / .67);border-radius:50%;background:radial-gradient(circle,#2e625d,#123c3f 66%,#092a2e 67%);box-shadow:inset 0 0 0 4px #041a1d94,0 5px 11px #00000059}.compass-rose svg{width:55px;height:55px;stroke-width:.8}.compass-rose .compass-north{fill:var(--brass-300);stroke-width:.5}.compass-rose>span{position:absolute;z-index:1;top:-11px;left:50%;font-family:var(--font-display);font-size:10px;transform:translate(-50%)}.map-caption{display:flex;align-items:center;justify-content:space-between;height:23px;margin:-1px 10px 0;padding:0 11px;color:#e7dec38a;border:1px solid rgb(205 175 105 / .34);border-top:0;background:#092528f0;font-size:7px;letter-spacing:.14em;text-transform:uppercase}.map-caption strong{color:#e7dec3c2;font-family:var(--font-display);font-size:8px;font-weight:400}#build-bar{position:absolute;bottom:calc(var(--safe-bottom) - 1px);left:50%;width:min(640px,calc(100vw - 620px));min-width:570px;pointer-events:auto;transform:translate(-50%)}.build-heading{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;width:70%;margin:0 auto 6px;color:#f5e8c5d1;text-align:center;text-shadow:0 2px 5px rgb(0 0 0 / .52)}.build-heading strong{font-family:var(--font-display);font-size:11px;font-weight:400;letter-spacing:.2em;text-transform:uppercase}.build-heading span{height:1px;background:linear-gradient(90deg,transparent,rgb(218 188 111 / .62))}.build-heading span:last-child{background:linear-gradient(90deg,rgb(218 188 111 / .62),transparent)}.build-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:7px;border:1px solid rgb(211 180 106 / .6);background:linear-gradient(180deg,#2e524ef7,#0d2b2efa);box-shadow:inset 0 1px #ffffff12,inset 0 -2px #0003,var(--shadow-deep);clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px)}.build-card{position:relative;display:grid;min-width:0;height:153px;overflow:hidden;color:var(--ink-800);border:1px solid rgb(226 207 161 / .56);background:radial-gradient(circle at 50% 37%,rgb(255 255 255 / .62),transparent 45%),linear-gradient(150deg,#ede3c9,#cdbd98);box-shadow:inset 0 0 0 2px #5744221f,0 2px 4px #00000047;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s ease,filter .18s ease,box-shadow .18s ease}.build-card:before{position:absolute;z-index:0;inset:3px;content:"";pointer-events:none;border:1px solid rgb(83 65 33 / .16)}.build-card:after{position:absolute;z-index:2;right:0;bottom:42px;left:0;height:24px;content:"";pointer-events:none;background:linear-gradient(transparent,#1b262321)}.shortcut{position:absolute;z-index:4;top:6px;left:7px;display:grid;width:19px;height:19px;place-items:center;color:#faf3dfe6;border:1px solid rgb(222 194 128 / .52);background:#0d3031db;box-shadow:0 2px 4px #00000040;font-family:var(--font-display);font-size:9px}.build-art{position:absolute;z-index:1;inset:0 0 45px;display:grid;place-items:center;overflow:hidden;pointer-events:none}.build-art img{width:118%;max-width:none;height:124%;object-fit:contain;filter:drop-shadow(0 6px 5px rgb(21 27 24 / .3)) saturate(.92) contrast(1.02);transform:translateY(6px);transition:transform .26s cubic-bezier(.2,.8,.2,1),filter .18s ease}.road-art{background:linear-gradient(155deg,rgb(101 131 112 / .15),transparent 60%)}.road-art svg{width:116%;height:112%;filter:drop-shadow(0 7px 5px rgb(21 27 24 / .32));transform:translateY(5px);transition:transform .26s cubic-bezier(.2,.8,.2,1)}.build-info{position:absolute;z-index:3;right:0;bottom:0;left:0;display:flex;height:46px;align-items:flex-start;flex-direction:column;padding:7px 8px 5px;border-top:1px solid rgb(71 58 33 / .26);background:linear-gradient(180deg,#f7f1def7,#daccabfa);text-align:left}.build-info strong{overflow:hidden;max-width:100%;font-family:var(--font-display);font-size:13px;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.build-info small{overflow:hidden;max-width:100%;margin-top:3px;color:#162b2b85;font-size:7px;font-weight:700;letter-spacing:.12em;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.build-cost{position:absolute;z-index:4;right:5px;bottom:6px;display:flex;align-items:center;gap:3px;color:#1d302eb8;font-family:var(--font-display);font-size:8px;font-weight:700}.build-cost svg{width:10px;height:10px;color:var(--brass-600);stroke-width:1.7}.build-cost i{width:1px;height:9px;margin:0 1px;background:#2939353b}.build-ornament{display:grid;grid-template-columns:1fr 7px 1fr;align-items:center;gap:5px;width:66%;margin:3px auto 0}.build-ornament span{height:1px;background:linear-gradient(90deg,transparent,rgb(218 188 111 / .58))}.build-ornament span:last-child{background:linear-gradient(90deg,rgb(218 188 111 / .58),transparent)}.build-ornament i{width:6px;height:6px;border:1px solid var(--brass-300);transform:rotate(45deg)}.placement-hint{position:absolute;bottom:208px;left:50%;display:flex;align-items:center;gap:11px;min-width:340px;padding:9px 18px 9px 10px;color:var(--ink-800);border:1px solid rgb(232 211 162 / .8);background:linear-gradient(145deg,#f7f0dbfa,#dccda9fa);box-shadow:inset 0 0 0 3px #614b221a,var(--shadow-soft);opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity .18s ease,transform .24s cubic-bezier(.2,.8,.2,1)}.placement-symbol{display:grid;width:33px;height:33px;flex:0 0 33px;place-items:center;color:var(--ivory-100);border-radius:50%;background:var(--verdigris-700)}.placement-symbol svg{width:17px;height:17px}.placement-hint>span:last-child{display:flex;flex-direction:column}.placement-hint strong{display:flex;align-items:center;gap:7px;font-family:var(--font-display);font-size:13px}.placement-hint>strong:first-child:before{width:8px;height:8px;flex:0 0 8px;content:"";border:1px solid var(--brass-600);background:var(--brass-300);box-shadow:inset 0 0 0 2px #ffffff47;transform:rotate(45deg)}.placement-hint small{margin-top:2px;color:#172c2c9e;font-size:9px}.inspector-panel{position:absolute;right:var(--safe-right);bottom:var(--safe-bottom);width:330px;overflow:hidden;pointer-events:auto;color:var(--ink-800);border:1px solid rgb(222 195 130 / .75);background:repeating-linear-gradient(8deg,rgb(96 74 36 / .025) 0 1px,transparent 1px 5px),linear-gradient(150deg,#f6eed8fc,#d6c7a4fc);box-shadow:inset 0 0 0 4px #57411d1a,var(--shadow-deep);animation:inspector-enter .24s cubic-bezier(.2,.8,.2,1)}.inspector-panel:before{position:absolute;z-index:3;top:7px;right:7px;left:7px;height:1px;content:"";background:linear-gradient(90deg,transparent,rgb(105 79 33 / .3),transparent)}.inspector-close,.help-close{display:grid;place-items:center;color:currentColor;background:transparent}.inspector-close{position:absolute;z-index:5;top:11px;right:11px;width:30px;height:30px;color:var(--ivory-100);border:1px solid rgb(235 214 165 / .44);background:#092528bd;box-shadow:0 3px 8px #0003}.inspector-close svg,.help-close svg{width:15px;height:15px}.inspector-image-wrap{position:relative;display:grid;height:172px;place-items:center;overflow:hidden;border-bottom:1px solid rgb(73 57 31 / .28);background:radial-gradient(circle at 50% 52%,rgb(244 231 198 / .74),transparent 48%),linear-gradient(155deg,#678b796b,#2c504c38)}#inspector-image{width:88%;height:108%;object-fit:contain;filter:drop-shadow(0 13px 8px rgb(25 35 30 / .35));transform:translateY(10px)}.image-sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgb(255 255 255 / .15),transparent 24%),linear-gradient(180deg,transparent 66%,rgb(32 44 39 / .14))}.inspector-body{padding:17px 19px 14px}.inspector-body>.eyebrow{margin-bottom:4px;color:var(--verdigris-500)}.inspector-panel h2{font-size:25px}.inspector-state{display:flex;align-items:center;gap:7px;margin-top:9px;color:#1e3532ad;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.status-light{width:7px;height:7px;border:1px solid rgb(35 72 52 / .3);border-radius:50%;background:var(--good);box-shadow:0 0 0 3px #6e9e6329}.inspector-progress-track{height:5px;margin:12px 0 15px;overflow:hidden;border:1px solid rgb(48 66 56 / .18);background:#2338331f}#inspector-progress{position:relative;height:100%;background:linear-gradient(90deg,var(--verdigris-700),var(--verdigris-300));box-shadow:0 0 8px #46796d47;transition:width .3s ease}#inspector-stats{display:grid;gap:0;margin:0}#inspector-stats>div{display:flex;align-items:center;justify-content:space-between;min-height:29px;border-bottom:1px dotted rgb(45 57 49 / .22)}#inspector-stats dt{color:#192d2c9e;font-size:10px}#inspector-stats dd{margin:0;color:var(--ink-800);font-family:var(--font-display);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:0 5px 5px;background:#4d3e2229}.inspector-actions button{display:flex;align-items:center;justify-content:center;gap:8px;height:43px;color:var(--ivory-100);border:1px solid rgb(221 195 133 / .25);background:linear-gradient(180deg,#34635e,#204945);font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;transition:filter .16s ease,transform .16s ease}.inspector-actions button.danger{background:linear-gradient(180deg,#8b4a41,#642e2b)}.inspector-actions button:hover{filter:brightness(1.12)}.inspector-actions button:active{transform:translateY(1px)}.inspector-actions svg{width:16px;height:16px}#help-toggle{position:absolute;bottom:calc(var(--safe-bottom) + 10px);left:calc(var(--safe-left) + 281px);display:grid;width:39px;height:39px;place-items:center;pointer-events:auto;color:var(--brass-200);border:1px solid rgb(218 188 111 / .62);border-radius:50%;background:radial-gradient(circle,#336861,#123d40 70%);box-shadow:inset 0 0 0 3px #061d1f70,0 7px 14px #00000047;transition:transform .18s ease,filter .18s ease}#help-toggle svg{width:19px;height:19px}#help-toggle:hover{filter:brightness(1.17);transform:translateY(-2px)}.help-panel{position:absolute;bottom:calc(var(--safe-bottom) + 52px);left:calc(var(--safe-left) + 278px);width:295px;padding:19px 18px 16px;pointer-events:auto;animation:help-enter .2s ease-out}.help-panel header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:11px;border-bottom:1px solid rgb(73 59 33 / .22)}.help-panel header .eyebrow{margin-bottom:3px;color:var(--verdigris-500)}.help-close{width:28px;height:28px;color:var(--ink-700);border:1px solid rgb(39 66 61 / .25)}.control-list{display:grid;gap:0;margin-top:8px}.control-list>div{display:grid;grid-template-columns:31px 1fr;align-items:center;gap:9px;min-height:46px;border-bottom:1px dotted rgb(45 57 49 / .19)}.control-list>div>svg{width:21px;height:21px;margin:auto;color:var(--verdigris-500)}.control-list span{display:flex;min-width:0;flex-direction:column}.control-list strong{color:var(--ink-800);font-size:10px}.control-list small{margin-top:2px;color:#192d2c8c;font-family:var(--font-display);font-size:10px;font-style:italic}.help-note{margin:12px 0 0;padding:8px 9px;color:#1d302ea1;border-left:2px solid var(--brass-400);background:#fffdf445;font-family:var(--font-display);font-size:10px;font-style:italic}.toast-stack{position:absolute;z-index:30;top:94px;left:50%;display:flex;width:min(390px,calc(100vw - 32px));align-items:stretch;flex-direction:column;gap:7px;pointer-events:none;transform:translate(-50%)}.toast,.toast-message{position:relative;display:grid;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:10px;min-height:48px;padding:7px 13px 7px 8px;overflow:hidden;color:var(--ink-800);border:1px solid rgb(232 211 162 / .86);background:linear-gradient(145deg,#f8f1dcfa,#daccabfa);box-shadow:inset 0 0 0 3px #614b2217,var(--shadow-soft);opacity:0;font-size:11px;transform:translateY(-12px) scale(.97);transition:opacity .3s ease,transform .34s cubic-bezier(.2,.8,.2,1)}.toast__mark,.toast-message:before{display:grid;width:28px;height:28px;place-items:center;content:"";color:var(--ivory-100);border-radius:50%;background:var(--verdigris-700)}.toast__mark:before,.toast-message:before{content:"i";font-family:var(--font-display);font-size:17px;font-style:italic}.toast--success .toast__mark,.toast-message.success:before{background:#547b50}.toast--success .toast__mark:before,.toast-message.success:before{content:"✓";font-family:var(--font-ui);font-size:13px;font-style:normal}.toast--warning .toast__mark,.toast-message.warning:before{background:#9a6730}.toast--warning .toast__mark:before,.toast-message.warning:before{content:"!";font-family:var(--font-ui);font-size:13px;font-style:normal;font-weight:800}.toast--error .toast__mark,.toast-message.error:before{background:var(--oxblood)}.toast--error .toast__mark:before,.toast-message.error:before{content:"×";font-family:var(--font-ui);font-size:16px;font-style:normal}.toast--build .toast__mark:before{content:"+";font-family:var(--font-ui);font-size:17px;font-style:normal;font-weight:500}.toast strong{display:block;color:var(--ink-800);font-family:var(--font-display);font-size:13px;line-height:1.1}.toast p{margin:3px 0 0;color:#192d2c9e;font-size:9px}.toast.is-visible{opacity:1;transform:translateY(0) scale(1)}.toast.is-leaving,.toast-message.is-leaving{opacity:0;transform:translateY(-8px) scale(.98)}#tooltip{position:fixed;z-index:100;max-width:240px;padding:7px 10px 8px;pointer-events:none;color:#f9f3e2eb;border:1px solid rgb(220 190 116 / .43);background:#082326f5;box-shadow:0 8px 19px #0000004d;opacity:0;font-size:10px;line-height:1.35;transition:opacity .1s ease}#tooltip strong{display:block;color:var(--brass-200);font-family:var(--font-display);font-size:13px;font-weight:600}#tooltip p{margin:4px 0 7px;color:#f9f3e2ad}#tooltip>div{display:flex;gap:10px;padding-top:6px;color:#f9f3e2d1;border-top:1px solid rgb(220 190 116 / .2);font-family:var(--font-display);font-size:9px}#tooltip:after{position:absolute;bottom:-4px;left:50%;width:7px;height:7px;content:"";border-right:1px solid rgb(220 190 116 / .43);border-bottom:1px solid rgb(220 190 116 / .43);background:#082326f5;transform:translate(-50%) rotate(45deg)}}@layer states{#boot-screen.is-hidden,#boot-screen.hidden,#boot-screen[data-state=hidden]{visibility:hidden;opacity:0;pointer-events:none}.speed-button.is-active,.speed-button.active,.speed-button[aria-pressed=true]{color:var(--brass-200);border-color:#ddbe7578;background:linear-gradient(180deg,#5b8b8057,#1f504b4d);box-shadow:inset 0 0 7px #cbb26e14}.mission-list li.is-complete .objective-mark,.mission-list li.complete .objective-mark,.mission-list li.completed .objective-mark,.mission-list li[data-complete=true] .objective-mark{color:var(--ivory-50);border-color:var(--verdigris-500);background:var(--verdigris-500)}.mission-list li.is-complete .objective-mark svg,.mission-list li.complete .objective-mark svg,.mission-list li.completed .objective-mark svg,.mission-list li[data-complete=true] .objective-mark svg{visibility:hidden}.mission-list li.is-complete .objective-mark:after,.mission-list li.complete .objective-mark:after,.mission-list li.completed .objective-mark:after,.mission-list li[data-complete=true] .objective-mark:after{content:"✓";font-size:12px;font-weight:800}.mission-list li.is-complete .objective-copy,.mission-list li.complete .objective-copy,.mission-list li.completed .objective-copy,.mission-list li[data-complete=true] .objective-copy{text-decoration:line-through;text-decoration-color:#1e4c4659}.build-card:hover:not(:disabled):not(.locked){z-index:5;border-color:var(--brass-200);box-shadow:inset 0 0 0 2px #7054211f,0 8px 16px #00000052;filter:brightness(1.04);transform:translateY(-7px)}.build-card:hover:not(:disabled):not(.locked) .build-art img,.build-card:hover:not(:disabled):not(.locked) .road-art svg{filter:drop-shadow(0 8px 6px rgb(21 27 24 / .34)) saturate(1.05) contrast(1.04);transform:translateY(1px) scale(1.055)}.build-card:active:not(:disabled):not(.locked){transform:translateY(-3px) scale(.99)}.build-card.is-selected,.build-card.selected,.build-card[aria-pressed=true]{border-color:var(--brass-200);box-shadow:inset 0 0 0 3px var(--verdigris-500),inset 0 0 0 4px #fbebbeb8,0 8px 18px #00000061;transform:translateY(-8px)}.build-card.is-selected .shortcut,.build-card.selected .shortcut,.build-card[aria-pressed=true] .shortcut{color:var(--ink-800);background:var(--brass-200)}.build-card:disabled,.build-card.locked,.build-card.is-locked,.build-card.unaffordable,.build-card.is-unaffordable{cursor:not-allowed;filter:grayscale(.72) brightness(.7);opacity:.76}.build-card:disabled:after,.build-card.locked:after,.build-card.is-locked:after,.build-card.unaffordable:after,.build-card.is-unaffordable:after{z-index:6;inset:0;height:auto;background:repeating-linear-gradient(135deg,transparent 0 7px,rgb(15 35 34 / .06) 7px 9px)}.placement-hint.is-visible,.placement-hint.visible,.placement-hint.active,.placement-hint[aria-hidden=false],.placement-hint:not([hidden]){opacity:1;transform:translate(-50%)}#tooltip.is-visible,#tooltip.visible,#tooltip.show,#tooltip[aria-hidden=false],#tooltip:not([hidden]){opacity:1}#inspector-status[data-tone=success]{color:#426c47}#inspector-status[data-tone=warning],#inspector-status[data-tone=build]{color:#8a5d27}#inspector-status[data-tone=danger]{color:var(--oxblood)}.inspector-state:has(#inspector-status[data-tone=warning]) .status-light,.inspector-state:has(#inspector-status[data-tone=build]) .status-light{background:var(--warning);box-shadow:0 0 0 3px #c9904529}.inspector-state:has(#inspector-status[data-tone=danger]) .status-light{background:var(--danger);box-shadow:0 0 0 3px #a64c4229}.inspector-panel.is-paused .status-light,.inspector-panel.paused .status-light{background:var(--warning);box-shadow:0 0 0 3px #c9904529}.inspector-panel.is-paused #inspector-progress,.inspector-panel.paused #inspector-progress{filter:saturate(.2)}.hud-layer.is-placement-mode #game-canvas,body.is-placement-mode #game-canvas{cursor:crosshair}@keyframes boot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes compass-search{0%,to{transform:rotate(-8deg)}50%{transform:rotate(12deg)}}@keyframes inspector-enter{0%{opacity:0;transform:translate(15px) scale(.985)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes help-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-enter{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-leave{to{opacity:0;transform:translateY(-8px) scale(.98)}}}@layer responsive{@media(max-width:1320px){.topbar{grid-template-columns:minmax(190px,.62fr) minmax(475px,1.5fr) minmax(218px,.67fr);gap:8px}.resource-ribbon{padding-right:9px;padding-left:9px}.resource-item{padding-inline:6px}.resource-icon{width:29px;height:29px;flex-basis:29px;margin-right:6px}#build-bar{width:min(575px,calc(100vw - 555px));min-width:510px}.build-card{height:143px}.minimap-dock{width:232px}#help-toggle{left:calc(var(--safe-left) + 245px)}.help-panel{left:calc(var(--safe-left) + 242px)}.mission-panel{width:306px}}@media(max-width:1080px){.topbar{grid-template-columns:184px minmax(405px,1fr) 205px}.island-seal{width:39px;height:39px;flex-basis:39px;margin-right:8px}.resource-label{display:none}.resource-ribbon{grid-template-columns:repeat(3,minmax(66px,1fr) 1px) minmax(66px,1fr)}.resource-item output{font-size:16px}.speed-button{width:27px}.mission-panel{top:88px;width:280px;padding:19px 17px 14px}.mission-lead,.objective-copy small{display:none}.mission-list li{min-height:38px}#build-bar{width:492px;min-width:0}.build-card{height:126px}.build-art{bottom:42px}.build-info{height:43px}.build-info small{display:none}.build-cost{bottom:6px}.minimap-dock{width:205px}#help-toggle{left:calc(var(--safe-left) + 216px)}.help-panel{left:calc(var(--safe-left) + 213px)}.placement-hint{bottom:179px}}@media(max-width:900px){:root{--safe-left: max(10px, env(safe-area-inset-left));--safe-right: max(10px, env(safe-area-inset-right));--safe-bottom: max(10px, env(safe-area-inset-bottom))}.topbar{grid-template-columns:160px minmax(370px,1fr) 162px;gap:5px}.island-plaque,.resource-ribbon,.time-controls{height:56px}.island-plaque{padding-left:7px}.island-seal{width:34px;height:34px;flex-basis:34px}.island-seal svg{width:17px;height:17px}.island-copy .eyebrow,.game-clock svg{display:none}.resource-icon{width:25px;height:25px;flex-basis:25px;margin-right:4px}.resource-icon svg{width:14px;height:14px}.time-controls{grid-template-columns:1fr;padding-right:7px;padding-left:12px}.game-clock{display:none}.speed-group{justify-content:end}.mission-panel{top:76px}#build-bar{right:var(--safe-right);left:auto;width:min(480px,calc(100vw - 250px));transform:none}.build-heading,.build-ornament{display:none}.build-card{height:112px}.build-info{height:37px;padding-top:6px}.build-info strong{max-width:calc(100% - 30px);font-size:11px}.build-cost{right:4px;bottom:5px;font-size:7px}.build-cost i,.build-cost svg:nth-of-type(2),.build-cost svg:nth-of-type(2)~*{display:none}.minimap-dock{width:185px}.map-caption{display:none}.compass-rose{right:-12px;width:53px;height:53px}.compass-rose svg{width:43px;height:43px}#help-toggle{left:calc(var(--safe-left) + 192px)}.help-panel{bottom:calc(var(--safe-bottom) + 48px);left:calc(var(--safe-left) + 190px)}.placement-hint{bottom:138px}}@media(max-width:720px){.topbar{right:8px;left:8px;grid-template-columns:110px minmax(0,1fr) 131px}.island-plaque,.resource-ribbon,.time-controls{height:49px}.island-seal,.resource-divider,.resource-item[data-resource=population],.resource-item[data-resource=income]{display:none}#island-title{font-size:15px}.resource-ribbon{grid-template-columns:repeat(2,minmax(54px,1fr));padding:4px 7px 6px 11px}.resource-item{justify-content:center;padding:0 3px}.resource-item output{font-size:14px}.speed-group{gap:1px;padding:2px}.speed-button{width:26px;height:27px}.speed-button:first-child{display:none}.mission-panel{top:68px;right:8px;width:230px;padding:14px 13px 11px}.mission-header{padding-bottom:8px}.mission-header h2{font-size:17px}.mission-number,.mission-reward,.panel-pin{display:none}.mission-list li{grid-template-columns:23px minmax(0,1fr) auto;gap:6px;min-height:31px}.objective-mark{width:22px;height:22px}.objective-mark svg{width:12px;height:12px}.objective-copy{font-size:9px}.mission-list output{font-size:9px}.minimap-dock{bottom:116px;width:140px}.minimap-frame{padding:4px}.minimap-glass{inset:5px}.compass-rose{top:-21px;right:-9px;width:42px;height:42px}.compass-rose svg{width:34px;height:34px}.compass-rose>span{display:none}#build-bar{right:0;bottom:7px;left:0;width:100%;transform:none}.build-cards{gap:3px;padding:5px 7px;border-right:0;border-left:0;clip-path:none}.build-card{height:97px}.build-art{bottom:32px}.build-info{height:33px;padding:5px 4px}.build-info strong{max-width:100%;font-size:9px}.build-cost{display:none}.shortcut{top:4px;left:4px;width:16px;height:16px;font-size:8px}.build-card:hover:not(:disabled):not(.locked){transform:translateY(-4px)}#help-toggle{bottom:119px;left:155px;width:34px;height:34px}.help-panel{right:8px;bottom:158px;left:8px;width:auto}.placement-hint{bottom:118px;min-width:0;width:calc(100vw - 32px)}.inspector-panel{right:8px;bottom:113px;left:8px;width:auto;max-height:calc(100vh - 188px);overflow:auto}.inspector-image-wrap{height:116px}.inspector-body{padding:12px 15px 10px}.inspector-panel h2{font-size:20px}.inspector-progress-track{margin:8px 0 10px}#inspector-stats{grid-template-columns:repeat(3,1fr);gap:8px}#inspector-stats>div{align-items:flex-start;flex-direction:column;justify-content:center;border-bottom:0}.toast-stack{top:68px}}@media(max-height:720px)and (min-width:901px){.mission-panel{top:83px;padding-top:17px;padding-bottom:12px}.mission-lead,.mission-reward,.objective-copy small{display:none}.mission-list li{min-height:35px}#build-bar{width:min(570px,calc(100vw - 555px))}.build-card{height:120px}.build-heading,.build-ornament{display:none}.minimap-dock{width:206px}.map-caption{display:none}.placement-hint{bottom:150px}.inspector-image-wrap{height:128px}.inspector-body{padding-top:12px;padding-bottom:10px}#inspector-stats>div{min-height:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(pointer:coarse){.speed-button{min-width:32px;min-height:32px}.build-card:hover:not(:disabled):not(.locked){transform:none}}}