:root{color:#f4ecd8;font-synthesis:none;--ink:#f4ecd8;--muted:#b8b099;--dim:#777366;--paper:#24271f;--paper-2:#1b1e18;--line:#f1deae2e;--gold:#e7b95f;--gold-soft:#f8dda2;--ember:#b96036;--cyan:#8dd9d4;--bad:#d4715b;--shadow:#0000006b;background:#11140f;font-family:Inter,Noto Sans TC,system-ui,sans-serif}html[data-theme=day]{--ink:#2e281f;--muted:#675f50;--dim:#857b68;--paper:#f0e4c7;--paper-2:#e6d5ae;--line:#47341c33;--gold:#9d6227;--gold-soft:#77451d;--shadow:#3e2d183d;color:var(--ink);background:#d9c79f}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--ink);background:#11140f;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}button:disabled{cursor:not-allowed;filter:saturate(.45);opacity:.48}button:not(:disabled){cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand-mark{font-family:Noto Serif TC,serif}.eyebrow{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:800}.primary-action{color:#1f170d;background:linear-gradient(#d9a953,#a9682c);border:1px solid #f4d38b;border-radius:4px;min-height:48px;font-weight:900;box-shadow:inset 0 1px #ffffff47,0 8px 24px #44250d59}.loading-world{background:radial-gradient(circle,#27352d,#11140f 55%);align-content:center;place-items:center;gap:14px;min-height:100vh;display:grid}.loading-world span{color:var(--gold);font-size:54px;animation:1.8s ease-in-out infinite breathe}.loading-world p{color:var(--muted)}@keyframes breathe{50%{filter:drop-shadow(0 0 18px #f1c866);transform:scale(1.08)}}.onboarding{grid-template-columns:minmax(300px,.8fr) minmax(560px,1.25fr);align-items:end;gap:5vw;min-height:100vh;padding:7vh 6vw;display:grid;position:relative;overflow:hidden}.onboarding-backdrop{filter:saturate(.85)brightness(.55);background-position:50%;background-size:cover;position:absolute;inset:-2%;transform:scale(1.03)}.onboarding:before{content:"";background:linear-gradient(90deg,#0c0f0ceb 0%,#0c0f0c4d 55%,#0c0f0cc2),linear-gradient(#0000 40%,#090c09f2);position:absolute;inset:0}.onboarding-intro,.world-forge{z-index:1;position:relative}.onboarding-intro{text-shadow:0 2px 12px #000;padding-bottom:7vh}.onboarding-intro h1{letter-spacing:.06em;margin:0 0 22px;font-size:clamp(44px,5.4vw,86px);line-height:.95}.onboarding-intro h1 span{color:var(--gold);letter-spacing:.42em;font:700 .22em/2 Inter,sans-serif;display:block}.onboarding-intro>p:not(.eyebrow){color:#e5dcc8;max-width:620px;font-size:17px;line-height:1.9}.promise-row{flex-wrap:wrap;gap:8px;display:flex}.promise-row span{border-left:2px solid var(--gold);color:#e4d7bb;background:#10120e8a;padding:7px 10px;font-size:12px}.world-forge{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:linear-gradient(145deg,#20231cf2,#131712f5);border:1px solid #f1d49759;max-width:850px;padding:28px;box-shadow:0 30px 90px #000}.forge-heading,.panel-heading,.rail-heading,.brief-title,.report-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.forge-heading h2{margin:0;font-size:30px}.ruleset-seal{border:1px solid var(--gold);color:var(--gold-soft);padding:7px 12px;font-size:12px;font-weight:800}.map-description{color:var(--muted)}.family-tabs{gap:4px;margin-bottom:12px;display:flex}.family-tabs button{min-height:42px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:0 13px}.family-tabs button[aria-selected=true]{border-color:var(--gold);color:var(--ink)}.map-ribbon{scrollbar-color:var(--gold) transparent;grid-auto-columns:minmax(132px,1fr);grid-auto-flow:column;gap:8px;padding:4px 4px 13px;display:grid;overflow-x:auto}.map-ribbon button{text-align:left;background:#171a15;border:1px solid #0000;border-radius:3px;min-height:126px;padding:0 0 9px;overflow:hidden}.map-ribbon button.is-selected{border-color:var(--gold);box-shadow:0 0 0 2px #e7b95f29}.map-ribbon img{object-fit:cover;width:100%;height:76px;margin-bottom:8px;display:block}.map-ribbon span,.map-ribbon small{padding:0 8px;display:block}.map-ribbon span{color:#f1e7d1;font:700 13px Noto Serif TC,serif}.map-ribbon small{color:#968e7a;margin-top:2px;font-size:10px}.founding-form{grid-template-columns:1fr auto;align-items:end;gap:12px;margin-top:16px;display:grid}.founding-form label{color:var(--muted);font-size:12px;font-weight:700}.founding-form input{border:1px solid var(--line);color:#fff5de;background:#111510;border-radius:3px;width:100%;min-height:48px;margin-top:6px;padding:0 13px}.founding-form .primary-action{padding:0 24px}.wallet-founding-note{color:#a9c4bd;grid-column:1/-1;margin:0;font-size:10px;line-height:1.6}.game-shell{background:radial-gradient(circle at 50% 0,#283129 0,#11140f 52%);min-height:100vh}html[data-theme=day] .game-shell{background:radial-gradient(circle at 50% 0,#f5e7c5,#d2be91 60%)}.resource-bar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#121510f0;align-items:center;gap:30px;height:74px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 8px 30px #00000040}html[data-theme=day] .resource-bar{background:#f0e4c7f2}.brand-mark{align-items:center;gap:10px;min-width:180px;display:flex}.star-mark{border:1px solid var(--gold);width:38px;height:38px;color:var(--gold);place-items:center;font-size:20px;display:grid;transform:rotate(45deg)}.star-mark:first-letter{transform:rotate(-45deg)}.brand-mark strong,.brand-mark small{display:block}.brand-mark strong{letter-spacing:.14em}.brand-mark small{color:var(--muted);letter-spacing:.2em;font-size:10px}.resource-list{flex:1;grid-template-columns:repeat(5,minmax(105px,1fr));gap:8px;display:grid}.resource-item{border-left:1px solid var(--line);align-items:center;gap:9px;min-width:0;padding:6px 10px 8px;display:flex;position:relative}.resource-item>span{min-width:0}.resource-item strong,.resource-item small{display:block}.resource-item strong{font-size:15px}.resource-item small{color:var(--muted);font-size:10px}.resource-item>b{background:var(--line);height:2px;position:absolute;bottom:2px;left:10px;right:10px}.resource-item>b:after{content:"";width:var(--fill);background:var(--gold);height:100%;display:block}.resource-glyph{border:1px solid;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;font:700 12px Noto Serif TC,serif;display:grid}.resource-glyph.wood{color:#b7c989}.resource-glyph.food{color:#e6bf62}.resource-glyph.stone{color:#bfc4c0}.resource-glyph.iron{color:#8cb5bd}.resource-glyph.stars{color:#87e0e1}.utility-bar{border-bottom:1px solid var(--line);background:var(--paper-2);justify-content:flex-end;align-items:center;gap:5px;min-height:38px;padding:0 24px;display:flex}.utility-bar button{min-height:30px;color:var(--muted);background:0 0;border:0;font-size:11px}.connection-badge{color:var(--muted);margin-right:auto;font-size:11px}.connection-badge i{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 8px var(--cyan);border-radius:50%;margin-right:6px;display:inline-block}.wallet-badge{color:var(--gold-soft);white-space:nowrap;font-size:10px}.primary-nav{z-index:25;border-right:1px solid var(--line);background:var(--paper-2);flex-direction:column;gap:4px;width:76px;padding:14px 8px;display:flex;position:fixed;top:112px;bottom:0;left:0}.primary-nav button{min-height:62px;color:var(--muted);background:0 0;border:0;border-left:2px solid #0000;position:relative}.primary-nav button.is-active{border-color:var(--gold);color:var(--ink);background:linear-gradient(90deg,#e7b95f24,#0000)}.primary-nav i,.primary-nav span{font-style:normal;display:block}.primary-nav i{font:700 19px Noto Serif TC,serif}.primary-nav span{margin-top:3px;font-size:10px}.primary-nav b{background:var(--ember);color:#fff;border-radius:50%;min-width:17px;height:17px;font-size:9px;line-height:17px;position:absolute;top:6px;right:7px}.world-layout{grid-template-columns:205px minmax(520px,1fr) 260px;gap:14px;margin-left:76px;padding:14px;display:grid}.objective-rail,.commitment-rail,.age-panel,.simulation-tools,.panel{border:1px solid var(--line);background:linear-gradient(155deg, var(--paper), var(--paper-2));box-shadow:0 12px 35px var(--shadow)}.objective-rail{align-self:start;padding:18px 14px;position:sticky;top:126px}.objective-rail h2{font-size:18px;line-height:1.45}.objective-path{gap:6px;display:grid}.objective-path button{min-height:48px;color:var(--dim);text-align:left;background:0 0;border:0;grid-template-columns:26px 1fr;align-items:center;gap:7px;padding:5px;font-size:11px;display:grid}.objective-path button span{border:1px solid var(--line);border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.objective-path button.is-current{color:var(--ink)}.objective-path button.is-current span{border-color:var(--gold);color:var(--gold);box-shadow:0 0 13px #e7b95f40}.objective-path button.is-done{color:var(--muted);text-decoration:line-through}.objective-path button.is-done span{color:var(--cyan)}.objective-guidance{background:linear-gradient(135deg,#e7b95f17,#8dd9d409);border:1px solid #e7b95f3d;margin-top:12px;padding:11px}.objective-guidance p{color:var(--muted);margin:0 0 9px;font-size:10px;line-height:1.6}.objective-guidance button{width:100%;min-height:42px;color:var(--gold-soft);text-align:left;background:#0a0d0938;border:1px solid #e7b95f6b;grid-template-columns:24px 1fr;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:800;display:grid}.objective-guidance button span{color:var(--cyan);font-size:16px}.season-clock{border:1px solid var(--line);background:#0000001a;margin-top:18px;padding:12px}.season-clock span,.season-clock strong,.season-clock small{display:block}.season-clock span{color:var(--muted);font-size:10px}.season-clock strong{margin:4px 0;font-size:13px}.season-clock small{color:var(--gold)}.world-main,.right-rail{align-content:start;gap:14px;min-width:0;display:grid}.settlement-stage{border:1px solid var(--line);min-height:min(61vh,650px);box-shadow:0 20px 55px var(--shadow);background:#1b211b;position:relative;overflow:hidden}.map-viewport{z-index:0;touch-action:pan-y;cursor:zoom-in;outline:0;position:absolute;inset:0;overflow:hidden}.map-viewport:focus-visible{box-shadow:inset 0 0 0 2px var(--gold), inset 0 0 0 5px #10140fbf}.settlement-stage.is-zoomed .map-viewport{touch-action:none;cursor:grab}.settlement-stage.is-dragging .map-viewport{cursor:grabbing}.map-camera{--map-inverse-scale:1;transform-origin:0 0;will-change:transform;position:absolute;inset:0;transform:translate(0,0)scale(1)}.settlement-art{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:filter .8s;position:absolute;inset:0}.settlement-stage.age-1 .settlement-art{filter:saturate(.82)contrast(1.03)}.settlement-stage.age-2 .settlement-art{filter:saturate(.98)contrast(1.07)}.settlement-stage.age-3 .settlement-art{filter:saturate(1.08)contrast(1.1)hue-rotate(4deg)}.settlement-vignette{z-index:1;pointer-events:none;background:linear-gradient(90deg,#0a0f0bba,#0000 35% 72%,#080b0959),linear-gradient(#0000 68%,#080a08c7);position:absolute;inset:0}.pixi-overlay{pointer-events:none;position:absolute;inset:0}.pixi-overlay canvas{width:100%;height:100%;display:block}.settlement-title{z-index:3;pointer-events:none;text-shadow:0 2px 10px #000;position:absolute;bottom:18px;left:22px}.settlement-title span,.settlement-title strong,.settlement-title small{display:block}.settlement-title span{color:#f2c96f;letter-spacing:.16em;font-size:10px;font-weight:800}.settlement-title strong{color:#fff6e2;font:700 26px Noto Serif TC,serif}.settlement-title small{color:#d8cfbc}.hotspot-layer{position:absolute;inset:0}.building-hotspot{transform:translate(-50%,-50%) scale(var(--map-inverse-scale));color:#f9dd99;transform-origin:50%;background:#191d15c7;border:1px solid #ffe29dbf;border-radius:50%;min-width:52px;min-height:52px;padding:3px;transition:border-color .18s,background .18s,box-shadow .18s;position:absolute;box-shadow:0 0 0 5px #1c1c1440,0 5px 18px #000}.building-hotspot span,.building-hotspot b{display:block}.building-hotspot span{font-weight:900}.building-hotspot b{color:#eee2ca;background:#090b08cc;min-width:max-content;padding:2px 5px;font-size:9px;font-weight:600;position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%)}.building-hotspot:hover,.building-hotspot:focus-visible{background:#2d3223f0;border-color:#fff0b8;box-shadow:0 0 0 6px #e7b95f38,0 7px 22px #000}.building-hotspot.is-built{border-color:var(--cyan);color:var(--cyan)}.map-explorer-hint{z-index:3;color:#eee2ca;letter-spacing:.04em;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0e0ab8;border:1px solid #f2c96f57;border-radius:4px;padding:7px 10px;font-size:9px;transition:opacity .2s,visibility .2s;position:absolute;top:13px;left:13px;box-shadow:0 5px 18px #0000004d}.settlement-stage.is-zoomed .map-explorer-hint{visibility:hidden;opacity:0}.touch-map-hint{display:none}.map-zoom-controls{z-index:4;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0c100ce0;border:1px solid #f2c96f7a;border-radius:5px;grid-template-columns:42px 58px 42px auto;align-items:stretch;display:grid;position:absolute;top:12px;right:12px;overflow:hidden;box-shadow:0 8px 24px #0006}.map-zoom-controls button{color:#f5dfab;background:0 0;border:0;border-right:1px solid #f2c96f33;min-width:42px;min-height:42px;padding:0;font-size:20px;font-weight:800}.map-zoom-controls button:not(:disabled):hover,.map-zoom-controls button:focus-visible{color:#fff4d1;background:#e7b95f2b}.map-zoom-controls button:disabled{opacity:.34;cursor:default}.map-zoom-controls output{color:#f7ecd4;font-variant-numeric:tabular-nums;border-right:1px solid #f2c96f33;place-items:center;font-size:10px;display:grid}.map-zoom-controls .map-reset-button{letter-spacing:.08em;border-right:0;min-width:52px;padding-inline:9px;font-size:9px}.age-wash{z-index:2;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 30%,#67e3ec38,#0000 50%);position:absolute;inset:0}.age-3 .age-wash{opacity:1}.panel{padding:20px;scroll-margin-top:126px}.panel-heading{align-items:end;margin-bottom:16px}.panel-heading h2{margin:0;font-size:24px}.panel-heading>span{color:var(--muted);font-size:11px}.building-grid{grid-template-columns:repeat(2,minmax(250px,1fr));gap:9px;display:grid}.building-card{border:1px solid var(--line);background:#00000014;grid-template-columns:52px 1fr;gap:12px;padding:13px;display:grid}.building-emblem{clip-path:polygon(50% 0,100% 20%,91% 82%,50% 100%,9% 82%,0 20%);width:52px;height:60px;color:var(--gold-soft);background:#41483a;place-items:center;font:800 17px Noto Serif TC,serif;display:grid}.building-emblem.lumberyard{background:#3e5938}.building-emblem.terrace{background:#79652f}.building-emblem.quarry{background:#5c625c}.building-emblem.iron-mine{background:#38505a}.building-emblem.granary{background:#77543c}.building-emblem.expedition-camp{background:#683d32}.building-copy>div{justify-content:space-between;gap:8px;display:flex}.building-copy h3{margin:0;font-size:15px}.building-copy small{color:var(--muted)}.building-copy p{min-height:34px;color:var(--muted);margin:4px 0;font-size:11px;line-height:1.5}.cost-line{color:var(--gold-soft);font-size:10px}.building-card>button{border:1px solid var(--line);background:0 0;grid-column:1/-1;min-height:38px;font-size:11px}.building-card>button:not(:disabled):hover{border-color:var(--gold);background:#e7b95f14}.queue-timeline{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;display:grid}.queue-timeline div{background:#e7b95f14;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:9px;display:grid}.queue-timeline span{border:1px solid var(--gold);width:24px;height:24px;color:var(--gold);place-items:center;font-size:10px;display:grid}.queue-timeline strong{font-size:11px}.queue-timeline small{color:var(--muted)}.commitment-rail{padding:15px}.rail-heading{align-items:center}.rail-heading p{margin:0}.rail-heading>span{border:1px solid var(--line);border-radius:50%;place-items:center;min-width:24px;height:24px;font-size:10px;display:grid}.empty-commitment{text-align:center;color:var(--muted);padding:18px 6px 7px}.empty-commitment i{color:var(--gold);font-size:30px}.empty-commitment p{color:var(--ink);margin:6px 0;font:700 13px Noto Serif TC,serif}.empty-commitment small{font-size:10px;line-height:1.5}.commitment-list{gap:8px;margin-top:11px;display:grid}.commitment{border-left:2px solid var(--gold);background:#0000001c;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:10px 9px;display:grid}.commitment>small{color:var(--gold);font-size:9px}.commitment>strong{text-overflow:ellipsis;white-space:nowrap;grid-row:2;font-size:11px;overflow:hidden}.commitment-time{text-align:right;font-variant-numeric:tabular-nums;grid-area:1/2/3;align-self:center;min-width:74px}.commitment-time span,.commitment-time small{display:block}.commitment-time span{color:var(--ink);font-size:11px;font-weight:800}.commitment-time small{color:var(--muted);margin-top:2px;font-size:8px}.commitment>b{background:#e7b95f29;grid-column:1/-1;height:4px;margin-top:7px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #e7b95f14}.commitment>b i{background:linear-gradient(90deg,var(--gold),var(--gold-soft));height:100%;transition:width .65s linear;display:block;position:relative;box-shadow:0 0 8px #e7b95f4d}.commitment>b i:after{content:"";filter:blur(3px);background:#ffffff73;width:12px;position:absolute;inset:0 0 0 auto}.commitment.is-queued{border-left-color:var(--line);opacity:.72}.commitment.is-queued>b{background:#ffffff09}.commitment.is-queued>small{color:var(--muted)}.commitment.is-complete>b i{background:var(--cyan);box-shadow:0 0 8px #5bccca59}.age-panel{padding:15px}.age-track{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.age-track span{color:var(--dim);text-align:center;font-size:9px}.age-track i{border:1px solid var(--line);border-radius:50%;place-items:center;width:28px;height:28px;margin:0 auto 4px;font-style:normal;display:grid}.age-track span.is-lit{color:var(--gold-soft)}.age-track span.is-lit i{border-color:var(--gold);background:#e7b95f21;box-shadow:0 0 12px #e7b95f26}.age-requirements{margin-top:15px}.age-requirements h3{margin-bottom:10px}.age-requirements>div{color:var(--muted);justify-content:space-between;margin:5px 0;font-size:10px;display:flex}.age-requirements>div b{color:var(--ink)}.age-requirements>small{color:var(--gold-soft);margin-top:8px;font-size:9px;line-height:1.5;display:block}.landmark-choice{gap:5px;margin-top:10px;display:grid}.landmark-choice button{border:1px solid var(--line);text-align:left;background:0 0;min-height:50px;padding:7px 8px}.landmark-choice button.is-selected{border-color:var(--gold);background:#e7b95f14}.landmark-choice strong,.landmark-choice small{display:block}.landmark-choice strong{font-size:10px}.landmark-choice small{color:var(--muted);margin-top:2px;font-size:8px;line-height:1.4}.age-action{border:1px solid var(--gold);width:100%;min-height:40px;color:var(--gold-soft);background:0 0;margin-top:10px;font-size:11px;font-weight:800}.beacon-project{text-align:center;margin-top:15px}.beacon-orbit{border:1px solid var(--line);background:conic-gradient(var(--cyan) var(--beacon,0%), transparent 0);border-radius:50%;place-items:center;width:92px;height:92px;margin:8px auto;display:grid;box-shadow:inset 0 0 20px #65dcdd2e}.beacon-orbit span{background:var(--paper-2);width:74px;height:74px;color:var(--cyan);border-radius:50%;place-items:center;font-weight:900;display:grid}.beacon-project p:not(.eyebrow){color:var(--muted);font-size:9px;line-height:1.5}.simulation-tools{padding:12px}.simulation-tools summary{min-height:32px;color:var(--gold-soft);cursor:pointer;font-size:11px;font-weight:800}.simulation-tools summary small{color:var(--muted);font-weight:400}.simulation-tools p{color:var(--muted);font-size:9px;line-height:1.5}.simulation-tools>div{grid-template-columns:repeat(2,1fr);gap:4px;margin-top:5px;display:grid}.simulation-tools button{border:1px solid var(--line);background:0 0;min-height:34px;font-size:9px}.chromia-panel{border:1px solid color-mix(in srgb, #bf83ff 45%, var(--line));background:radial-gradient(circle at 88% 8%, #be6cff29, transparent 34%), linear-gradient(155deg, var(--paper), var(--paper-2));box-shadow:0 12px 35px var(--shadow);border-radius:10px;overflow:clip}.chromia-panel>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-height:46px;padding:10px 12px;font-size:11px;font-weight:800;list-style:none;display:flex}.chromia-panel>summary::-webkit-details-marker{display:none}.chromia-panel>summary span{align-items:center;gap:7px;display:inline-flex}.chromia-panel>summary i{background:#8b7d9b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #8b7d9b1f}.chromia-panel.ready>summary i{background:#75e3b1;box-shadow:0 0 0 4px #75e3b121,0 0 12px #75e3b180}.chromia-panel.pending>summary i{background:#f0c566;animation:1.2s ease-in-out infinite beacon-pulse}.chromia-panel.error>summary i{background:#ec786e}.chromia-panel>summary small{color:var(--muted);font-size:9px}.chromia-panel-body{border-top:1px solid var(--line);padding:10px 12px 12px}.chromia-panel-body>p{color:var(--muted);margin:0 0 8px;font-size:9px;line-height:1.5}.chromia-panel dl{gap:4px;margin:8px 0;display:grid}.chromia-panel dl div{border:1px solid var(--line);background:#ffffff06;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;padding:6px 7px;font-size:9px;display:flex}.chromia-panel dt{color:var(--muted)}.chromia-panel dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:800}.chromia-panel .chromia-message{color:var(--ink);background:#bf83ff17;border-radius:5px;padding:7px}.chromia-panel.error .chromia-message{background:#ec786e1a}.chromia-actions{grid-template-columns:1fr 1.2fr;gap:5px;display:grid}.chromia-actions button{border:1px solid var(--line);background:0 0;min-height:38px;font-size:9px}.chromia-actions .primary-action{border-color:var(--gold);color:#17100a;background:linear-gradient(#d9a953,#a9682c)}.chromia-boundary{color:var(--muted);margin-top:8px;font-size:8px;line-height:1.45;display:block}.allocation-board{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.allocation-row{border:1px solid var(--line);background:#0000001a;border-left:3px solid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:16px;display:grid}.allocation-row.wood{color:#afc885}.allocation-row.food{color:#dfb955}.allocation-row.stone{color:#b6bdb6}.allocation-row.iron{color:#85b3bb}.allocation-row h3{color:var(--ink);margin:0;font-size:15px}.allocation-row small{color:var(--muted)}.stepper{align-items:center;gap:7px;display:flex}.stepper button{border:1px solid var(--line);background:0 0;min-width:38px;min-height:38px}.stepper strong{min-width:34px;color:var(--ink);text-align:center}.workforce-actions{grid-template-columns:240px 1fr;gap:12px;margin-top:14px;display:grid}.recruit-card{border:1px solid var(--line);grid-template-columns:1fr auto;gap:5px 12px;padding:13px;display:grid}.recruit-card h3{margin:0}.recruit-card>span{color:var(--muted);grid-column:1;font-size:10px}.recruit-card>button{border:1px solid var(--gold);min-width:150px;color:var(--gold-soft);background:0 0;grid-area:1/2/3}.rule-note{color:var(--muted);margin:14px 0 0;font-size:10px}.expedition-layout{grid-template-columns:minmax(430px,1.35fr) minmax(280px,.65fr);gap:12px;display:grid}.node-map{border:1px solid var(--line);background:radial-gradient(circle at 70% 30%,#69b7b41c,#0000 30%),repeating-linear-gradient(35deg,#ffffff06 0 1px,#0000 1px 18px),#171d17;min-height:430px;position:relative;overflow:hidden}.node-map:before{content:"";opacity:.2;filter:grayscale()contrast(1.4);background-image:url(/assets/maps/C08-lantern-road-at-starfall.webp);background-size:cover;position:absolute;inset:0}.node-map svg{width:100%;height:100%;position:absolute;inset:0}.node-map path{fill:none;stroke:#e7b95f80;stroke-width:3px;stroke-dasharray:7 8}.node-map button{left:var(--node-x);top:var(--node-y);text-shadow:0 2px 8px #000;background:0 0;border:0;min-width:96px;min-height:64px;padding:4px;position:absolute;transform:translate(-50%,-50%)}.node-map button i,.node-map button span,.node-map button small{display:block}.node-map button i{color:var(--gold);font-size:25px;font-style:normal}.node-map button span{color:#fff4dd;font:700 11px Noto Serif TC,serif}.node-map button small{color:#bcb5a5;font-size:8px}.node-map button.is-selected i{color:var(--cyan);filter:drop-shadow(0 0 8px var(--cyan))}.node-map button.is-locked{filter:grayscale()}.expedition-brief{border:1px solid var(--line);background:#0000001c;padding:16px}.brief-title h3{margin:0;font-size:21px}.brief-title>span{border:1px solid var(--line);color:var(--muted);text-transform:uppercase;padding:4px 7px;font-size:9px}.expedition-brief>p{color:var(--muted);font-size:11px;line-height:1.7}.expedition-brief dl{grid-template-columns:repeat(2,1fr);gap:5px;display:grid}.expedition-brief dl div{background:#ffffff06;padding:8px}.expedition-brief dt{color:var(--muted);font-size:9px}.expedition-brief dd{margin:2px 0 0;font-size:12px;font-weight:800}.team-builder{gap:5px;margin:12px 0;display:grid}.team-builder>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.team-builder span b,.team-builder span small{display:block}.team-builder span b{font-size:11px}.team-builder span small{color:var(--muted);font-size:8px}.team-builder .stepper button{min-width:30px;min-height:30px}.team-builder .stepper strong{min-width:48px;font-size:10px}.expedition-brief .primary-action{width:100%}.training-strip{grid-template-columns:1fr repeat(3,minmax(130px,auto));gap:7px;margin-top:10px;display:grid}.training-strip>div{padding:7px}.training-strip>div span{color:var(--muted);font-size:10px}.training-strip button{border:1px solid var(--line);background:0 0;min-height:50px;font-size:10px}.training-strip button small{color:var(--muted);margin-top:3px;font-size:8px;display:block}.chronicle-layout{grid-template-columns:1.4fr .6fr;gap:12px;display:grid}.battle-reports,.event-ledger{align-content:start;gap:9px;display:grid}.empty-report{border:1px dashed var(--line);text-align:center;padding:70px 20px}.empty-report span{color:var(--gold);font:700 40px Noto Serif TC,serif}.empty-report p{color:var(--muted)}.battle-report{border:1px solid var(--line);border-left:3px solid var(--cyan);background:#00000017;padding:15px}.battle-report.lost{border-left-color:var(--bad)}.report-heading small{color:var(--muted)}.report-heading h3{margin:3px 0 0}.report-heading>span{color:var(--cyan);font-size:11px;font-weight:800}.battle-report.lost .report-heading>span{color:var(--bad)}.power-comparison{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:15px 0 10px;display:grid}.power-comparison small,.power-comparison strong{display:block}.power-comparison small{color:var(--muted)}.power-comparison strong{font-size:24px}.formula-strip{color:var(--muted);background:#00000021;flex-wrap:wrap;gap:7px;padding:8px;font-size:9px;display:flex}.formula-strip b{color:var(--gold-soft)}.report-footer{justify-content:space-between;gap:10px;margin-top:11px;font-size:9px;display:flex}.report-footer span{color:var(--muted)}.report-footer strong{color:var(--gold-soft);text-align:right}.event-ledger{border-left:1px solid var(--line);padding-left:13px}.event-ledger article{grid-template-columns:12px 1fr;gap:7px;display:grid}.event-ledger i{border:1px solid var(--muted);border-radius:50%;width:8px;height:8px;margin-top:5px}.event-ledger article.good i{background:var(--cyan);border-color:var(--cyan)}.event-ledger article.warn i{background:var(--bad);border-color:var(--bad)}.event-ledger h3{margin:2px 0;font-size:11px}.event-ledger small{color:var(--dim);font-size:8px}.event-ledger p{color:var(--muted);font-size:9px;line-height:1.5}.toast{z-index:100;border:1px solid var(--line);border-left:4px solid var(--cyan);color:#f7eedb;background:#20261e;max-width:min(430px,100vw - 44px);padding:13px 16px;font-size:12px;position:fixed;bottom:22px;right:22px;box-shadow:0 16px 40px #000}.toast.warn{border-left-color:var(--gold)}.toast.bad{border-left-color:var(--bad)}.command-feedback{z-index:101;border:1px solid var(--line);border-left:4px solid var(--gold);color:#f7eedb;background:linear-gradient(145deg,#293027,#171c17);grid-template-columns:48px 1fr;align-items:center;gap:13px;width:min(420px,100vw - 44px);min-height:88px;padding:14px;display:grid;position:fixed;bottom:22px;right:22px;overflow:hidden;box-shadow:0 20px 52px #000000b8}.command-feedback:after{content:"";pointer-events:none;background:radial-gradient(circle at 12%,#e7b95f21,#0000 40%);position:absolute;inset:0}.command-feedback>*{z-index:1;position:relative}.command-feedback-glyph{width:42px;height:42px;color:var(--gold);border:1px solid;border-radius:50%;place-items:center;font-size:21px;font-weight:900;display:grid}.command-feedback-glyph i{border:2px solid #e7b95f40;border-top-color:var(--gold);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.command-feedback small,.command-feedback strong{display:block}.command-feedback small{color:var(--gold);letter-spacing:.15em;margin-bottom:3px;font-size:8px;font-weight:900}.command-feedback strong{font:800 14px/1.35 Noto Serif TC,serif}.command-feedback p{color:#c6c1b0;margin:4px 0 0;font-size:10px;line-height:1.5}.command-feedback.good{border-left-color:var(--cyan)}.command-feedback.good:after{background:radial-gradient(circle at 12%,#8dd9d429,#0000 42%)}.command-feedback.good .command-feedback-glyph,.command-feedback.good small{color:var(--cyan)}.command-feedback.warn{border-left-color:var(--gold);animation:1s ease-in-out 2 command-warning}.command-feedback.bad{border-left-color:var(--bad)}.command-feedback.bad:after{background:radial-gradient(circle at 12%,#d4715b26,#0000 40%)}.command-feedback.bad .command-feedback-glyph,.command-feedback.bad small{color:var(--bad)}.pending-indicator{z-index:99;border:1px solid var(--line);background:var(--paper);border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:fixed;top:116px;right:15px}.pending-indicator span{border:2px solid var(--line);border-top-color:var(--gold);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes command-warning{50%{box-shadow:0 20px 52px #000000b8,0 0 0 4px #e7b95f1f}}.season-finale{z-index:90;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080a08db;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.season-finale>div{border:1px solid var(--gold);background:radial-gradient(circle at 50% 0, #62bebf24, transparent 40%), var(--paper);text-align:center;width:min(520px,100%);padding:42px;box-shadow:0 30px 100px #000}.finale-star{color:var(--cyan);filter:drop-shadow(0 0 20px var(--cyan));font-size:58px}.season-finale h2{font-size:31px}.season-finale>div>p:not(.eyebrow){color:var(--muted);line-height:1.8}.season-finale dl{grid-template-columns:repeat(3,1fr);display:grid}.season-finale dt{color:var(--muted);font-size:10px}.season-finale dd{margin:3px 0;font-size:24px;font-weight:900}.season-finale button{border:1px solid var(--line);background:0 0;width:100%;min-height:46px;margin-top:8px}.season-finale .primary-action{background:linear-gradient(#d9a953,#a9682c)}.return-summary-backdrop{z-index:92;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 50% 12%,#8dd9d41f,#0000 38%),#070a08e6;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.return-summary{background:linear-gradient(145deg, var(--paper), var(--paper-2));clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);border:1px solid #e7b95f9e;width:min(760px,100%);padding:30px;box-shadow:0 34px 110px #000}.return-summary>header{border-bottom:1px solid var(--line);grid-template-columns:64px 1fr;align-items:start;gap:17px;padding-bottom:22px;display:grid}.return-summary-sigil{border:1px solid var(--cyan);width:58px;height:58px;color:var(--cyan);place-items:center;font-size:25px;display:grid;transform:rotate(45deg);box-shadow:inset 0 0 20px #8dd9d417,0 0 24px #8dd9d41f}.return-summary-sigil i{font-style:normal;transform:rotate(-45deg)}.return-summary h2{color:var(--gold-soft);margin:0 0 8px;font-size:clamp(25px,4vw,38px)}.return-summary header p:last-child{max-width:620px;color:var(--muted);margin:0;line-height:1.7}.return-summary-grid{grid-template-columns:minmax(220px,.72fr) minmax(300px,1.28fr);gap:12px;margin:18px 0 14px;display:grid}.return-summary-grid>article{border:1px solid var(--line);background:#ffffff06;padding:16px}.return-resource-ledger dl{gap:7px;margin:0;display:grid}.return-resource-ledger dl div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:28px;padding-bottom:6px;display:flex}.return-resource-ledger dt{color:var(--muted);font-size:11px}.return-resource-ledger dd{color:var(--ink);margin:0;font-size:17px;font-weight:900}.return-resource-ledger .stars dd{color:var(--cyan)}.return-event-ledger>div:first-child{justify-content:space-between;align-items:start;gap:12px;display:flex}.return-event-ledger>div:first-child>strong{color:var(--gold-soft);font-size:12px}.return-event-ledger ol{gap:9px;margin:2px 0 0;padding:0;list-style:none;display:grid}.return-event-ledger li{grid-template-columns:10px 1fr;gap:9px;display:grid}.return-event-ledger li i{border:1px solid var(--muted);border-radius:50%;width:8px;height:8px;margin-top:4px}.return-event-ledger li.good i{border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 10px #8dd9d459}.return-event-ledger li.warn i{border-color:var(--bad);background:var(--bad)}.return-event-ledger li span{gap:2px;display:grid}.return-event-ledger li strong{font-size:11px}.return-event-ledger li small,.return-quiet-state,.return-more-events,.return-no-gain{color:var(--muted);font-size:10px;line-height:1.5}.return-quiet-state,.return-no-gain{margin:8px 0 0}.return-more-events{margin-top:10px;display:block}.return-overflow-warning{background:#d4715b14;border:1px solid #d4715b7a;grid-template-columns:36px 1fr;align-items:start;gap:11px;margin-bottom:14px;padding:12px 14px;display:grid}.return-overflow-warning>span{border:1px solid var(--bad);width:30px;height:30px;color:var(--bad);border-radius:50%;place-items:center;font-weight:900;display:grid}.return-overflow-warning strong{color:#efa18e;font-size:12px}.return-overflow-warning p{color:var(--muted);margin:3px 0 0;font-size:10px;line-height:1.6}.return-summary>.primary-action{width:100%}.wallet-gate-backdrop{z-index:96;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 50% 15%,#8dd9d421,#0000 35%),#060907e6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.wallet-gate{text-align:center;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:linear-gradient(145deg,#242b24,#151a16);border:1px solid #8dd9d494;width:min(540px,100%);padding:36px;box-shadow:0 36px 120px #000}.wallet-gate-sigil{border:1px solid var(--cyan);width:62px;height:62px;color:var(--cyan);place-items:center;margin:0 auto 20px;font-size:29px;display:grid;transform:rotate(45deg);box-shadow:inset 0 0 22px #8dd9d41a,0 0 30px #8dd9d424}.wallet-gate-sigil i{font-style:normal;transform:rotate(-45deg)}.wallet-gate h2{color:#f2dcaa;margin-bottom:10px;font-size:clamp(25px,4vw,36px)}.wallet-gate>p:not(.eyebrow){color:#b8b9ac;line-height:1.75}.wallet-gate-trust{text-align:left;background:#e7b95f0f;border:1px solid #e7b95f40;gap:5px;margin:22px 0;padding:13px 15px;display:grid}.wallet-gate-trust strong{color:var(--gold-soft);font-size:11px}.wallet-gate-trust span{color:#a9a999;font-size:10px;line-height:1.6}.wallet-gate-actions{gap:8px;display:grid}.wallet-gate-actions button{border:1px solid var(--line);background:0 0;min-height:46px}.wallet-gate-actions .primary-action{background:linear-gradient(#d9a953,#a9682c)}.wallet-gate-actions .quiet-action{min-height:36px;color:var(--muted);border-color:#0000;font-size:10px}.reset-progress-backdrop{z-index:98;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 50% 12%,#c26c4f29,#0000 36%),#060807eb;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.reset-progress{text-align:center;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:linear-gradient(145deg,#292721,#171916);border:1px solid #dc7e57a8;width:min(570px,100%);padding:34px;box-shadow:0 36px 120px #000}.reset-progress-sigil{color:#f1a47e;border:1px solid #db7f59;place-items:center;width:60px;height:60px;margin:0 auto 19px;font-size:29px;display:grid;transform:rotate(45deg);box-shadow:inset 0 0 22px #db7f591a,0 0 28px #db7f591f}.reset-progress-sigil i{font-style:normal;transform:rotate(-45deg)}.reset-progress h2{color:#f2dcaa;margin-bottom:10px;font-size:clamp(25px,4vw,35px)}.reset-progress>p:not(.eyebrow){color:#b8b9ac;line-height:1.7}.reset-progress-scope{text-align:left;background:#ffffff06;border:1px solid #e7b95f38;gap:8px;margin:22px 0;padding:15px;display:grid}.reset-progress-scope>div{color:#d8d2bd;grid-template-columns:22px 1fr;align-items:center;font-size:11px;display:grid}.reset-progress-scope i{color:var(--cyan);font-style:normal}.reset-progress-scope .excluded,.reset-progress-scope .excluded i{color:var(--muted)}.reset-progress-scope small{border-top:1px solid var(--line);color:var(--muted);padding-top:8px;font-size:9px;line-height:1.6}.reset-progress-error{background:#e15b4c14;border:1px solid #e15b4c66;margin:-8px 0 17px;padding:10px;font-size:10px;color:#ffb3a5!important}.reset-progress-actions{grid-template-columns:1fr 1.25fr;gap:9px;display:grid}.reset-progress-actions button{border:1px solid var(--line);color:#d8d2bd;background:0 0;min-height:47px}.reset-progress-actions .danger-action{color:#fff2e7;background:linear-gradient(#c86745,#8d3d2a);border-color:#d86f4c}@media (max-width:1180px){.world-layout{grid-template-columns:175px minmax(500px,1fr)}.right-rail{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.objective-rail{position:static}.resource-bar{gap:10px}.brand-mark{min-width:145px}.resource-item{padding-inline:5px}.onboarding{grid-template-columns:1fr;align-items:end}.onboarding-intro{display:none}.world-forge{justify-self:center}}@media (max-width:760px){button{min-width:44px!important;min-height:44px!important}.resource-bar{height:auto;min-height:112px;padding:8px 9px;display:block;position:sticky}.brand-mark{min-width:0;height:34px}.star-mark{width:28px;height:28px}.brand-mark strong{font-size:12px}.resource-list{grid-template-columns:repeat(4,1fr);gap:2px}.resource-item{border-left:0;border-top:1px solid var(--line);min-height:55px;padding:4px}.resource-item.star-sand{border:0;width:92px;position:absolute;top:7px;right:8px}.resource-glyph{flex-basis:27px;width:27px;height:27px;font-size:9px}.resource-item strong{font-size:12px}.utility-bar{min-height:34px;padding:0 8px}.utility-bar button,.connection-badge{font-size:9px}.wallet-badge{text-overflow:ellipsis;max-width:140px;font-size:8px;overflow:hidden}.primary-nav{border:0;border-top:1px solid var(--line);flex-direction:row;width:100%;height:66px;padding:4px 8px;top:auto;bottom:0;left:0}.primary-nav button{border-bottom:2px solid #0000;border-left:0;flex:1;min-height:55px}.primary-nav button.is-active{border-bottom-color:var(--gold);background:linear-gradient(#0000,#e7b95f24)}.world-layout{margin-left:0;padding:8px 8px 78px;display:block}.objective-rail{margin-bottom:8px;padding:12px}.objective-rail h2{font-size:15px}.objective-path{grid-template-columns:repeat(4,1fr)}.objective-path button{text-align:center;min-height:44px;padding:3px;font-size:0;display:block}.objective-path button span{margin:auto;font-size:10px}.objective-guidance{grid-template-columns:1fr 1fr;align-items:center;gap:8px;margin-top:7px;padding:7px;display:grid}.objective-guidance p{margin:0;font-size:9px}.objective-guidance button{min-height:44px}.season-clock{justify-content:space-between;gap:5px;margin-top:8px;padding:6px;display:flex}.right-rail{grid-template-columns:1fr;margin-top:8px;display:grid}.commitment-rail,.age-panel,.simulation-tools,.chromia-panel{box-shadow:none}.settlement-stage{min-height:390px}.building-hotspot{min-width:46px;min-height:46px}.settlement-title{bottom:12px;left:13px}.settlement-title strong{font-size:20px}.desktop-map-hint{display:none}.touch-map-hint{display:inline}.map-explorer-hint{min-width:max-content;top:auto;bottom:74px;left:50%;transform:translate(-50%)}.map-zoom-controls{grid-template-columns:44px 54px 44px;top:8px;right:8px}.map-zoom-controls button{min-width:44px;min-height:44px}.map-zoom-controls .map-reset-button{border-top:1px solid #f2c96f33;grid-column:1/-1;width:100%;min-height:44px!important}.panel{padding:13px;scroll-margin-top:154px}.panel-heading h2{font-size:20px}.panel-heading>span{text-align:right;max-width:45%}.building-grid,.allocation-board{grid-template-columns:1fr}.building-card{grid-template-columns:45px 1fr}.building-emblem{width:45px;height:52px}.workforce-actions,.recruit-card{grid-template-columns:1fr}.recruit-card>button{grid-area:auto/1;min-height:44px}.expedition-layout{grid-template-columns:1fr}.node-map{min-height:330px}.training-strip{grid-template-columns:1fr 1fr}.training-strip>div{grid-column:1/-1}.chronicle-layout{grid-template-columns:1fr}.event-ledger{border-left:0;border-top:1px solid var(--line);padding:13px 0 0}.report-footer{display:grid}.report-footer strong{text-align:left}.onboarding{padding:14px;display:block}.world-forge{justify-self:stretch;width:100%;max-width:100%;margin-top:8vh;padding:16px}.forge-heading h2{font-size:23px}.family-tabs{scrollbar-width:none;overscroll-behavior-inline:contain;overflow-x:auto}.family-tabs::-webkit-scrollbar{display:none}.family-tabs button{flex:none}.map-ribbon{grid-auto-columns:132px}.founding-form{grid-template-columns:1fr}.toast{left:8px;right:8px;bottom:calc(76px + env(safe-area-inset-bottom));max-width:none}.command-feedback{left:8px;right:8px;bottom:calc(76px + env(safe-area-inset-bottom));grid-template-columns:42px 1fr;gap:10px;width:auto;min-height:82px;padding:11px}.command-feedback-glyph{width:38px;height:38px}.return-summary-backdrop{align-items:start;padding:10px}.return-summary{padding:20px 15px}.return-summary>header{grid-template-columns:45px 1fr;gap:12px;padding-bottom:16px}.return-summary-sigil{width:40px;height:40px;font-size:18px}.return-summary h2{font-size:23px}.return-summary header p:last-child{font-size:11px}.return-summary-grid{grid-template-columns:1fr}.return-resource-ledger dl{grid-template-columns:repeat(2,1fr);gap:7px 14px}.return-summary-grid>article{padding:13px}.wallet-gate-backdrop{align-items:start;padding:10px;overflow-y:auto}.wallet-gate{margin-top:5vh;padding:27px 17px}.wallet-gate-sigil{width:48px;height:48px;font-size:22px}.wallet-gate h2{font-size:25px}.reset-progress-backdrop{align-items:start;padding:10px}.reset-progress{margin-top:4vh;padding:27px 17px}.reset-progress-sigil{width:48px;height:48px;font-size:22px}.reset-progress h2{font-size:25px}.reset-progress-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.map-camera{will-change:auto}}