*{margin:0;padding:0;box-sizing:border-box}html,body{width:100vw;height:100vh;overflow:hidden;background:#142035;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}body>canvas{width:100%!important;height:100%!important;display:block}.hint{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:10;color:#ffffffc7;background:#0006;padding:8px 14px;border-radius:18px;font-size:12px;letter-spacing:.4px;pointer-events:none;-webkit-user-select:none;user-select:none}.verb-bar{position:fixed;bottom:56px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:8px}.verb-bar button{background:#141e32c7;color:#ffe066;border:1px solid rgba(255,224,102,.55);padding:8px 14px;font:inherit;font-size:13px;letter-spacing:.3px;border-radius:4px;cursor:pointer;transition:background .12s ease,border-color .12s ease}.verb-bar button:hover{background:#283c5aeb;border-color:#ffe066f2}.verb-bar button.disabled{color:#ffe06666;border-color:#ffe06633;background:#141e3280;opacity:.65;cursor:not-allowed}.verb-bar button.disabled:hover{background:#141e3280;border-color:#ffe06633}.verb-flash{position:fixed;bottom:100px;left:50%;transform:translate(-50%,6px);z-index:11;color:#ffe6b4f2;background:#14141ed1;padding:6px 12px;border-radius:4px;font-size:12px;letter-spacing:.3px;pointer-events:none;opacity:0;transition:opacity .18s ease,transform .18s ease}.verb-flash.show{opacity:1;transform:translate(-50%)}.boot-error{position:fixed;top:60px;left:20px;right:20px;z-index:100;padding:14px;background:#3c0a0aeb;color:#ffd0d0;font-family:ui-monospace,Menlo,monospace;font-size:12px;white-space:pre-wrap;border:1px solid #844;border-radius:4px}#hud-overlay{display:none!important}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;background:linear-gradient(#050a146b,#050a142e 42%,#050a14d1),url(/ui/loading_bg.jpg) center / cover no-repeat,radial-gradient(ellipse at center,#142035,#050a14);color:#d8e6f4;transition:opacity .48s ease;pointer-events:none}.loading-overlay.hidden{opacity:0;pointer-events:none}.loading-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 48px}.loading-title{font:700 clamp(54px,9vw,104px) Georgia,"Times New Roman",serif;letter-spacing:.22em;margin-left:.22em;color:#f2e9d6;text-shadow:0 2px 22px rgba(0,0,0,.85),0 0 3px rgba(0,0,0,.9)}.loading-progress{position:relative;width:min(440px,62vw);height:5px;margin-top:6px;border-radius:4px;overflow:hidden;background:#e9d8ae29;box-shadow:inset 0 0 0 1px #00000059,0 1px 6px #0009}.loading-progress-fill{position:absolute;inset:0 auto 0 0;width:6%;border-radius:4px;background:linear-gradient(90deg,#b8893a,#e9d8ae);box-shadow:0 0 8px #e9d8ae8c;transition:width .5s cubic-bezier(.22,.61,.36,1)}.crown-select{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:16px;pointer-events:auto}.crown-carousel{display:flex;align-items:center;gap:22px}.crown-arrow{width:38px;height:38px;border-radius:50%;border:1px solid rgba(201,161,74,.55);background:#080e1a8c;color:#e9d8ae;font:22px Georgia,Times New Roman,serif;line-height:1;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .12s ease}.crown-arrow:hover{background:#c9a14a2e;border-color:#c9a14a}.crown-arrow:active{transform:scale(.92)}.crown-name{font:700 26px Georgia,Times New Roman,serif;letter-spacing:3px;color:#f2e9d6;text-shadow:0 1px 8px rgba(0,0,0,.85)}.setup-note{min-height:1em;max-width:360px;text-align:center;font:italic 12.5px Georgia,Times New Roman,serif;letter-spacing:.5px;color:#e9c46a;text-shadow:0 1px 6px rgba(0,0,0,.9)}.setup-note[hidden]{display:none}.loading-bottom{position:absolute;bottom:34px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:16px;padding:0 24px}.loading-quote{display:flex;flex-direction:column;align-items:center;gap:7px;max-width:720px;text-align:center}.loading-quote-en{font:italic 18px Georgia,Times New Roman,serif;color:#e9d8ae;letter-spacing:.4px;text-shadow:0 1px 8px rgba(0,0,0,.9)}.loading-quote-attr{margin-top:2px;font-size:11.5px;letter-spacing:1.2px;color:#c9a14a;text-shadow:0 1px 6px rgba(0,0,0,.9)}.compass{position:fixed;top:16px;left:18px;z-index:11;width:92px;height:92px;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 3px 8px rgba(0,0,0,.55))}.compass-svg{width:100%;height:100%;display:block}.compass-bezel-outer{fill:#6b4a1f;stroke:#2a1a08;stroke-width:1.2}.compass-bezel-inner{fill:#c0903b;stroke:#3b2207;stroke-width:.6}.compass-face{fill:url(#compass-parchment);stroke:#6c4a1c;stroke-width:.4}.compass-fleur{fill:#2a1404;stroke:#1e0a00eb;stroke-width:.5;stroke-linejoin:round}.compass-fleur-band{fill:#c89046;stroke:#281000f2;stroke-width:.4}.compass-letter{font-family:Cormorant Garamond,EB Garamond,Garamond,ui-serif,Georgia,Times New Roman,serif;font-weight:700;font-style:italic;font-size:7.5px;letter-spacing:.5px;fill:#2a1404;text-anchor:middle;dominant-baseline:middle}.season-bar{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:11;width:540px;max-width:90vw;display:flex;flex-direction:column;gap:6px;padding:8px 12px;background:#141e32d1;border:1px solid rgba(255,224,102,.55);border-radius:6px;box-shadow:0 2px 6px #00000073;-webkit-user-select:none;user-select:none}.season-head{display:flex;align-items:baseline;justify-content:center;gap:8px;font-size:13px;letter-spacing:.4px;white-space:nowrap}.season-date{color:#ffe066;font-weight:600}.season-weather{font-size:11px;color:#d8e6f49e;font-style:italic;overflow:hidden;text-overflow:ellipsis}.season-weather.approaching{color:#ffc46b}.season-weather.active{color:#ff6b5e;font-weight:600;font-style:normal}.season-track{position:relative;display:flex;height:22px;border-radius:3px;overflow:hidden;border:1px solid rgba(0,0,0,.45)}.season-seg{position:relative;flex:1 1 25%;display:flex;align-items:center;justify-content:center;gap:4px}.season-seg.hurricane{cursor:help}.season-seg-label{position:relative;z-index:1;font-size:11px;font-weight:700;letter-spacing:.5px;color:#0000009e;pointer-events:none}.season-seg-hazard{position:relative;z-index:1;font-size:13px;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.season-seg-spring{background:#6fae5a}.season-seg-summer{background:#d9b24a}.season-seg-autumn{background:#c6803a}.season-seg-winter{background:#6f88a6}.season-bar.warn .season-seg-hazard{animation:hazard-pulse 1.6s ease-in-out infinite}@keyframes hazard-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}.season-marker{position:absolute;top:-2px;bottom:-2px;left:0;width:2px;background:#fff;box-shadow:0 0 4px #ffffffe6;transform:translate(-1px);transition:left .12s linear;pointer-events:none}.season-marker:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #fff}.speed-control{position:fixed;top:104px;right:18px;z-index:11;display:flex;gap:4px;padding:4px 6px;background:#141e32d1;border:1px solid rgba(255,224,102,.55);border-radius:6px;box-shadow:0 2px 6px #00000073;-webkit-user-select:none;user-select:none}.speed-btn{min-width:30px;padding:4px 6px;background:transparent;border:1px solid transparent;border-radius:3px;color:#ffe066a6;font:inherit;font-size:13px;font-weight:600;letter-spacing:.4px;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.speed-btn:hover{background:#283c5a99;color:#ffe066}.speed-btn.active{background:#ffe0662e;border-color:#ffe066d9;color:#ffe066;text-shadow:0 0 6px rgba(255,224,102,.55)}.dev-fog-toggle{position:fixed;bottom:210px;left:18px;z-index:11;padding:6px 12px;background:#141e32c7;border:1px solid rgba(255,224,102,.45);border-radius:4px;color:#ffe066;font:inherit;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s ease,border-color .12s ease,color .12s ease}.dev-fog-toggle:hover{background:#283c5aeb;border-color:#ffe066cc}.dev-fog-toggle.off{color:#d8d8d8c7;border-color:#ffffff40}.dp-hud{position:fixed;top:16px;right:18px;z-index:10;display:flex;flex-direction:column;gap:3px;min-width:190px;padding:8px 14px;background:#141e32c7;border:1px solid rgba(255,224,102,.45);border-radius:4px;color:#ffe066;font-size:13px;letter-spacing:.4px;-webkit-user-select:none;user-select:none;pointer-events:none}.dp-hud .nav-title{font-size:11px;letter-spacing:1.2px;color:#ffe066b3;text-transform:uppercase;margin-bottom:2px}.dp-hud .nav-row{display:flex;align-items:baseline;gap:8px}.dp-hud .nav-area{flex:1 1 auto;color:#ffe066eb}.dp-hud .nav-level{font-weight:600}.dp-hud .nav-prog{font-size:11px;opacity:.6;font-variant-numeric:tabular-nums}.dp-hud.flash{animation:dp-flash .9s ease-out}@keyframes dp-flash{0%{background:#ffe06652;box-shadow:0 0 18px #ffe06680}to{background:#141e32c7;box-shadow:0 0 #ffe06600}}.chronicle{position:fixed;bottom:16px;right:18px;z-index:10;width:320px;max-height:260px;display:flex;flex-direction:column;gap:4px;-webkit-user-select:none;user-select:none}.chronicle-toggle{align-self:flex-end;padding:4px 10px;background:#141e32c7;border:1px solid rgba(255,224,102,.35);border-radius:4px;color:#ffe066d9;font-size:11px;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;transition:background .12s ease,border-color .12s ease}.chronicle-toggle:hover{background:#283c5aeb;border-color:#ffe066bf}.chronicle-list{display:flex;flex-direction:column-reverse;gap:4px;max-height:240px;overflow-y:auto;padding:6px 10px;background:#0a121eb8;border:1px solid rgba(255,224,102,.18);border-radius:4px;color:#e8e0c8eb;font-size:12px;line-height:1.45;letter-spacing:.2px;scrollbar-width:thin;scrollbar-color:rgba(255,224,102,.35) transparent}.chronicle.collapsed .chronicle-list{display:none}.chronicle-entry{opacity:.55;transition:opacity .48s ease,color .48s ease}.chronicle-entry.fresh{opacity:1;color:#ffe6a0}.unit-panel{position:fixed;bottom:96px;left:50%;transform:translate(-50%);z-index:10;min-width:200px;padding:8px 14px;background:#141e32d1;border:1px solid rgba(255,224,102,.45);border-radius:6px;color:#e8e0c8;font-size:12px;letter-spacing:.2px;-webkit-user-select:none;user-select:none;pointer-events:none}.unit-panel-name{color:#ffe066;font-weight:600;font-size:13px;margin-bottom:4px;text-align:center}.unit-panel-health{position:relative;height:14px;margin:0 0 6px;border-radius:3px;background:#0000006b;overflow:hidden}.unit-panel-health-num{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:10px;line-height:14px;letter-spacing:.5px;color:#f4f0e2;text-shadow:0 1px 2px rgba(0,0,0,.85);pointer-events:none;font-variant-numeric:tabular-nums}.unit-panel-health-fill{height:100%;width:100%;border-radius:3px;background:#7cc36b;transition:width .3s ease,background-color .3s ease}.unit-panel-rows{display:flex;flex-direction:column;gap:2px}.unit-panel-row{display:flex;justify-content:space-between;gap:14px}.unit-panel-label{color:#d8e6f499;text-transform:uppercase;font-size:10px;letter-spacing:.8px}.unit-panel-value{color:#e8e0c8}.terrain-readout{position:fixed;z-index:30;min-width:150px;padding:7px 11px;background:#141e32d9;border:1px solid rgba(255,224,102,.4);border-radius:6px;color:#e8e0c8;font-size:11px;letter-spacing:.2px;-webkit-user-select:none;user-select:none;pointer-events:none}.terrain-readout-title{color:#ffe066;font-weight:600;font-size:12px;margin-bottom:3px}.terrain-readout-rows{display:flex;flex-direction:column;gap:1px}.terrain-readout-row{display:flex;justify-content:space-between;gap:12px}.terrain-readout-label{color:#d8e6f499;text-transform:uppercase;font-size:9px;letter-spacing:.8px}.terrain-readout-value{color:#e8e0c8;font-variant-numeric:tabular-nums}.terrain-readout-value.hz-mid{color:#e0b341}.terrain-readout-value.hz-high{color:#d4573b}.terrain-readout-yield{margin-top:5px;padding-top:4px;border-top:1px solid rgba(255,224,102,.2);font-size:10.5px;font-weight:600;letter-spacing:.2px}.terrain-readout-yield.yield-prime{color:#6fe09a}.terrain-readout-yield.yield-good{color:#9bd06a}.terrain-readout-yield.yield-fair{color:#e8e0c8}.terrain-readout-yield.yield-lean{color:#e0b341}.terrain-readout-yield.yield-poor{color:#d4573b}.encounter-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#050a148c}.encounter-modal[hidden]{display:none}.encounter-card{width:420px;max-width:86vw;padding:22px 26px;background:linear-gradient(180deg,#1c263afa,#101828fa);border:1px solid rgba(255,224,102,.6);border-radius:8px;box-shadow:0 10px 40px #0009;color:#e8e0c8}.encounter-title{color:#ffe066;font-size:18px;font-weight:600;letter-spacing:.4px;margin-bottom:12px}.town-naming-input{display:block;width:100%;box-sizing:border-box;margin:14px 0 4px;padding:9px 12px;font:italic 600 17px Garamond,Georgia,Times New Roman,serif;letter-spacing:.4px;color:#f4e6c0;background:#080e1ad9;border:1px solid rgba(255,224,102,.45);border-radius:5px;outline:none}.town-naming-input:focus{border-color:#ffe066e6;box-shadow:0 0 0 2px #ffe06626}.discovery-modal{align-items:flex-start;background:transparent;pointer-events:none}.discovery-modal .encounter-card{pointer-events:auto;width:auto;min-width:220px;max-width:340px;margin-top:64px;padding:10px 16px;border-radius:6px}.discovery-kicker{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#ffe066b3;margin-bottom:2px}.discovery-modal .encounter-title{font-family:Garamond,Times New Roman,serif;font-style:italic;font-size:17px;margin-bottom:4px}.discovery-modal .encounter-body{font-size:12px;line-height:1.4;margin-bottom:8px}.discovery-gain{margin:0 0 10px;font-size:12px;font-weight:600;color:#9fe0c0}.discovery-modal .encounter-buttons button{padding:4px 12px;font-size:12px}.encounter-body{font-size:13px;line-height:1.5;color:#e8e0c8eb;margin-bottom:18px}.encounter-buttons{display:flex;gap:8px;flex-wrap:wrap}.encounter-buttons button{flex:1 1 auto;background:#141e32e6;color:#ffe066;border:1px solid rgba(255,224,102,.55);padding:9px 12px;font:inherit;font-size:13px;letter-spacing:.3px;border-radius:4px;cursor:pointer;transition:background .12s ease,border-color .12s ease}.encounter-buttons button:hover{background:#283c5af2;border-color:#ffe066f2}.minimap{position:fixed;bottom:16px;left:18px;z-index:11;width:220px;height:160px;padding:6px;background:linear-gradient(180deg,#6b4a1f,#4a3115);border:1.5px solid #2a1a08;border-radius:4px;box-shadow:inset 0 0 0 2px #c0903b,inset 0 0 0 3.5px #6b4a1f,0 3px 10px #0000008c;cursor:crosshair;-webkit-user-select:none;user-select:none}.minimap-svg{display:block;width:100%;height:100%;border:1px solid #3b2207;background:#dac49a}.minimap-fog{position:absolute;top:7.5px;left:7.5px;width:calc(100% - 15px);height:calc(100% - 15px);pointer-events:none}.minimap-ocean{fill:url(#minimap-ocean)}.minimap-island{fill:url(#minimap-island-fill);stroke:#3b2207;stroke-width:.55;stroke-linejoin:round}.minimap-peak{fill:#2a1404;stroke:#f1deb1;stroke-width:.35;stroke-linejoin:round}.minimap-landmark-ring{fill:none;stroke:#6b1e0e;stroke-width:.55;opacity:.85}.minimap-landmark-cross{stroke:#6b1e0e;stroke-width:.7;stroke-linecap:round}.minimap-building{fill:#2a1404;stroke:#ffe066;stroke-width:.45}.minimap-building-town_center{fill:#4a2a10}.minimap-unit{stroke:#1c0c02;stroke-width:.45}.minimap-unit-settler{fill:#ffe066}.minimap-unit-explorer{fill:#e8e0c8}.minimap-unit-other{fill:#c89046}.minimap-view{fill:#ffe0661a;stroke:#2a1404;stroke-width:.6;stroke-dasharray:1.2 1.2;pointer-events:none}.minimap-ship{fill:#b41a1a;stroke:#2a1404;stroke-width:.5;stroke-linejoin:round;filter:drop-shadow(0 .4px .6px rgba(0,0,0,.6))}.minimap-cardinals{pointer-events:none}.minimap-cardinal{font-family:Cormorant Garamond,EB Garamond,Garamond,ui-serif,Georgia,Times New Roman,serif;font-weight:700;font-style:italic;font-size:9px;fill:#3b2207;text-anchor:middle;dominant-baseline:middle;opacity:.78}