:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #02080b;--hud: rgba(3, 20, 24, .82);--hud-soft: rgba(7, 28, 32, .72);--hud-strong: rgba(8, 31, 35, .94);--line: rgba(52, 211, 190, .24);--line-strong: rgba(52, 211, 190, .55);--amber: #f5a51b;--amber-soft: rgba(245, 165, 27, .2);--green: #21d19f;--cyan: #46d5e8;--red: #ff694a;--text: #f4efe4;--muted: #a6b5ad;--dim: #63746f;--radius: 8px;--shadow: 0 24px 80px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{min-width:320px;overflow:hidden;color:var(--text);background:var(--bg)}button,input{font:inherit}button{border:0}h1,h2,p{margin:0}#app,#scene-panel{position:fixed;inset:0;overflow:hidden}#scene-panel{background:radial-gradient(circle at 55% 45%,rgba(29,104,105,.34),transparent 42%),linear-gradient(180deg,#07131a,#02070a)}#scene{position:absolute;inset:0}#scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.38),transparent 18%,transparent 70%,rgba(0,0,0,.62)),radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.52) 100%);mix-blend-mode:multiply}#scene canvas{display:block;width:100%;height:100%;outline:none}.panel,.game-topbar,.phase-hud,.shortcut-bar,.toast{z-index:4;border:1px solid var(--line);border-radius:var(--radius);background:var(--hud);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px) saturate(128%);backdrop-filter:blur(18px) saturate(128%)}.game-topbar{position:absolute;top:12px;left:12px;right:12px;display:grid;grid-template-columns:220px minmax(540px,1fr) minmax(230px,295px) minmax(250px,315px);align-items:stretch;gap:10px;min-height:68px;padding:8px 10px}.brand-row,.section-title,.dock-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.brand-row{justify-content:flex-start}.brand-bolt{display:grid;width:38px;height:50px;place-items:center;color:var(--amber);font-size:2.2rem;filter:drop-shadow(0 0 12px rgba(245,165,27,.55))}.eyebrow,.section-title span,.status-grid span,.meter-row span,.dock-tabs button,dt,.source-card small,.shortcut-bar span{color:var(--muted);font-size:.68rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}h1{color:#fff8e8;font-size:1.52rem;line-height:.95;letter-spacing:0;text-shadow:0 0 18px rgba(245,165,27,.18)}h2{color:#fff8e8;font-size:2rem;line-height:1.02;letter-spacing:0}.status-grid{display:grid;grid-template-columns:repeat(5,minmax(92px,1fr));gap:8px}.status-grid>div{position:relative;min-width:0;padding:8px 8px 7px 40px;border:1px solid rgba(224,182,104,.24);border-radius:var(--radius);background:linear-gradient(180deg,#082126db,#041114cc)}.status-grid strong{display:block;margin-top:2px;overflow:hidden;color:#fff8e8;font-size:.94rem;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.status-grid small,.delta{display:block;margin-top:1px;overflow:hidden;color:var(--dim);font-size:.68rem;font-weight:800;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.delta.good,.good{color:var(--green)}.delta.warn,.warn{color:var(--amber)}.delta.bad,.bad{color:var(--red)}.hud-icon{position:absolute;left:10px;top:50%;width:25px;height:25px;background:linear-gradient(180deg,#fff4c5,#d79a15);filter:drop-shadow(0 0 8px rgba(245,165,27,.2));mask:var(--icon-mask) center / contain no-repeat;transform:translateY(-50%);-webkit-mask:var(--icon-mask) center / contain no-repeat}.icon-energy{--icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13.5 1.8 4.1 14h6.6l-1.2 8.2 10.4-13.5h-6.8l.4-6.9Z'/%3E%3C/svg%3E")}.icon-budget{--icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 4.2v1.2c1.4.2 2.5.8 3.2 1.7l-1.5 1.3c-.6-.7-1.4-1-2.4-1-1 0-1.6.4-1.6 1.1 0 .8.8 1 2.3 1.4 1.7.4 3.4 1.1 3.4 3.2 0 1.7-1.2 2.9-3.4 3.2v1.5h-2v-1.5c-1.7-.2-3.1-1-4-2.2l1.6-1.3c.7.9 1.7 1.4 3.1 1.4 1.2 0 1.8-.4 1.8-1.1 0-.8-.8-1-2.5-1.5-1.7-.4-3.2-1.1-3.2-3.1 0-1.7 1.2-2.8 3.2-3.1V6.2h2Z'/%3E%3C/svg%3E")}.icon-demand{--icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13.5 1.8 4.1 14h6.6l-1.2 8.2 10.4-13.5h-6.8l.4-6.9Z'/%3E%3C/svg%3E")}.icon-heart{--icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 21.3 10.6 20C5.6 15.5 2.4 12.6 2.4 8.9 2.4 5.9 4.7 3.6 7.7 3.6c1.7 0 3.3.8 4.3 2 1-1.2 2.6-2 4.3-2 3 0 5.3 2.3 5.3 5.3 0 3.7-3.2 6.6-8.2 11.1L12 21.3Z'/%3E%3C/svg%3E")}.icon-co2{--icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 18.5a5.7 5.7 0 0 1-1.2-11.2A6.5 6.5 0 0 1 19 9.8a4.4 4.4 0 0 1-.7 8.7H8Zm1.1-6.9a2.9 2.9 0 0 0 0 5.8h.7v-1.8h-.6a1.1 1.1 0 0 1 0-2.2h.6v-1.8h-.7Zm4.1 0a2.9 2.9 0 1 0 0 5.8 2.9 2.9 0 0 0 0-5.8Zm0 1.8a1.1 1.1 0 1 1 0 2.2 1.1 1.1 0 0 1 0-2.2Zm4.9-1.8v1.5h1.2l-1.5 1.5c-.9.8-1.2 1.3-1.2 2.1v.7h4.4V16h-2.2l1.3-1.2c.7-.7 1-1.2 1-1.8 0-1-.8-1.6-1.9-1.6-.5 0-.8.1-1.1.2Z'/%3E%3C/svg%3E")}.meter-stack{display:grid;align-content:center;gap:7px;padding:4px 8px}.meter-row{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:8px}.meter{height:8px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff14}.meter i{display:block;width:50%;height:100%;border-radius:inherit;transition:width .26s ease,background .26s ease}.meter i.good{background:linear-gradient(90deg,#18ba89,#77ef9b)}.meter i.warn{background:linear-gradient(90deg,#c97816,#ffd35d)}.meter i.bad{background:linear-gradient(90deg,#a92f27,#ff7659)}.tool-strip{display:flex;align-items:center;justify-content:flex-end;gap:8px}.tool-button,.icon-button{position:relative;display:grid;min-width:42px;height:42px;place-items:center;padding:0;border:1px solid rgba(224,182,104,.22);border-radius:var(--radius);color:#d8cdbb;background:#051214c7;cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease,transform .16s ease}.tool-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tool-icon{display:block;width:28px;height:28px;background:linear-gradient(180deg,#f7edd7,#b6c2b3);filter:drop-shadow(0 0 7px rgba(52,211,190,.12));mask:var(--icon-mask) center / contain no-repeat;-webkit-mask:var(--icon-mask) center / contain no-repeat}.icon-view{--icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 5C6.8 5 3 9.4 1.7 12c1.3 2.6 5.1 7 10.3 7s9-4.4 10.3-7C21 9.4 17.2 5 12 5Zm0 11.2A4.2 4.2 0 1 1 12 7.8a4.2 4.2 0 0 1 0 8.4Zm0-2.2a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/%3E%3C/svg%3E")}.icon-pollution{--icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20.7 3.3C12.5 3.2 6 6.8 4.2 12.2c-.8 2.5-.2 4.8 1.4 6.2-1.2 1.1-2 2.3-2.5 3.4h2.8c1.8-3.2 4.7-5.2 8.6-6.4-3.1 1.8-5.3 3.8-6.8 6.4h2.9c1.8-2.6 4.2-4.3 7.1-5.6 3.7-1.7 5.3-6.3 3-12.9Z'/%3E%3C/svg%3E")}.icon-layers{--icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2.6 22 8l-10 5.4L2 8l10-5.4Zm0 13.1 7.4-4 2.6 1.4-10 5.4-10-5.4 2.6-1.4 7.4 4Zm0 5.1 7.4-4 2.6 1.4-10 5.4-10-5.4 2.6-1.4 7.4 4Z'/%3E%3C/svg%3E")}.icon-tech{--icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 4.2a3 3 0 1 1 3.1 3L11 10h2l1.9-2.8a3 3 0 1 1 1.8 1.2L14.7 11l2.1 3.2a3 3 0 1 1-1.9 1.1L13 12.5h-2l-1.9 2.8a3 3 0 1 1-1.9-1.1L9.3 11 7.2 7.2A3 3 0 0 1 6 4.2Zm0 12.6a1.1 1.1 0 1 0 0 2.2 1.1 1.1 0 0 0 0-2.2Zm12 0a1.1 1.1 0 1 0 0 2.2 1.1 1.1 0 0 0 0-2.2ZM6 3.1a1.1 1.1 0 1 0 0 2.2 1.1 1.1 0 0 0 0-2.2Zm12 0a1.1 1.1 0 1 0 0 2.2 1.1 1.1 0 0 0 0-2.2Z'/%3E%3C/svg%3E")}.icon-help{--icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5.2 3.2c2.7 0 4.7.5 6.8 1.8 2.1-1.3 4.1-1.8 6.8-1.8 1.2 0 2.2 1 2.2 2.2v13.8c0 .8-.7 1.3-1.5 1.1-2.9-.7-5.1-.2-7.5 1.4-2.4-1.6-4.6-2.1-7.5-1.4-.8.2-1.5-.3-1.5-1.1V5.4c0-1.2 1-2.2 2.2-2.2Zm5.7 3.5c-1.7-.9-3.2-1.3-5.2-1.3-.3 0-.5.2-.5.5v12.3c2.1-.3 3.9 0 5.7.8V6.7Zm2.2 12.3c1.8-.8 3.6-1.1 5.7-.8V5.9c0-.3-.2-.5-.5-.5-2 0-3.5.4-5.2 1.3V19Z'/%3E%3C/svg%3E")}.icon-restart{--icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.5 4h4v16h-4V4Zm7 0h4v16h-4V4Z'/%3E%3C/svg%3E")}.icon-menu{--icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.5 4h4v16h-4V4Zm7 0h4v16h-4V4Z'/%3E%3C/svg%3E")}.tool-button:hover,.icon-button:hover,.tool-button.active{border-color:var(--amber);color:#fff8e8;background:#f5a51b29}.tool-button:hover .tool-icon,.tool-button.active .tool-icon{background:linear-gradient(180deg,#fff5cf,#f4a51b);filter:drop-shadow(0 0 8px rgba(245,165,27,.24))}.left-panel{position:absolute;left:12px;top:92px;width:290px;max-height:calc(100vh - 238px);overflow:hidden auto;padding:12px}.objective-box,.weather-box,.forecast-box,.event-box{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid rgba(52,211,190,.16)}.event-box{padding-bottom:0;margin-bottom:0;border-bottom:0}.event-box.major-event{padding:10px;border:1px solid rgba(245,165,27,.38);border-radius:var(--radius);background:radial-gradient(circle at 50% 0%,rgba(245,165,27,.14),transparent 60%),#17120a73;box-shadow:0 0 22px #f5a51b1a}.event-box.quiet-event .event-art{opacity:.62;filter:saturate(.72) brightness(.8)}.section-title{margin-bottom:8px}.section-title strong{flex:0 0 auto;min-width:34px;padding:4px 8px;border:1px solid rgba(224,182,104,.24);border-radius:999px;color:#fff3d6;background:#051214d1;font-size:.7rem;text-align:center}.objective-box p,.forecast-box p,.event-box p,.source-detail p{color:#d7d0be;font-size:.86rem;line-height:1.36}.objective-bar{height:7px;margin-top:10px;overflow:hidden;border-radius:999px;background:#ffffff14}.objective-bar i{display:block;width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0fb7a2,#85efac)}.weather-main{display:grid;grid-template-columns:50px 1fr;align-items:center;column-gap:10px}.weather-main>span{grid-row:span 2;width:46px;height:46px;background:linear-gradient(180deg,#fff4c5,#d79a15);filter:drop-shadow(0 0 16px rgba(245,165,27,.28));mask:var(--weather-mask) center / contain no-repeat;-webkit-mask:var(--weather-mask) center / contain no-repeat}.weather-bright{--weather-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 6.2a5.8 5.8 0 1 1 0 11.6 5.8 5.8 0 0 1 0-11.6ZM11 1h2v3.2h-2V1Zm0 18.8h2V23h-2v-3.2ZM1 11h3.2v2H1v-2Zm18.8 0H23v2h-3.2v-2ZM4.2 2.8l2.3 2.3-1.4 1.4-2.3-2.3 1.4-1.4Zm14.7 14.7 2.3 2.3-1.4 1.4-2.3-2.3 1.4-1.4Zm2.3-13.3-2.3 2.3-1.4-1.4 2.3-2.3 1.4 1.4ZM6.5 18.9l-2.3 2.3-1.4-1.4 2.3-2.3 1.4 1.4Z'/%3E%3C/svg%3E")}.weather-mild{--weather-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 6.2a5.8 5.8 0 1 1 0 11.6 5.8 5.8 0 0 1 0-11.6ZM11 1h2v3.2h-2V1Zm0 18.8h2V23h-2v-3.2ZM1 11h3.2v2H1v-2Zm18.8 0H23v2h-3.2v-2ZM4.2 2.8l2.3 2.3-1.4 1.4-2.3-2.3 1.4-1.4Zm14.7 14.7 2.3 2.3-1.4 1.4-2.3-2.3 1.4-1.4Zm2.3-13.3-2.3 2.3-1.4-1.4 2.3-2.3 1.4 1.4ZM6.5 18.9l-2.3 2.3-1.4-1.4 2.3-2.3 1.4 1.4Z'/%3E%3C/svg%3E")}.weather-cloudy{background:linear-gradient(180deg,#f4efe0,#9eb6ba);--weather-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7.8 19.2a5.5 5.5 0 0 1-.9-10.9A6.4 6.4 0 0 1 19 10.8a4.2 4.2 0 0 1-.7 8.4H7.8Z'/%3E%3C/svg%3E")}.weather-cold{background:linear-gradient(180deg,#e8fbff,#83c7d4);--weather-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 2h2v5.1l3.4-3.4 1.4 1.4L13 9.9v1.2l1 .6 6.6-3.8 1 1.7-4.4 2.5 4.4 2.5-1 1.7-6.6-3.8-1 .6v1.2l4.8 4.8-1.4 1.4L13 16.9V22h-2v-5.1l-3.4 3.4-1.4-1.4 4.8-4.8v-1.2l-1-.6-6.6 3.8-1-1.7 4.4-2.5-4.4-2.5 1-1.7 6.6 3.8 1-.6V9.9L6.2 5.1l1.4-1.4L11 7.1V2Z'/%3E%3C/svg%3E")}.weather-windy{background:linear-gradient(180deg,#e8fbff,#8dcfbe);--weather-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 6h10a2 2 0 1 0-2-2h-2a4 4 0 1 1 4 4H4V6Zm0 5h14a2 2 0 1 1-2 2h-2a4 4 0 1 0 4-4H4v2Zm0 5h8a2 2 0 1 1-2 2H8a4 4 0 1 0 4-4H4v2Z'/%3E%3C/svg%3E")}.weather-main strong{color:#fff8e8;font-size:1.8rem;line-height:1}.weather-main small{color:var(--muted);font-size:.78rem}.weather-hours{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:12px;color:#b7a98e;font-size:.7rem;text-align:center}.event-art,.source-art,.source-card-art{background-repeat:no-repeat}.event-art{height:76px;margin-bottom:10px;border:1px solid rgba(224,182,104,.22);border-radius:var(--radius);background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.28)),url(/assets/event-banners.png);background-size:100% 100%,200% 300%}.choice-list{display:grid;gap:8px;margin-top:10px}.quiet-note{padding:9px 10px;border:1px solid rgba(52,211,190,.14);border-radius:var(--radius);color:var(--muted);background:#ffffff09;font-size:.76rem;line-height:1.25}.choice-list label{display:grid;grid-template-columns:auto 1fr;gap:9px;min-width:0;padding:9px 10px;border:1px solid rgba(224,182,104,.2);border-radius:var(--radius);background:#ffffff0b;cursor:pointer}.choice-list label:has(input:checked){border-color:var(--green);background:#21d19f1f;box-shadow:inset 3px 0 #21d19ff2}.choice-list input{margin-top:3px;accent-color:var(--green)}.choice-list strong{display:block;overflow:hidden;color:#fff8e8;font-size:.85rem;line-height:1.12;text-overflow:ellipsis;white-space:nowrap}.choice-list span{display:block;overflow-wrap:anywhere;margin-top:2px;color:var(--muted);font-size:.74rem;line-height:1.2}.event-dialog{width:min(820px,calc(100vw - 36px));border:1px solid rgba(245,165,27,.45);border-radius:10px;color:var(--text);background:linear-gradient(180deg,#151813fc,#030a0bfc);box-shadow:0 36px 120px #000000c2,0 0 0 1px #34d3be26,inset 0 1px #ffffff14}.event-dialog::backdrop{background:radial-gradient(circle at 50% 35%,rgba(245,165,27,.08),transparent 34%),#000000b8;-webkit-backdrop-filter:blur(5px) brightness(.72);backdrop-filter:blur(5px) brightness(.72)}.event-modal{padding:14px}.event-modal header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.event-modal header h2{margin-top:2px;color:#fff4d8;font-size:1.72rem}.event-modal-art{height:190px;margin-bottom:12px;border:1px solid rgba(224,182,104,.38);border-radius:var(--radius);background-image:linear-gradient(180deg,#00000005,#00000057),url(/assets/event-banners.png);background-repeat:no-repeat;background-position:center,0% 0%;background-size:100% 100%,200% 300%;box-shadow:inset 0 0 0 1px #ffffff0d}.event-modal-text{margin:0 0 12px;color:#efe4cf;font-size:.98rem;line-height:1.42}.event-effects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.event-effects div{min-width:0;padding:9px 10px;border:1px solid rgba(224,182,104,.18);border-radius:var(--radius);background:#ffffff0b}.event-effects span,.event-effects small{display:block;overflow:hidden;color:var(--muted);font-size:.66rem;font-weight:850;letter-spacing:.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.event-effects strong{display:block;margin:4px 0 2px;color:var(--amber);font-size:1.08rem}.event-effects small{color:#9aa7a3;letter-spacing:0;text-transform:none}.event-modal-choices{display:grid;gap:8px}.event-choice-card{display:grid;gap:4px;min-height:58px;padding:12px 14px;border:1px solid rgba(224,182,104,.28);border-radius:var(--radius);color:#fff8e8;background:linear-gradient(90deg,#f5a51b14,#21d19f0a),#ffffff0a;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.event-choice-card:hover,.event-choice-card.selected{border-color:var(--amber);background:linear-gradient(90deg,#f5a51b33,#21d19f12),#ffffff0e;transform:translateY(-1px)}.event-choice-card strong{font-size:.98rem}.event-choice-card span{color:var(--muted);font-size:.82rem;line-height:1.25}.source-detail{position:absolute;right:12px;top:92px;width:315px;max-height:min(560px,calc(100vh - 395px));overflow:hidden auto;padding:12px}.source-art{height:92px;margin-bottom:10px;border:1px solid rgba(224,182,104,.24);border-radius:var(--radius);background-color:#00090f99;background-position:center;background-size:contain}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}.tag-row span{padding:4px 8px;border:1px solid rgba(52,211,190,.22);border-radius:999px;color:var(--green);background:#21d19f14;font-size:.68rem;font-weight:850;text-transform:uppercase}.source-detail p{display:-webkit-box;overflow:hidden;min-height:56px;-webkit-box-orient:vertical;-webkit-line-clamp:3}.production-chart{margin-top:10px;padding:7px;border-top:1px solid rgba(224,182,104,.18);border-bottom:1px solid rgba(224,182,104,.18)}.production-chart span{display:block;margin-bottom:6px;color:var(--muted);font-size:.68rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.production-chart svg{display:block;width:100%;height:62px}.production-chart line{stroke:#ffffff29;stroke-width:1}.production-chart path{fill:none;stroke:var(--amber);stroke-width:3;filter:drop-shadow(0 0 5px rgba(245,165,27,.6))}.production-chart circle{fill:var(--amber)}.source-detail dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0 0}.source-detail dl>div{min-width:0;padding:7px;border:1px solid rgba(52,211,190,.15);border-radius:var(--radius);background:#ffffff09}.source-detail dd{margin:3px 0 0;overflow:hidden;color:#fff8e8;font-size:.76rem;font-weight:850;overflow-wrap:anywhere}.placement-rules{display:grid;gap:5px;margin-top:11px}.placement-rules span{color:#bce4d1;font-size:.75rem;line-height:1.2;overflow-wrap:anywhere}.secondary-action,.primary-action{min-height:44px;border-radius:var(--radius);font-weight:900;letter-spacing:.02em;cursor:pointer;transition:filter .16s ease,transform .16s ease,opacity .16s ease,border-color .16s ease}.primary-action{color:#2a1600;background:linear-gradient(180deg,#ffc44e,#d98711);box-shadow:inset 0 1px #ffffff59,0 0 18px #f5a51b3d}.secondary-action{position:sticky;bottom:0;z-index:1;width:100%;margin-top:12px;border:1px solid rgba(255,105,74,.28);color:#f3b4a4;background:#ff694a14}.source-detail .secondary-action{position:static}.secondary-action.active{border-color:var(--red);color:#fff0e8;background:#ff694a38}.primary-action:hover,.secondary-action:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-action:disabled{opacity:.62;cursor:wait;transform:none}.news-box{position:absolute;right:12px;bottom:118px;width:315px;max-height:205px;overflow:hidden;padding:12px}.news-feed{display:grid;gap:7px}.news-item{display:-webkit-box;overflow:hidden;padding:8px 9px;border-left:3px solid var(--green);border-radius:6px;background:#ffffff0d;color:#d8d1c0;font-size:.76rem;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.right-panel{position:absolute;right:330px;bottom:46px;left:315px;padding:10px}.dock-head{align-items:flex-end;margin-bottom:8px}.dock-head .section-title{min-width:165px;margin:0}.dock-head .primary-action{width:180px}.dock-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:8px;overflow:hidden;border:1px solid rgba(224,182,104,.16);border-radius:var(--radius)}.dock-tabs button{min-height:32px;color:var(--muted);background:#ffffff09}.dock-tabs button.active{color:var(--amber);background:#f5a51b1f}.source-list{display:flex;gap:9px;overflow-x:auto;padding-bottom:3px}.source-card{position:relative;display:grid;flex:0 0 132px;grid-template-rows:58px 1fr;gap:7px;min-width:0;min-height:118px;padding:8px;border:1px solid rgba(224,182,104,.22);border-radius:var(--radius);color:var(--text);background:linear-gradient(180deg,#0c282beb,#031012eb);text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.source-card:hover,.source-card.selected{border-color:var(--amber);background:linear-gradient(180deg,#25301ff2,#0b1814f2);box-shadow:0 0 18px #f5a51b2e;transform:translateY(-2px)}.source-card.newly-unlocked{border-color:#21d19fc7;box-shadow:0 0 0 1px #21d19f38,0 0 22px #21d19f3d}.source-card.locked{opacity:.42;cursor:not-allowed;filter:grayscale(.85);transform:none}.source-card-art{min-height:0;border:1px solid rgba(255,255,255,.08);border-radius:6px;background-color:#00090f85;background-position:center;background-size:contain}.source-card strong,.source-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-card strong{color:#fff8e8;font-size:.86rem;line-height:1.08}.source-card span{margin-top:3px;color:#b9ad99;font-size:.72rem;line-height:1.15;white-space:normal}.phase-hud{position:absolute;left:50%;bottom:318px;display:grid;grid-template-columns:auto auto minmax(200px,1fr);align-items:center;gap:11px;width:min(620px,calc(100vw - 720px));min-height:42px;padding:9px 12px;transform:translate(-50%)}.phase-hud.reserve-good{border-color:#68d3918a;box-shadow:0 0 26px #16a37433}.phase-hud.reserve-warn{border-color:#f7b436ad;box-shadow:0 0 26px #f7b4362b}.phase-hud.reserve-bad{border-color:#ff5a48b8;box-shadow:0 0 28px #ff5a4833}.phase-hud.reserve-bad strong,.phase-hud.reserve-bad #phase-detail{color:#ffd2c4}.phase-hud.phase-running{border-color:#2dd4bf66}.phase-hud span,.phase-hud strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phase-hud span:first-child{color:var(--amber);font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.phase-hud strong{color:#fff8e8;font-size:1rem}#phase-detail{color:#d6cbb9;font-size:.8rem}.shortcut-bar{position:absolute;left:0;right:0;bottom:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:28px;height:36px;border-right:0;border-bottom:0;border-left:0;border-radius:0;background:#010c0feb}kbd{display:inline-grid;min-width:24px;height:22px;margin-right:6px;place-items:center;border:1px solid rgba(224,182,104,.28);border-radius:5px;color:#f8d391;background:#ffffff0b;font:inherit}.toast{position:fixed;left:50%;bottom:246px;z-index:10;max-width:min(560px,calc(100vw - 32px));padding:10px 13px;color:#fff8e8;opacity:0;pointer-events:none;transform:translate(-50%,14px);transition:opacity .18s ease,transform .18s ease}.toast.visible{opacity:1;transform:translate(-50%)}.decade-dialog,.ending-dialog,.tech-dialog,.restore-dialog,.pause-dialog{border:1px solid var(--line-strong);border-radius:10px;color:var(--text);background:linear-gradient(180deg,#05161afa,#020a0dfa);box-shadow:0 34px 100px #0000009e}.decade-dialog::backdrop,.ending-dialog::backdrop,.tech-dialog::backdrop,.restore-dialog::backdrop,.pause-dialog::backdrop{background:#000000ad;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pause-dialog{width:min(560px,calc(100vw - 32px))}.restore-dialog{width:min(520px,calc(100vw - 32px))}.restore-layout{display:grid;gap:14px;padding:20px}.restore-layout h2{color:#fff4d8;font-size:1.9rem}.restore-summary{padding:12px;border:1px solid rgba(224,182,104,.18);border-radius:var(--radius);color:var(--muted);background:#f5a51b0e;line-height:1.42}.restore-actions{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px}.restore-dialog .primary-action,.restore-dialog .secondary-action{position:static;width:100%;margin-top:0}.restore-dialog .danger-action{border-color:#ff694a73;color:#ffc3b6;background:#ff694a1f}.pause-layout{display:grid;gap:16px;padding:18px}.pause-layout header{display:flex;align-items:center;justify-content:space-between;gap:16px}.pause-layout h2{margin-top:2px;color:#fff4d8;font-size:1.8rem}.pause-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pause-summary div,.pause-music,.pause-settings,.pause-confirm{border:1px solid rgba(52,211,190,.18);border-radius:var(--radius);background:#ffffff0b}.pause-summary div{padding:10px}.pause-summary span,.pause-save-status,.pause-music span,.pause-music p,.pause-music label,.pause-confirm span,.pause-settings label{color:var(--muted);line-height:1.35}.pause-summary span{display:block;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.pause-summary strong{display:block;margin-top:4px;color:#fff8e8;font-size:1.05rem}.pause-save-status{margin:0;padding:10px 12px;border:1px solid rgba(224,182,104,.18);border-radius:var(--radius);background:#f5a51b0e;font-size:.88rem}.pause-actions,.pause-confirm div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pause-dialog .primary-action,.pause-dialog .secondary-action{position:static;width:100%;margin-top:0}.pause-dialog .danger-action{border-color:#ff694a73;color:#ffc3b6;background:#ff694a1f}.pause-music{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:10px 12px;align-items:center;padding:12px}.pause-music strong{display:block;color:#fff4d8;font-size:1rem}.pause-music span{display:block;margin-top:2px;font-size:.82rem}.pause-music .secondary-action{min-height:38px}.pause-music label{display:grid;grid-column:1 / -1;grid-template-columns:72px 1fr;align-items:center;gap:10px;font-size:.82rem}.pause-music input[type=range]{width:100%;accent-color:var(--amber)}.pause-music p{grid-column:1 / -1;margin:0;padding-top:8px;border-top:1px solid rgba(224,182,104,.14);font-size:.78rem}.pause-music a{color:#f8d391;text-decoration:none}.pause-music a:hover{text-decoration:underline}.pause-confirm,.pause-settings{display:grid;gap:10px;padding:12px}.pause-confirm[hidden],.pause-settings[hidden]{display:none}.pause-confirm strong,.pause-settings strong{color:#fff4d8;font-size:1rem}.pause-settings label{display:flex;align-items:center;gap:10px;font-size:.92rem}.pause-settings input{width:18px;height:18px;accent-color:var(--amber)}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.decade-dialog{width:min(940px,calc(100vw - 42px))}.decade-layout{display:grid;gap:14px;padding:16px}.decade-layout header{display:flex;align-items:center;justify-content:space-between;gap:16px}.decade-layout h2{margin-top:2px;color:#fff4d8;font-size:1.8rem}.decade-hero{display:grid;grid-template-columns:1fr auto;gap:16px;min-height:150px;align-items:end;padding:18px;border:1px solid rgba(224,182,104,.26);border-radius:var(--radius);background:linear-gradient(90deg,#f5a51b38,#21d19f14),url(/assets/ending-cards.png);background-position:center,100% 0%;background-size:100% 100%,200% 200%}.decade-hero span{display:block;color:#e7d5aa;font-size:.8rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.decade-hero strong{display:block;max-width:620px;margin-top:8px;color:#fff8e8;font-size:1.35rem;line-height:1.25;text-shadow:0 2px 18px rgba(0,0,0,.72)}.decade-grade{display:grid;width:112px;height:112px;place-items:center;border:1px solid rgba(245,165,27,.56);border-radius:var(--radius);color:#fff8e8;background:linear-gradient(180deg,#f5a51beb,#a85d0deb);box-shadow:0 0 28px #f5a51b42;font-size:3.2rem;font-weight:950}.decade-grade.grade-a{border-color:#21d19fb8;background:linear-gradient(180deg,#21d19fdb,#0a785feb)}.decade-grade.grade-d,.decade-grade.grade-e{border-color:#ff5a48a8;background:linear-gradient(180deg,#ff5a48e0,#7e2920f0)}.decade-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.decade-metrics article{min-width:0;padding:10px;border:1px solid rgba(52,211,190,.16);border-radius:var(--radius);background:#ffffff0a}.decade-metrics span{display:block;color:var(--muted);font-size:.68rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.decade-metrics strong{display:block;margin:5px 0 8px;color:#fff8e8;font-size:1.08rem}.decade-metrics i{display:block;height:5px;overflow:hidden;border-radius:999px;background:#ffffff1a}.decade-metrics b{display:block;height:100%;border-radius:inherit;background:var(--green)}.decade-metrics .warn b{background:var(--amber)}.decade-metrics .bad b{background:#ff5a48}.decade-causes{padding:12px;border:1px solid rgba(224,182,104,.18);border-radius:var(--radius);background:#ffffff09}.decade-causes h3{margin-bottom:8px;color:#e7d5aa;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.decade-causes ul{display:grid;gap:6px;margin:0;padding-left:18px;color:#efe4cf;line-height:1.38}.decade-layout .primary-action{justify-self:end;width:240px}.ending-dialog{width:min(1120px,calc(100vw - 42px))}.ending-layout{display:grid;grid-template-columns:minmax(420px,1fr) minmax(320px,.72fr);gap:20px;padding:16px}.postcard{position:relative;min-height:430px;overflow:hidden;display:flex;align-items:flex-end;padding:22px;border:1px solid rgba(224,182,104,.28);border-radius:var(--radius);color:#fff8e8;background-image:linear-gradient(180deg,#00000005,#00000080),url(/assets/ending-cards.png);background-position:center,var(--postcard-position, 100% 0%);background-size:100% 100%,200% 200%}.postcard span{position:relative;z-index:1;font-size:1.25rem;font-weight:950;text-shadow:0 2px 16px rgba(0,0,0,.72)}.ending-dialog p{color:#d8cfbe;line-height:1.48}.ending-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}.ending-metrics div{padding:10px;border:1px solid rgba(52,211,190,.16);border-radius:var(--radius);background:#ffffff0a}.ending-metrics span{display:block;color:var(--muted);font-size:.68rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.ending-metrics strong{display:block;margin-top:4px;color:#fff8e8;font-size:1.1rem}.ending-dialog .primary-action{width:220px}.tech-dialog{width:min(1320px,calc(100vw - 42px))}.tech-layout{padding:16px}.tech-layout header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.tech-content{display:grid;grid-template-columns:minmax(720px,1fr) 300px;gap:14px;align-items:stretch}.tech-grid{display:grid;gap:8px}.tech-row{display:grid;grid-template-columns:160px repeat(4,minmax(130px,1fr));gap:8px}.tech-row-label,.tech-node{min-height:92px;border:1px solid rgba(52,211,190,.16);border-radius:var(--radius);background:#ffffff09}.tech-row-label{display:grid;place-items:center;color:#e4d0a5;font-weight:950;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(180deg,rgba(245,165,27,.08),transparent),#ffffff09}.tech-node{position:relative;display:grid;align-content:center;justify-items:center;gap:3px;padding:10px;text-align:center}.tech-node.acquired{border-color:#21d19f6b;box-shadow:inset 0 0 0 1px #21d19f14}.tech-icon{display:block;width:56px;height:56px;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:contain;box-shadow:inset 0 0 0 1px #34d3be47,0 0 18px #21d19f2e}.tech-state{position:absolute;right:calc(50% - 38px);top:14px;display:grid;width:22px;height:22px;place-items:center;border:1px solid rgba(33,209,159,.55);border-radius:50%;color:var(--green);background:radial-gradient(circle,#21d19f2e,#21d19f05);box-shadow:0 0 14px #21d19f29;font-size:.72rem;font-weight:950}.tech-node strong{color:#fff8e8;font-size:.86rem}.tech-node small{color:var(--muted)}.tech-node.locked{opacity:.44;filter:grayscale(.9)}.tech-node.locked .tech-state{border-color:#ffffff47;color:#ffffff8f;background:#ffffff0a;box-shadow:none}.tech-node.selected{border-color:var(--amber);background:radial-gradient(circle at 50% 20%,rgba(245,165,27,.13),transparent 50%),#ffffff0d;box-shadow:0 0 22px #f5a51b1f}.tech-node.newly-unlocked{border-color:#21d19fc7;box-shadow:inset 0 0 0 1px #21d19f2e,0 0 24px #21d19f33}.tech-detail{min-width:0;padding:14px;border:1px solid rgba(52,211,190,.26);border-radius:var(--radius);background:linear-gradient(180deg,rgba(33,209,159,.08),transparent 32%),#ffffff09}.tech-detail-icon{display:block;width:118px;height:118px;margin:0 auto 12px;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:contain;filter:drop-shadow(0 0 18px rgba(33,209,159,.18))}.tech-detail h3{margin:0 0 8px;color:#fff8e8;font-size:1.28rem;line-height:1.05;text-align:center;text-transform:uppercase}.tech-detail p{margin:0 0 12px;color:#d8cfbe;font-size:.86rem;line-height:1.36}.tech-detail dl{display:grid;gap:7px;margin:12px 0 0}.tech-detail dl>div{display:flex;justify-content:space-between;gap:10px;padding:8px 9px;border:1px solid rgba(52,211,190,.15);border-radius:6px;background:#ffffff09}.tech-detail dd{margin:0;color:#fff8e8;font-size:.78rem;font-weight:850;text-align:right}.layer-panel{position:absolute;left:315px;top:106px;z-index:5;width:285px;padding:12px;pointer-events:none}.layer-panel p{margin:0 0 10px;color:#d8cfbe;font-size:.82rem;line-height:1.32}.layer-legend{display:grid;gap:6px;padding:9px 0;border-top:1px solid rgba(224,182,104,.16);border-bottom:1px solid rgba(224,182,104,.16)}.layer-legend span{display:flex;align-items:center;gap:8px;color:#d8cfbe;font-size:.76rem;font-weight:760}.layer-legend i{display:block;width:18px;height:12px;border-radius:3px;box-shadow:0 0 10px #ffffff14}.layer-facts{display:grid;gap:7px;margin-top:10px}.layer-facts div{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:.72rem}.layer-facts strong{color:#fff8e8;text-align:right}.onboarding-layer{position:fixed;inset:0;z-index:90;color:var(--text);pointer-events:none}.onboarding-layer[hidden],.onboarding-layer.nonblocking .onboarding-shade,.onboarding-layer.nonblocking .onboarding-ring{display:none}.onboarding-shade{position:fixed;z-index:0;background:#000000ad;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto}.onboarding-layer.soft .onboarding-shade{background:#0000005c;pointer-events:none}.onboarding-ring{position:fixed;z-index:1;border:2px solid rgba(255,181,42,.96);border-radius:12px;box-shadow:0 0 0 9999px #0000,0 0 28px #ffb52a73,inset 0 0 22px #ffb52a21;pointer-events:none}.onboarding-ring.hidden{display:none}.onboarding-card{position:fixed;z-index:2;width:min(360px,calc(100vw - 28px));padding:16px;border:1px solid rgba(255,181,42,.48);border-radius:10px;background:linear-gradient(180deg,#0c2625fa,#051114fa);box-shadow:0 24px 80px #0000008c,0 0 24px #2fd9b21f;pointer-events:auto}.onboarding-card h2{margin:4px 0 8px;font-size:1.42rem;letter-spacing:0}.onboarding-card p:not(.eyebrow){margin:0;color:#e6dcc9;font-size:.98rem;line-height:1.42}.onboarding-card.map-placement{width:min(440px,calc(100vw - 36px));border-color:#ffb52adb;background:radial-gradient(circle at 18% 0%,rgba(255,181,42,.14),transparent 42%),linear-gradient(180deg,#0e2d2afa,#051114fa);box-shadow:0 26px 90px #000000ad,0 0 0 1px #ffb52a2e,0 0 38px #ffb52a42}.onboarding-card.map-placement:after{content:"Zone verte = emplacement valide";display:inline-flex;align-items:center;margin-top:12px;padding:7px 10px;border:1px solid rgba(47,217,178,.55);border-radius:999px;color:#a9f2d6;background:#2fd9b21f;font-size:.76rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.onboarding-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.onboarding-actions .secondary-action,.onboarding-actions .primary-action{min-width:120px;min-height:40px}.onboarding-layer.waiting .onboarding-next{display:none}.onboarding-layer.nonblocking .onboarding-card{left:50%;bottom:96px;transform:translate(-50%);width:min(520px,calc(100vw - 42px));border-color:#2fd9b28f;background:#031214e6;pointer-events:none}.onboarding-layer.nonblocking .onboarding-actions{display:none}.onboarding-target-pulse{animation:onboardingPulse 1.2s ease-in-out infinite}@keyframes onboardingPulse{0%,to{box-shadow:0 0 #ffb52a00}50%{box-shadow:0 0 22px #ffb52a7a}}@media(max-width:1280px){.game-topbar{grid-template-columns:190px 1fr 260px}.tool-strip{grid-column:1 / -1;justify-content:center}.left-panel{width:270px}.source-detail,.news-box{width:290px}.right-panel{left:285px;right:305px}.phase-hud{width:min(520px,calc(100vw - 630px))}}@media(max-width:980px){body{overflow:auto;overflow-x:hidden}#app,#scene-panel{position:relative;min-height:100%;max-width:100vw;overflow:visible;overflow-x:hidden}#scene-panel{display:grid;grid-template-rows:minmax(420px,58vh) auto auto auto auto auto;gap:10px;padding:10px}#scene-panel>*{min-width:0;max-width:100%}#scene{position:relative;width:100%;min-height:420px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius)}.game-topbar,.left-panel,.source-detail,.news-box,.layer-panel,.right-panel,.phase-hud,.shortcut-bar{position:relative;inset:auto;width:auto;min-width:0;max-width:100%;max-height:none;transform:none}.game-topbar{grid-row:2;grid-template-columns:1fr}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.meter-stack{grid-template-columns:1fr}.left-panel{grid-row:3}.source-detail{grid-row:4}.news-box{grid-row:6}.right-panel{grid-row:7}.layer-panel{grid-row:5}.phase-hud{grid-template-columns:1fr}.source-list,.dock-tabs{min-width:0;max-width:100%}.shortcut-bar{display:none}.ending-layout,.tech-content,.tech-row{grid-template-columns:1fr}.postcard{min-height:290px}}@media(max-width:560px){.status-grid,.source-detail dl,.ending-metrics,.pause-summary,.pause-actions,.pause-confirm div{grid-template-columns:1fr}.dock-head{align-items:stretch;flex-direction:column}.dock-head .primary-action{width:100%}.source-card{flex-basis:126px}}