:root{color-scheme:dark;--bg: #0a1410;--pill-bg: rgba(10, 20, 16, .65);--pill-border: rgba(255, 255, 255, .08);--pill-fg: #cfe8d6}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;overscroll-behavior:none;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;color:#e0e8e0;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-touch-callout:none}#app{position:fixed;inset:0;width:100vw;height:100vh}#app>canvas{display:block;width:100%;height:100%;touch-action:none}#hud{position:fixed;top:env(safe-area-inset-top,0);left:env(safe-area-inset-left,0);right:env(safe-area-inset-right,0);pointer-events:none;padding:12px 14px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;z-index:10;gap:8px}#hud-pop-label{display:inline-block;min-width:8ch;text-align:left}#hud-treasury-label{display:inline-block;min-width:9ch;text-align:left}#hud-time{min-width:86px;text-align:center}#hud-pop-trend,#hud-treasury-trend{display:inline-block;width:14px;text-align:center}#hud-fps{margin-left:auto}.pill{background:var(--pill-bg);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);padding:8px 14px;border-radius:999px;font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--pill-fg);border:1px solid var(--pill-border);box-shadow:0 1px 2px #0000004d}.pill.mono,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.rci{display:flex;gap:10px;padding:6px 12px;align-items:stretch}.rci__bar{position:relative;width:10px;height:28px;background:#ffffff0f;border-radius:2px;overflow:visible}.rci__fill{position:absolute;left:0;right:0;border-radius:2px;transition:top .2s ease,bottom .2s ease,background-color .2s ease}.rci__bar[data-zone=r] .rci__fill{background:#6dd06a}.rci__bar[data-zone=c] .rci__fill{background:#4d8ce8}.rci__bar[data-zone=i] .rci__fill{background:#eec453}.rci__bar:before{content:"";position:absolute;left:-1px;right:-1px;top:50%;height:1px;background:#ffffff2e;transform:translateY(-.5px)}.rci__label{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);font-size:9px;font-weight:600;letter-spacing:.04em;color:#cfe8d680}.auth-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.auth-modal.hidden{display:none}.auth-modal__backdrop{position:absolute;inset:0;background:#0000008c;backdrop-filter:blur(2px)}.auth-modal__panel{position:relative;width:min(420px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:#1c1f25;color:#e8eaee;border-radius:14px;padding:22px 22px 16px;box-shadow:0 12px 40px #0000008c}.auth-modal__close{position:absolute;top:10px;right:10px;width:32px;height:32px;border:none;border-radius:50%;background:#ffffff0f;color:#c0c4cc;font-size:16px;cursor:pointer}.auth-modal__close:hover{background:#ffffff1f}.auth-modal__title{margin:0 0 4px;font-size:20px;font-weight:600}.auth-modal__subtitle{margin:0 0 16px;font-size:13px;color:#9ba0a8;line-height:1.4}.auth-modal__tabs{display:flex;gap:2px;background:#ffffff0d;border-radius:10px;padding:3px;margin-bottom:16px}.auth-modal__tab{flex:1;padding:8px 6px;border:none;border-radius:7px;background:transparent;color:#b0b4bc;font-size:13px;font-weight:500;cursor:pointer;transition:background .1s ease,color .1s ease}.auth-modal__tab.is-active{background:#ffffff1a;color:#fff}.auth-modal__tab.hidden{display:none}.auth-modal__form{display:none;flex-direction:column;gap:12px}.auth-modal__form.is-active{display:flex}.auth-modal__field{display:flex;flex-direction:column;gap:4px}.auth-modal__field span{font-size:12px;color:#9ba0a8;text-transform:uppercase;letter-spacing:.04em}.auth-modal__field input{padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a;color:#fff;font-size:15px;font-family:inherit}.auth-modal__field input:focus{outline:none;border-color:#ff8030;background:#ffffff12}.auth-modal__field input[readonly]{opacity:.7;cursor:default}.auth-modal__field--otp{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:22px!important;letter-spacing:.3em!important;text-align:center}.auth-modal__submit{margin-top:4px;padding:12px;border:none;border-radius:8px;background:#ff8030;color:#1c1300;font-size:15px;font-weight:600;cursor:pointer;transition:background .1s ease}.auth-modal__submit:hover{background:#ff8d40}.auth-modal__submit:disabled{opacity:.5;cursor:not-allowed}.auth-modal__hint{margin:4px 0 0;font-size:12px;color:#9ba0a8;line-height:1.4}.auth-modal__status{margin-top:12px;min-height:18px;font-size:13px;color:#9ba0a8}.auth-modal__status.is-error{color:#ff6e6e}.auth-modal__status.is-success{color:#6dd06a}.auth-modal__oauth{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.auth-modal__oauth.hidden,.auth-modal__divider.hidden{display:none}.auth-modal__oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a;color:#fff;font:500 14px/1 inherit;cursor:pointer;transition:background .1s ease,border-color .1s ease}.auth-modal__oauth-btn:hover{background:#ffffff14;border-color:#ffffff2e}.auth-modal__oauth-btn:disabled{opacity:.55;cursor:not-allowed}.auth-modal__oauth-btn--google{background:#fff;color:#1a1a1a;border-color:#fff}.auth-modal__oauth-btn--google:hover{background:#f0f0f0;border-color:#f0f0f0}.auth-modal__oauth-btn--apple{background:#000;color:#fff;border-color:#000}.auth-modal__oauth-btn--apple:hover{background:#1a1a1a;border-color:#1a1a1a}.auth-modal__oauth-icon{width:18px;height:18px;flex-shrink:0}.auth-modal__divider{display:flex;align-items:center;gap:10px;margin:4px 0 14px;color:#6a6f78;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.auth-modal__divider:before,.auth-modal__divider:after{content:"";flex:1;height:1px;background:#ffffff14}.auth-modal__skip{display:block;width:100%;margin-top:14px;padding:8px;border:none;border-radius:6px;background:transparent;color:#8a8f98;font:13px/1 inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.auth-modal__skip:hover{color:#c0c4cc}.rotate-monument-btn{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0) + 84px);transform:translate(-50%);z-index:16;display:flex;align-items:center;gap:6px;padding:10px 18px;border:none;border-radius:24px;background:#ffb240f2;color:#1c1300;font:600 15px/1 system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:.02em;box-shadow:0 4px 12px #00000052,0 2px 4px #0000002e;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform 80ms ease,background .12s ease}.rotate-monument-btn:active{transform:translate(-50%) scale(.96);background:#ffa828fa}.rotate-monument-btn.hidden{display:none}.rotate-monument-btn__icon{font-size:20px;line-height:1;display:inline-block;animation:rotate-monument-icon-pulse 2.4s ease-in-out infinite}.rotate-monument-btn__label{text-transform:uppercase;font-weight:700;font-size:13px}@keyframes rotate-monument-icon-pulse{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.toolbar{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0) + 12px);transform:translate(-50%);z-index:15;display:flex;gap:4px;padding:4px;max-width:calc(100vw - 24px);background:var(--pill-bg);border:1px solid var(--pill-border);border-radius:999px;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);box-shadow:0 4px 18px #00000059;pointer-events:auto}.toolbar__mode{display:flex;flex:0 0 auto;padding-right:6px;border-right:1px solid rgba(255,255,255,.08);margin-right:2px}.toolbar__btn--mode{background:#ffd84d14;color:#ffe98a;font-weight:600}.toolbar__btn--mode[data-mode=architect]{background:#aa82f02e;color:#d4baff;box-shadow:inset 0 0 0 1px #aa82f059}.toolbar__btn--mode:active{background:#ffd84d2e}.toolbar__btn--mode[data-mode=architect]:active{background:#aa82f04d}.toolbar__pinned{display:flex;gap:4px;flex:0 0 auto;padding-right:6px;border-right:1px solid rgba(255,255,255,.08);margin-right:2px}.toolbar__scroll{display:flex;gap:4px;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.toolbar__scroll::-webkit-scrollbar{display:none}.toolbar__scroll{scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.toolbar{scrollbar-width:none}.toolbar__btn{appearance:none;background:transparent;border:none;color:var(--pill-fg);border-radius:999px;height:44px;min-width:44px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;letter-spacing:.02em;cursor:pointer;transition:background .14s ease,color .14s ease;-webkit-tap-highlight-color:transparent;flex:0 0 auto;scroll-snap-align:center}.toolbar__btn:active{background:#ffffff0f}.toolbar__btn[aria-pressed=true]{background:#ffd84d29;color:#ffe98a;box-shadow:inset 0 0 0 1px #ffd84d59}.toolbar__btn[data-banned=true]{opacity:.55;position:relative}.toolbar__btn[data-banned=true] .toolbar__label{text-decoration:line-through;text-decoration-color:#ff6e6ed9;text-decoration-thickness:2px}.toolbar__btn[data-banned=true]:after{content:"🚫";position:absolute;top:1px;right:2px;font-size:9px;line-height:1;pointer-events:none}.toolbar__btn[data-banned=partial]{box-shadow:inset 0 0 0 1px #ff6e6e73}.toolbar__btn[data-banned=partial]:after{content:"⚠";position:absolute;top:1px;right:2px;font-size:9px;color:#ffae5e;line-height:1;pointer-events:none}.toolbar__popover-btn[data-banned=true]{opacity:.55;position:relative}.toolbar__popover-btn[data-banned=true] .toolbar__label{text-decoration:line-through;text-decoration-color:#ff6e6ed9;text-decoration-thickness:2px}.toolbar__popover-btn[data-banned=true]:after{content:"🚫";position:absolute;top:2px;right:4px;font-size:10px;line-height:1;pointer-events:none}.toolbar__btn[data-locked=true]{opacity:.4;position:relative;cursor:not-allowed}.toolbar__btn[data-locked=true] .toolbar__label,.toolbar__btn[data-locked=true] .toolbar__icon{filter:grayscale(.85)}.toolbar__btn[data-locked=true]:before{content:"🔒";position:absolute;top:1px;left:2px;font-size:9px;line-height:1;pointer-events:none}.toolbar__btn[data-locked=partial]:before{content:"🔒";position:absolute;top:1px;left:2px;font-size:8px;line-height:1;opacity:.55;pointer-events:none}.toolbar__popover-btn[data-locked=true]{opacity:.4;position:relative;cursor:not-allowed}.toolbar__popover-btn[data-locked=true] .toolbar__label,.toolbar__popover-btn[data-locked=true] .toolbar__icon{filter:grayscale(.85)}.toolbar__popover-btn[data-locked=true]:before{content:"🔒";position:absolute;top:2px;left:4px;font-size:11px;line-height:1;pointer-events:none}.toolbar__icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.toolbar__group{position:relative;flex:0 0 auto}.toolbar__chevron{font-size:9px;margin-left:2px;opacity:.5}.toolbar__popover{position:fixed;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;padding:8px;min-width:200px;max-width:calc(100vw - 24px);background:var(--pill-bg);border:1px solid var(--pill-border);border-radius:14px;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);box-shadow:0 6px 24px #00000080;z-index:30;pointer-events:auto}.toolbar__popover.hidden{display:none}.toolbar__popover-header{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pill-fg);opacity:.55;padding:2px 4px 0}.toolbar__popover-grid{display:flex;flex-wrap:wrap;gap:4px}.toolbar__popover-btn{appearance:none;background:transparent;border:none;color:var(--pill-fg);border-radius:10px;height:44px;flex:0 0 84px;padding:0 8px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:500;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent}.toolbar__popover-btn .toolbar__icon{width:22px;height:22px}.toolbar__popover-btn:active{background:#ffffff0f}.toolbar__popover-btn[aria-pressed=true]{background:#ffd84d29;color:#ffe98a;box-shadow:inset 0 0 0 1px #ffd84d59}.toolbar__icon svg{width:100%;height:100%;display:block}.tile-info{position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0) + 68px);z-index:20;padding:10px 18px 16px;background:var(--pill-bg);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--pill-border);border-radius:18px;color:var(--pill-fg);pointer-events:auto;box-shadow:0 8px 32px #0006;transform:translateY(0);opacity:1;transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .2s ease}.tile-info.hidden{transform:translateY(140%);opacity:0;pointer-events:none}.tile-info__handle{width:36px;height:4px;border-radius:999px;background:#ffffff2e;margin:0 auto 12px}.tile-info__title{font-size:14px;font-weight:600;letter-spacing:.02em;margin:0 0 8px;color:#fff}.tile-info__row{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:5px 0}.tile-info__row>span:first-child{color:#cfe8d699}.tile-info__coords{font-weight:400;color:#cfe8d68c;margin-left:6px;font-size:12px}.tile-info__terrain{font-size:13px;color:#cfe8d6d9;margin-bottom:8px;text-transform:capitalize;letter-spacing:.01em}.tile-info__chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.tile-info__chip{display:inline-flex;align-items:center;font-size:10px;font-weight:600;padding:2px 8px;border-radius:999px;letter-spacing:.02em}.tile-info__chip--good{background:#7ad07a29;color:#b8eab8;border:1px solid rgba(122,208,122,.3)}.tile-info__chip--warn{background:#e8b75e29;color:#f0d9a8;border:1px solid rgba(232,183,94,.3)}.tile-info__chip--block{background:#d05a5a2e;color:#f0b6b6;border:1px solid rgba(208,90,90,.32)}.tile-info__chip--info{background:#6db5c524;color:#c1e1ea;border:1px solid rgba(109,181,197,.3)}.tile-info__caps{display:flex;gap:12px;font-size:12px;color:#cfe8d6c7;margin:6px 0 8px}.tile-info__cap strong{color:#fff;font-weight:700;margin-right:2px}.tile-info__diag-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#cfe8d673;margin:8px 0 4px}.tile-info__diag{display:flex;flex-direction:column;gap:4px}.tile-info__reason{font-size:12px;line-height:1.35;padding:6px 10px;border-radius:6px;border-left:3px solid}.tile-info__reason--good{background:#7ad07a12;border-color:#7ad07aa6;color:#cfe8d6eb}.tile-info__reason--warn{background:#e8b75e14;border-color:#e8b75ea6;color:#e8dec8f2}.tile-info__reason--block{background:#d05a5a1a;border-color:#d05a5ab3;color:#e8c8c8f2}.tile-info__reason--info{background:#6db5c512;border-color:#6db5c580;color:#cfe8d6d9}.tile-info__close{position:absolute;top:10px;right:12px;width:44px;height:44px;border-radius:999px;background:#ffffff0d;border:1px solid var(--pill-border);color:var(--pill-fg);font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.tile-info__close:active{background:#ffffff1f}#hud-treasury{pointer-events:auto;cursor:pointer;appearance:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}#hud-treasury.treasury--negative{color:#ff8a8a}.pill.toggle,.pill.action{pointer-events:auto;cursor:pointer;appearance:none}.pill.toggle[aria-pressed=true]{background:#ffd84d2e;color:#ffe98a;box-shadow:inset 0 0 0 1px #ffd84d73}.pill.speed{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-1px;min-width:48px;text-align:center}.pill.speed--paused{background:#d06a8a29;color:#ffb0c5;box-shadow:inset 0 0 0 1px #d06a8a66}body.photo-mode #hud>*:not(#hud-photo),body.photo-mode .toolbar,body.photo-mode .info-panel,body.photo-mode .tile-info,body.photo-mode .modal,body.photo-mode .photo-op{display:none!important}.pill.action:disabled{opacity:.4;cursor:not-allowed}.pill.action:not(:disabled):active{background:#ffffff14}.info-panel{position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0) + 68px);z-index:20;padding:14px 18px 18px;background:var(--pill-bg);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--pill-border);border-radius:18px;color:var(--pill-fg);pointer-events:auto;box-shadow:0 8px 32px #0006;transform:translateY(0);opacity:1;transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .2s ease}.info-panel.hidden{transform:translateY(140%);opacity:0;pointer-events:none}.info-panel__handle{width:36px;height:4px;border-radius:999px;background:#ffffff2e;margin:0 auto 12px}.info-panel__title{font-size:14px;font-weight:600;letter-spacing:.02em;margin:0 0 4px;color:#fff}.info-panel__sub{font-size:11px;color:#cfe8d680;margin-bottom:12px}.info-panel__close{position:absolute;top:10px;right:12px;width:44px;height:44px;border-radius:999px;background:#ffffff0d;border:1px solid var(--pill-border);color:var(--pill-fg);font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.info-panel__close:active{background:#ffffff1f}.budget__stats{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;padding:10px 12px;background:#0000002e;border-radius:10px}.budget__row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.budget__row>span:first-child{color:#cfe8d699}.budget__row--total{border-top:1px solid rgba(255,255,255,.06);padding-top:6px;margin-top:6px;font-weight:600}.budget__value--negative{color:#ff8a8a!important}.budget__row.hidden{display:none}.info-panel--tall{max-height:calc(100vh - 120px);overflow:hidden;display:flex;flex-direction:column}#happiness-list{overflow-y:auto;-webkit-overflow-scrolling:touch;margin-top:8px;padding-right:4px;display:flex;flex-direction:column;gap:12px}#happiness-overall[data-bucket=elated]{color:#6dd06a}#happiness-overall[data-bucket=happy]{color:#a8c97f}#happiness-overall[data-bucket=neutral]{color:var(--pill-fg)}#happiness-overall[data-bucket=unhappy]{color:#eec453}#happiness-overall[data-bucket=furious]{color:#ff8a8a}.happiness__row{display:flex;gap:10px;padding:10px;background:#0000002e;border-radius:12px;border:1px solid transparent;transition:border-color .2s ease}.happiness__row[data-bucket=furious]{border-color:#d06a8a73}.happiness__row[data-bucket=unhappy]{border-color:#eec4534d}.happiness__row[data-bucket=elated]{border-color:#6dd06a66}.happiness__avatar{flex:0 0 auto;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#000000b3;letter-spacing:.02em}.happiness__body{flex:1 1 auto;min-width:0}.happiness__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.happiness__name{font-weight:600;font-size:14px;color:#fff}.happiness__mood{font-size:11px;color:#cfe8d6b3;font-style:italic;white-space:nowrap}.happiness__title{font-size:11px;color:#cfe8d68c;margin-top:1px}.happiness__comment{font-size:13px;line-height:1.45;color:var(--pill-fg);margin-top:8px;white-space:pre-wrap}.happiness__cares{font-size:10px;color:#cfe8d666;margin-top:8px;font-style:italic}.happiness__pop{font-size:11px;color:#cfe8d6a6;margin-top:8px;font-variant-numeric:tabular-nums}.happiness__share-bar{margin-top:4px;height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden}.happiness__share-fill{height:100%;border-radius:3px;transition:width .25s ease}.happiness__bar{margin-top:4px;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.happiness__bar-fill{height:100%;background:#a8c97f;border-radius:2px;transition:width .25s ease,background-color .25s ease}.happiness__badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.06em;padding:2px 6px;border-radius:999px;margin-left:6px;background:#ffd84d26;color:#ffe98a;border:1px solid rgba(255,216,77,.4);vertical-align:middle}.happiness__row[data-role=opponent] .happiness__badge{background:#d06a8a26;color:#ffb0c5;border-color:#d06a8a66}.happiness__row[data-role=council]{background:#ffd84d0f}.tutorial-prompt{position:fixed;inset:0;background:#0000008c;z-index:130;display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:auto}.tutorial-prompt.hidden{display:none}.tutorial-prompt__sheet{background:var(--pill-bg);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--pill-border);border-radius:18px;padding:22px 22px 18px;max-width:440px;width:100%;box-shadow:0 12px 40px #0009}.tutorial-prompt__title{font-size:18px;font-weight:700;color:#fff;margin-bottom:12px}.tutorial-prompt__body{font-size:14px;line-height:1.45;color:var(--pill-fg);margin-bottom:18px}.tutorial-prompt__actions{display:flex;gap:10px;justify-content:flex-end}.tutorial-prompt__skip{appearance:none;background:transparent;border:1px solid var(--pill-border);color:#cfe8d6bf;font-size:13px;padding:10px 14px;border-radius:999px;cursor:pointer}.tutorial-prompt__cta{appearance:none;background:#ffd84d2e;color:#ffe98a;border:1px solid rgba(255,216,77,.45);font-size:13px;font-weight:600;padding:10px 18px;border-radius:999px;cursor:pointer}.tutorial-banner{position:fixed;top:calc(env(safe-area-inset-top,0) + 64px);left:50%;transform:translate(-50%);z-index:105;background:var(--pill-bg);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,216,77,.45);border-radius:16px;padding:10px 14px 12px;max-width:min(92vw,460px);width:max-content;box-shadow:0 8px 24px #00000073;pointer-events:auto;text-align:left}.tutorial-banner.hidden{display:none}.tutorial-banner__progress{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#ffe98a;margin-bottom:4px}.tutorial-banner__title{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px;line-height:1.25}.tutorial-banner__hint{font-size:12px;line-height:1.4;color:var(--pill-fg);margin-bottom:10px}.tutorial-banner__actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tutorial-banner__skip,.tutorial-banner__advance,.tutorial-banner__done{appearance:none;font-size:11px;padding:6px 10px;border-radius:999px;cursor:pointer}.tutorial-banner__skip{background:transparent;border:1px solid var(--pill-border);color:#cfe8d6a6}.tutorial-banner__advance{background:#ffffff0a;border:1px solid var(--pill-border);color:var(--pill-fg);margin-left:auto}.tutorial-banner__done{background:#ffd84d2e;border:1px solid rgba(255,216,77,.45);color:#ffe98a;font-weight:600;margin-left:auto}.tutorial-banner__done.hidden,body.photo-mode .tutorial-banner{display:none}.toast{position:fixed;top:calc(env(safe-area-inset-top,0) + 70px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;background:var(--pill-bg);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--pill-border);border-radius:999px;box-shadow:0 8px 24px #00000073;z-index:95;font-size:12px;color:var(--pill-fg);pointer-events:auto;max-width:calc(100vw - 24px)}.toast.hidden{display:none}.toast__action{appearance:none;background:#ffffff0f;border:1px solid var(--pill-border);color:var(--pill-fg);font-size:11px;font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer}.toast__action:active{background:#ffffff1f}.milestone-banner{position:fixed;top:calc(env(safe-area-inset-top,0) + 70px);left:50%;transform:translate(-50%);display:flex;align-items:stretch;gap:14px;padding:16px 18px;background:linear-gradient(135deg,#ffda822e,#ffa8461a 60%,#0000);background-color:#140e08eb;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,218,130,.45);border-radius:18px;box-shadow:0 8px 32px #0000008c,0 0 0 4px #ffda821a;z-index:100;width:min(calc(100vw - 24px),460px);color:var(--pill-fg);pointer-events:auto;animation:milestone-pop .45s cubic-bezier(.4,1.4,.6,1)}@keyframes milestone-pop{0%{transform:translate(-50%) translateY(-12px) scale(.92);opacity:0}60%{transform:translate(-50%) translateY(2px) scale(1.02);opacity:1}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}.milestone-banner.hidden{display:none}.milestone-banner__avatar{flex:0 0 auto;width:56px;height:56px;border-radius:50%;background:#ffda8224;border:2px solid rgba(255,218,130,.55);font-size:20px;font-weight:700;color:#fff5d7f2;display:flex;align-items:center;justify-content:center;letter-spacing:.02em}.milestone-banner__body{flex:1 1 auto;display:flex;flex-direction:column;gap:4px}.milestone-banner__crown{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#ffda82d9;font-weight:700}.milestone-banner__title{font-size:22px;font-weight:800;letter-spacing:-.01em;color:#fff5d7fa}.milestone-banner__subtitle{font-size:12px;color:#fff5d78c;margin-bottom:4px}.milestone-banner__blurb{font-size:13px;line-height:1.4;color:#fff5d7eb;font-style:italic;margin:4px 0 6px}.milestone-banner__rewards{display:flex;gap:8px;margin-top:4px}.milestone-banner__reward{background:#ffda821f;border:1px solid rgba(255,218,130,.35);color:#fff5d7f2;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px}.milestone-banner__unlocks{margin-top:6px;display:flex;flex-wrap:wrap;gap:4px}.milestone-banner__unlock{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff5d7d9;font-size:10px;letter-spacing:.02em;padding:2px 6px;border-radius:4px}.milestone-banner__close{position:absolute;top:6px;right:8px;width:24px;height:24px;background:transparent;border:0;color:#fff5d7a6;font-size:14px;cursor:pointer;padding:0;line-height:1}.milestone-banner__close:hover{color:#fff5d7f2}.stats__sheet{width:min(560px,100%);max-height:calc(100vh - 60px);overflow-y:auto}.stats__empty{padding:24px 6px;text-align:center;font-size:13px;color:#ffffff8c;line-height:1.5}.stats__charts{display:flex;flex-direction:column;gap:14px;margin-top:8px}.stats__chart{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px 14px}.stats__chart-head{display:flex;flex-direction:column;margin-bottom:4px}.stats__chart-title{font-size:14px;font-weight:700;color:#fffffff2}.stats__chart-sub{font-size:11px;color:#ffffff80;margin-top:1px}.stats__chart-stat{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}.stats__chart-stat-current{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.stats__chart-stat-range{font-size:10px;color:#ffffff73;font-variant-numeric:tabular-nums}.stats__chart-canvas{display:block;width:100%;border-radius:6px}.event-modal{position:fixed;inset:0;z-index:110;display:flex;align-items:flex-start;justify-content:center;background:#0000;pointer-events:none;padding:calc(env(safe-area-inset-top,0) + 56px) 12px 12px}.event-modal:not(.hidden){pointer-events:auto}.event-modal.hidden{display:none}.event-modal__card{position:relative;width:min(420px,100%);max-height:calc(100vh - 120px);overflow-y:auto;background:#141820f5;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:18px 18px 16px;box-shadow:0 12px 40px #0000008c,0 0 0 4px #ffffff0a;color:var(--pill-fg);animation:event-pop .4s cubic-bezier(.4,1.4,.6,1)}@keyframes event-pop{0%{transform:translateY(-12px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.event-modal__card[data-severity=info]{border-left:4px solid #6db5c5}.event-modal__card[data-severity=warning]{border-left:4px solid #e8b75e}.event-modal__card[data-severity=danger]{border-left:4px solid #d05a5a}.event-modal__card[data-severity=choice]{border-left:4px solid #6e8ed4}.event-modal__close{position:absolute;top:8px;right:10px;width:26px;height:26px;background:transparent;border:0;color:#ffffff8c;font-size:16px;cursor:pointer;padding:0;line-height:1}.event-modal__close:hover{color:#fffffff2}.event-modal__head{display:flex;gap:12px;align-items:center;margin-bottom:12px}.event-modal__avatar{width:44px;height:44px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fffffff2}.event-modal__head-text{flex:1 1 auto;min-width:0}.event-modal__title{font-size:17px;font-weight:700;color:#fffffffa;letter-spacing:-.01em;line-height:1.25}.event-modal__herald{font-size:11px;color:#ffffff8c;margin-top:2px}.event-modal__body{font-size:14px;line-height:1.5;color:#f0f0f0eb;margin-bottom:14px}.event-modal__choices{display:flex;flex-direction:column;gap:8px}.event-modal__choice{appearance:none;text-align:left;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:var(--pill-fg);padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:3px;transition:background .12s ease,border-color .12s ease}.event-modal__choice:hover{background:#ffffff1a;border-color:#ffffff38}.event-modal__choice:active{background:#ffffff29}.event-modal__choice-label{font-size:14px;font-weight:600;color:#fffffff5}.event-modal__choice-hint{font-size:11px;color:#ffffff8c}.photo-op{position:fixed;top:calc(env(safe-area-inset-top,0) + 70px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--pill-bg);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--pill-border);border-radius:999px;box-shadow:0 8px 24px #00000073;z-index:90;max-width:calc(100vw - 24px);pointer-events:auto}.photo-op.hidden{display:none}.photo-op__avatar{flex:0 0 auto;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;color:#000000b3}.photo-op__text{flex:1 1 auto;font-size:12px;color:var(--pill-fg)}.photo-op__cost{color:#cfe8d68c;font-size:11px}.photo-op__actions{display:flex;gap:4px}.photo-op__attend,.photo-op__skip{appearance:none;border:1px solid var(--pill-border);background:#ffffff0d;color:var(--pill-fg);font-size:11px;font-weight:600;padding:6px 10px;border-radius:999px;cursor:pointer}.photo-op__attend{background:#ffd84d29;color:#ffe98a;border-color:#ffd84d66}.photo-op__attend:active,.photo-op__skip:active{background:#ffffff1a}.civic__list{display:flex;flex-direction:column;gap:4px;max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.civic__option{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#0000002e;border-radius:10px;border:1px solid transparent;cursor:pointer}.civic__option:active{background:#ffffff0f}.civic__option[aria-pressed=true]{border-color:#ffd84d80;background:#ffd84d14}.civic__option[aria-disabled=true]{opacity:.4;cursor:not-allowed}.civic__option-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;color:#000000b3;flex:0 0 auto}.civic__option-name{flex:1 1 auto;font-size:13px;color:#fff}.civic__option-tag{font-size:10px;color:#cfe8d68c;font-style:italic}.civic{display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:#0000002e;border-radius:12px;margin-bottom:8px}.civic__pc{display:flex;align-items:center;gap:8px;font-size:11px;color:#cfe8d6b3}.civic__pc-label{white-space:nowrap;letter-spacing:.02em}.civic__pc-bar{flex:1 1 auto;min-width:40px;height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden}.civic__pc-fill{height:100%;background:linear-gradient(90deg,#ffe98a,#ffd84d);border-radius:3px;transition:width .25s ease}.civic__pc-num{font-variant-numeric:tabular-nums;color:#ffe98a;font-weight:600;white-space:nowrap}.civic__buttons{display:flex;flex-wrap:nowrap;gap:6px}.civic__btn{appearance:none;border:1px solid var(--pill-border);background:#ffffff0a;color:var(--pill-fg);font-size:12px;font-weight:500;padding:7px 8px;border-radius:999px;cursor:pointer;flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.civic__btn:active{background:#ffffff14}.civic__btn:disabled{opacity:.4;cursor:not-allowed}.civic__btn--primary{background:#ffd84d24;color:#ffe98a;border-color:#ffd84d59}.civic__active{font-size:11px;color:#cfe8d6a6;font-style:italic}.civic__active:empty{display:none}.council-bar{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:#ffd84d0f;border:1px solid rgba(255,216,77,.18);border-radius:12px;margin-bottom:8px}.council-bar__title{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#ffd84dd9;font-weight:700}.council-bar__seats{display:flex;flex-wrap:wrap;gap:6px}.council-bar__seat{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;border-radius:999px;background:#ffffff0d;font-size:11px;color:var(--pill-fg)}.council-bar__seat-avatar{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:10px;color:#000000b3}.council-bar__opp{font-size:11px;color:#ffb0c5d9}.council-bar__none{font-size:11px;color:#cfe8d68c;font-style:italic}.modal{position:fixed;inset:0;background:#0000008c;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:auto}.modal.hidden{display:none}.modal__sheet{background:var(--pill-bg);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--pill-border);border-radius:18px;box-shadow:0 12px 40px #0009;padding:18px 18px 22px;max-width:520px;width:100%;max-height:calc(100vh - 32px);overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}.modal__close{position:absolute;top:8px;right:12px;width:36px;height:36px;border-radius:999px;background:#ffffff0d;border:1px solid var(--pill-border);color:var(--pill-fg);font-size:22px;line-height:1;cursor:pointer;padding:0}.modal__title{margin:0 0 4px;font-size:18px;font-weight:700;color:#fff}.modal__sub{font-size:11px;color:#cfe8d68c;margin-bottom:14px}.modal__cta{margin-top:16px;width:100%;padding:12px;border:1px solid rgba(255,216,77,.4);background:#ffd84d29;color:#ffe98a;font-weight:600;font-size:14px;border-radius:12px;cursor:pointer;-webkit-tap-highlight-color:transparent}.council__headline{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;padding:14px 12px;background:#0000002e;border-radius:12px;margin-bottom:16px}.council__contender{text-align:center}.council__role{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#cfe8d68c}.council__contender .council__name{font-size:14px;font-weight:600;color:#fff;margin-top:2px}.council__pct{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:4px;color:#ffe98a}.council__contender--opponent .council__pct{color:#ffb0c5}.council__win{font-size:10px;color:#6dd06a;font-weight:700;margin-top:2px;letter-spacing:.04em}.council__loss{font-size:10px;color:#cfe8d673;font-weight:500;margin-top:2px;letter-spacing:.04em}.council__vs{font-size:12px;color:#cfe8d673;font-style:italic}.council__opponent-tweet{margin:14px 0 6px;padding:10px 14px;background:#cf5a5a1a;border-left:3px solid rgba(207,90,90,.55);border-radius:4px;font-size:13px;line-height:1.4;color:#f0e8df;font-style:italic}.council__opponent-tweet[hidden]{display:none}.council__opponent-tweet-handle{display:inline-block;margin-right:6px;font-style:normal;color:#cf5a5af2;font-weight:600;font-size:12px;letter-spacing:.02em}.council__section-title{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#cfe8d68c;margin:16px 0 6px}.council__seats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.council__member{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#0000002e;border-radius:10px;border-left:4px solid currentColor}.council__member-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#000000b3}.council__member-name{font-size:13px;font-weight:600;color:#fff}.council__member-title{font-size:10px;color:#cfe8d68c}.council__vote-list{display:flex;flex-direction:column;gap:2px}.council__vote-row{display:flex;align-items:center;gap:8px;font-size:12px;padding:4px 8px;border-radius:6px}.council__vote-row[data-tag=council]{background:#ffd84d1a}.council__vote-row[data-tag=opponent]{background:#d06a8a1a}.council__vote-faction{flex:1 1 auto;color:var(--pill-fg)}.council__vote-pct{flex:0 0 auto;font-variant-numeric:tabular-nums;color:#cfe8d6b3}.council__vote-tag{flex:0 0 auto;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:1px 6px;border-radius:999px;background:#ffffff0f;color:#cfe8d6a6}.council__vote-row[data-tag=council] .council__vote-tag{background:#ffd84d2e;color:#ffe98a}.council__vote-row[data-tag=opponent] .council__vote-tag{background:#d06a8a33;color:#ffb0c5}.budget__sliders{display:flex;flex-direction:column;gap:14px}.budget__slider{display:flex;flex-direction:column;gap:6px}.budget__slider label{font-size:12px;color:var(--pill-fg);display:flex;justify-content:space-between;align-items:center}.budget__slider input[type=range]{-webkit-appearance:none;appearance:none;background:#ffffff14;height:6px;border-radius:3px;outline:none;padding:8px 0;background-clip:content-box}.budget__slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#ffd84d;cursor:pointer;border:2px solid rgba(0,0,0,.35);box-shadow:0 1px 3px #0006}.budget__slider input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#ffd84d;cursor:pointer;border:2px solid rgba(0,0,0,.35);box-shadow:0 1px 3px #0006}.budget__reset{appearance:none;width:100%;margin-top:16px;padding:12px;border-radius:12px;border:1px solid rgba(255,100,100,.25);background:#ff64641a;color:#ff8a8a;font-size:13px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent}.budget__reset:active{background:#ff646433}.budget__link{appearance:none;background:transparent;border:none;color:#cfe8d68c;font-size:11px;text-align:center;width:100%;margin-top:6px;padding:4px;cursor:pointer;text-decoration:underline;text-decoration-color:#cfe8d640}.budget__link:active{color:var(--pill-fg)}.budget__reset--armed{background:#ff64644d;border-color:#ff7878a6;color:#ffe1e1;font-weight:600;animation:budget-reset-pulse .9s ease-in-out infinite alternate}@keyframes budget-reset-pulse{0%{box-shadow:0 0 #ff646400}to{box-shadow:0 0 0 4px #ff646433}}.ach__list{display:grid;grid-template-columns:1fr;gap:10px;padding:4px 0 16px;overflow-y:auto;max-height:65vh}@media (min-width: 540px){.ach__list{grid-template-columns:1fr 1fr}}.ach__card{display:flex;gap:12px;padding:12px;border-radius:14px;background:#0000004d;border:1px solid rgba(207,232,214,.1);align-items:flex-start;transition:border-color .18s ease,background .18s ease}.ach__card--unlocked{background:linear-gradient(135deg,#ffc85a24,#ffc85a0a);border-color:#ffc85a8c;box-shadow:inset 0 0 0 1px #ffc85a1a}.ach__icon{flex:0 0 auto;width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:12px;background:#0000004d;border:1px solid rgba(207,232,214,.1)}.ach__card--unlocked .ach__icon{background:#ffc85a33;border-color:#ffc85a8c;filter:none}.ach__card:not(.ach__card--unlocked) .ach__icon{filter:grayscale(1) brightness(.65)}.ach__body{flex:1 1 auto;display:flex;flex-direction:column;gap:4px;min-width:0}.ach__name{font-weight:600;font-size:14px;color:var(--pill-fg)}.ach__card:not(.ach__card--unlocked) .ach__name{color:#cfe8d68c}.ach__desc{font-size:12px;line-height:1.35;color:#cfe8d6a6}.ach__stamp{margin-top:4px;font-size:11px;font-family:var(--mono-font, monospace);color:#ffc85af2;letter-spacing:.04em;text-transform:uppercase}.ach__stamp--locked{color:#cfe8d666}.ach-toast{position:fixed;top:16px;right:16px;display:flex;gap:12px;padding:12px 14px;background:linear-gradient(135deg,#3c2305f5,#231605f5);border:1px solid rgba(255,200,90,.65);border-radius:14px;color:#fff5d8;z-index:80;max-width:320px;box-shadow:0 8px 26px #00000073;animation:ach-toast-in .35s cubic-bezier(.2,.8,.25,1)}.ach-toast.hidden{display:none}.ach-toast__icon{flex:0 0 auto;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#ffc85a38;border:1px solid rgba(255,200,90,.65);border-radius:10px}.ach-toast__body{display:flex;flex-direction:column;gap:2px;min-width:0}.ach-toast__crown{font-size:10px;font-family:var(--mono-font, monospace);letter-spacing:.1em;text-transform:uppercase;color:#ffc85aeb}.ach-toast__name{font-weight:700;font-size:14px}.ach-toast__desc{font-size:12px;color:#fff5d8c7;line-height:1.3}@keyframes ach-toast-in{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.leader-bio__sheet{max-width:460px;display:flex;flex-direction:column;gap:14px}.leader-bio__head{display:flex;gap:14px;align-items:center}.leader-bio__avatar{flex:0 0 auto;width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.3)}.leader-bio__head-text{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;min-width:0}.leader-bio__name{font-size:19px;font-weight:700;color:var(--pill-fg)}.leader-bio__title{font-size:13px;color:#cfe8d6b3;font-style:italic}.leader-bio__faction{font-size:12px;font-family:var(--mono-font, monospace);text-transform:uppercase;letter-spacing:.05em;color:#ffc85ae6;padding:6px 0;border-top:1px solid rgba(207,232,214,.12);border-bottom:1px solid rgba(207,232,214,.12)}.leader-bio__bio{font-size:14px;line-height:1.45;color:var(--pill-fg)}.leader-bio__cares{font-size:13px;line-height:1.4;color:#cfe8d6c7;background:#00000040;padding:10px 12px;border-radius:10px;border-left:3px solid rgba(255,200,90,.55)}.bonds{margin-top:14px;padding:12px;background:#0000004d;border:1px solid rgba(207,232,214,.1);border-radius:12px}.beautification{margin-top:14px;padding:12px;background:#0000004d;border:1px solid rgba(170,130,240,.2);border-radius:12px}.beautification__title{font-size:13px;font-weight:600;color:#d4baff;margin-bottom:2px}.beautification__sub{font-size:11px;opacity:.65;margin-bottom:8px}.beautification__row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.beautification__tier strong{color:#ffe98a;margin-left:4px}.beautification__cost{font-weight:600;font-size:13px}.beautification__state{font-size:12px;opacity:.75;line-height:1.4}.beautification__state--active{color:#9bd0a4;opacity:1}.beautification__state--defunded{color:#ff9e6e;opacity:1;font-weight:600}.beautification__state--override{color:#ffe98a;opacity:1;font-weight:700;letter-spacing:.04em}.beautification__picker{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.beautification__picker.hidden{display:none}.beautification__pick{appearance:none;background:#ffffff0a;border:1px solid rgba(170,130,240,.3);color:var(--pill-fg);border-radius:10px;padding:6px 10px;display:inline-flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;font-weight:600;cursor:pointer;flex:1 1 auto;min-width:60px;transition:background .14s ease,border-color .14s ease}.beautification__pick:hover{background:#ffffff14}.beautification__pick[data-active=true]{background:#ffd84d2e;border-color:#ffd84d8c;color:#ffe98a;box-shadow:inset 0 0 0 1px #ffd84d59}.beautification__pick-cost{font-size:10px;opacity:.65;font-weight:500}.bonds__title{font-size:13px;font-weight:600;color:var(--pill-fg);margin-bottom:4px}.bonds__sub{font-size:11px;font-family:var(--mono-font, monospace);color:#cfe8d6a6;margin-bottom:10px;min-height:14px}.bonds__empty{font-size:12px;color:#cfe8d680;font-style:italic;padding:6px 0 10px}.bonds__active-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.bonds__active-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:6px 10px;border-radius:8px;background:#0000004d;border:1px solid rgba(207,232,214,.08);font-size:12px}.bonds__active-row--defaulted{border-color:#dc5a5a8c;background:#3c191973}.bonds__active-name{color:var(--pill-fg)}.bonds__active-pay{color:#ffc85aeb}.bonds__active-rem{color:#cfe8d6a6}.bonds__issue-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.bonds__issue{display:flex;flex-direction:column;gap:2px;padding:8px 6px;border-radius:10px;background:#4c985833;border:1px solid rgba(102,192,122,.55);color:#d8ffe2;cursor:pointer;font:inherit}.bonds__issue:active{background:#4c985859}.bonds__issue:disabled{opacity:.4;cursor:not-allowed}.bonds__issue-label{font-size:12px;font-weight:600}.bonds__issue-detail{font-size:10px;color:#d8ffe2bf}.budget__city-name-row{display:flex;align-items:center;gap:10px;padding:10px 0 4px}.budget__city-name-row label{font-size:12px;color:#cfe8d6a6;flex:0 0 auto}.budget__city-name-row input{flex:1 1 auto;background:#0000004d;color:var(--pill-fg);border:1px solid rgba(207,232,214,.2);border-radius:8px;padding:6px 10px;font:inherit;font-size:13px}.budget__city-name-row input:focus{outline:none;border-color:#ffc85aa6}.slot-picker__sheet{max-width:540px}.slot-picker__list{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px}@media (min-width: 540px){.slot-picker__list{grid-template-columns:1fr 1fr 1fr}}.slot-card{display:flex;flex-direction:column;gap:8px;padding:14px;background:#0000004d;border:1px solid rgba(207,232,214,.1);border-radius:12px;color:var(--pill-fg);cursor:pointer;text-align:left;font:inherit;transition:background .18s ease,border-color .18s ease}.slot-card:active{background:#4c985833}.slot-card--filled{border-color:#4c98588c}.slot-card--current{background:linear-gradient(135deg,#ffc85a2e,#ffc85a0d);border-color:#ffc85aa6}.slot-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.slot-card__title{font-size:15px;font-weight:700}.slot-card__badge{font-size:10px;font-family:var(--mono-font, monospace);text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:999px;background:#0006;border:1px solid rgba(207,232,214,.2);color:#cfe8d6c7}.slot-card--current .slot-card__badge{background:#ffc85a33;border-color:#ffc85a8c;color:#ffc85af2}.slot-card__body{display:flex;flex-direction:column;gap:4px;font-size:12px}.slot-card__row{display:flex;justify-content:space-between;color:#cfe8d6d9}.slot-card__time{font-size:11px;color:#cfe8d68c;margin-top:2px}.slot-card__hint{font-size:10px;font-style:italic;color:#cfe8d673;min-height:12px}.slot-card--empty .slot-card__body{color:#cfe8d68c;font-style:italic}.districts__new{display:block;width:100%;margin:8px 0 12px;padding:9px 12px;background:#4c985833;border:1px solid rgba(102,192,122,.55);border-radius:10px;color:#d8ffe2;font:inherit;font-size:13px;cursor:pointer}.districts__new:active{background:#4c985859}.districts__list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:60vh}.districts__empty{padding:14px;text-align:center;color:#cfe8d699;font-style:italic}.districts__row{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;grid-template-areas:"swatch name use" "sliders sliders sliders";gap:8px;align-items:center;padding:10px 12px;background:#0000004d;border:1px solid rgba(207,232,214,.1);border-radius:12px}.districts__swatch{grid-area:swatch;width:22px;height:22px;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.districts__name{grid-area:name;background:transparent;color:var(--pill-fg);border:1px solid rgba(207,232,214,.2);border-radius:6px;padding:4px 8px;font:inherit;font-size:13px}.districts__name:focus{outline:none;border-color:#ffc85aa6}.districts__activate{grid-area:use;padding:5px 10px;background:#ffc85a26;border:1px solid rgba(255,200,90,.55);border-radius:8px;color:#ffc85af2;font:inherit;font-size:11px;cursor:pointer}.districts__activate:active{background:#ffc85a4d}.districts__sliders{grid-area:sliders;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.districts__slider{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#cfe8d6cc}.districts__slider input[type=range]{width:100%}.districts__slider-row{display:flex;justify-content:space-between}@media (max-width: 419px){#hud{padding:8px 10px;gap:6px}.pill{padding:6px 10px;font-size:11px;letter-spacing:0}.rci{padding:5px 9px;gap:8px}.rci__bar{width:9px;height:24px}.toolbar__btn{padding:0 11px;font-size:12px;min-width:40px;height:42px}}@media (min-width: 540px){.info-panel{left:50%;right:auto;width:min(540px,calc(100vw - 24px));transform:translate(-50%)}.info-panel.hidden{transform:translate(-50%,140%)}.toolbar{max-width:min(760px,calc(100vw - 24px))}}@media (min-width: 900px){.info-panel{width:min(580px,calc(100vw - 24px));bottom:calc(env(safe-area-inset-bottom,0) + 88px)}}@media (max-height: 480px){.info-panel--tall{max-height:calc(100vh - 80px)}.info-panel{bottom:calc(env(safe-area-inset-bottom,0) + 56px)}}@media (min-width: 900px){.modal__sheet{max-width:min(620px,calc(100vw - 48px));max-height:calc(100vh - 80px);overflow-y:auto}}@media (min-width: 540px){.toast{max-width:480px}}@media (min-width: 540px) and (max-width: 759px){.slot-picker__list{grid-template-columns:1fr 1fr}}@media (min-width: 900px){.ach__list{grid-template-columns:1fr 1fr}}.info-panel__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:4px;margin-right:-4px}.info-panel--tall{padding-top:12px}.info-panel--tall .info-panel__close{z-index:2}#hud-more{font-weight:600}#hud-more[aria-expanded=true]{background:#ffd84d29;color:#ffe98a;box-shadow:inset 0 0 0 1px #ffd84d59}.hud-more-popover{position:fixed;top:calc(env(safe-area-inset-top,0) + 56px);right:max(env(safe-area-inset-right,0),12px);z-index:25;display:flex;flex-direction:column;gap:12px;padding:14px;background:var(--pill-bg);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--pill-border);border-radius:14px;box-shadow:0 8px 26px #00000073;min-width:220px;max-width:min(280px,calc(100vw - 24px));pointer-events:auto;transform-origin:top right;animation:hud-more-pop .16s cubic-bezier(.2,.8,.25,1)}.hud-more-popover.hidden{display:none}.hud-more-popover__group{display:flex;flex-direction:column;gap:6px}.hud-more-popover__group-label{font-size:10px;font-family:var(--mono-font, monospace);text-transform:uppercase;letter-spacing:.1em;color:#cfe8d68c;margin-bottom:2px}.hud-more-popover .pill{width:100%;text-align:left;background:#0000004d;border-radius:10px;font-size:13px;padding:9px 12px;display:block}.hud-more-popover .pill[aria-pressed=true]{background:#ffd84d2e;color:#ffe98a;box-shadow:inset 0 0 0 1px #ffd84d73}@keyframes hud-more-pop{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 419px){.hud-more-popover{right:8px;min-width:200px}}.faction-detail__header{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;margin:12px 0}.faction-detail__avatar{width:56px;height:56px;border-radius:50%;background:#0000004d;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;border:2px solid rgba(255,255,255,.4);flex:0 0 auto}.faction-detail__hdr-text{flex:1}.faction-detail__leader{font-size:16px;font-weight:700;color:#fff}.faction-detail__title{font-size:12px;opacity:.85;color:#fff}.faction-detail__faction{font-size:11px;opacity:.7;color:#fff;margin-top:4px}.faction-detail__role{display:inline-block;padding:5px 10px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.08em;margin-bottom:10px}.faction-detail__role.role--council{background:#ffd84d2e;color:#ffe98a;border:1px solid rgba(255,216,77,.5)}.faction-detail__role.role--opponent{background:#d845452e;color:#ff9e9e;border:1px solid rgba(216,69,69,.5)}.faction-detail__role.role--none{background:#ffffff0f;color:#ffffff8c;border:1px solid rgba(255,255,255,.12)}.faction-detail__bio{font-size:13px;line-height:1.5;opacity:.85;margin-bottom:12px}.faction-detail__cares-block{padding:10px 12px;background:#00000040;border-radius:10px;margin-bottom:14px}.faction-detail__cares-label{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffe98a;margin-bottom:4px}.faction-detail__cares{font-size:12.5px;line-height:1.5;opacity:.85}.faction-detail__mood{margin:12px 0 6px}.faction-detail__mood-row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}.faction-detail__mood-label{font-weight:700}.faction-detail__mood-bar{height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.faction-detail__mood-fill{height:100%;transition:width .2s ease}.faction-detail__pop{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:12px}.faction-detail__stance-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.faction-detail__stance-col{padding:10px;border-radius:10px;background:#00000040}.faction-detail__stance-col--love{border:1px solid rgba(109,208,106,.25)}.faction-detail__stance-col--hate{border:1px solid rgba(216,69,69,.25)}.faction-detail__stance-label{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}.faction-detail__stance-col--love .faction-detail__stance-label{color:#9bd08e}.faction-detail__stance-col--hate .faction-detail__stance-label{color:#ff9e9e}.faction-detail__stance-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px}.faction-detail__stance-name{flex:1;padding-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.faction-detail__stance-val{font-weight:700;font-size:11px}.faction-detail__stance-col--love .faction-detail__stance-val{color:#6dd06a}.faction-detail__stance-col--hate .faction-detail__stance-val{color:#f88}.faction-detail__empty{font-size:11.5px;opacity:.5;padding:4px 0}.happiness__row{cursor:pointer;transition:background .14s ease}.happiness__row:hover{background:#ffffff0a}.settings__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}.settings__group{margin-top:16px;padding:12px;background:#00000040;border:1px solid rgba(207,232,214,.1);border-radius:12px}.settings__group--cheats{background:#4c98581a;border:1px dashed rgba(102,192,122,.45)}.settings__cheats-active{margin-top:8px;font-size:11.5px;color:#ffd166}.settings__cheats-active.hidden{display:none}.settings__sync-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.settings__sync-status{margin-top:8px;font-size:11.5px;padding:6px 10px;border-radius:8px;background:#0000004d}.settings__sync-status--ok{color:#6dd06a}.settings__sync-status--err{color:#f88}.settings__sync-status.hidden{display:none}.settings__sync-drawer{margin-top:10px;padding:10px 12px;border-radius:10px;background:#00000052;border:1px solid rgba(207,232,214,.12)}.settings__sync-drawer.hidden{display:none}.settings__sync-drawer-label{font-size:11.5px;color:#cfe8d6d9;margin-bottom:6px;line-height:1.45}.settings__sync-code{width:100%;box-sizing:border-box;background:#00000073;color:var(--pill-fg);border:1px solid rgba(207,232,214,.18);border-radius:8px;padding:8px;font-size:11px;line-height:1.35;word-break:break-all;resize:vertical}.settings__sync-code:focus{outline:none;border-color:#ffd84d8c}.settings__sync-drawer-actions{display:flex;gap:6px;margin-top:8px;align-items:center;flex-wrap:wrap}.settings__sync-size{font-size:11px;color:#cfe8d68c;margin-right:auto}.settings__group-title{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffe98a;margin-bottom:4px}.settings__group-sub{font-size:11px;opacity:.55;margin-bottom:10px;line-height:1.4}.settings__diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.settings__diff{appearance:none;background:#ffffff0a;border:1px solid rgba(207,232,214,.15);border-radius:10px;padding:10px 12px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:3px;color:var(--pill-fg);transition:background .14s ease,border-color .14s ease}.settings__diff:hover{background:#ffffff14}.settings__diff[aria-pressed=true]{background:#ffd84d2e;border-color:#ffd84d8c;color:#ffe98a;box-shadow:inset 0 0 0 1px #ffd84d59}.settings__diff-name{font-size:13px;font-weight:700}.settings__diff-sub{font-size:10.5px;opacity:.7}.settings__slider{margin:8px 0}.settings__slider label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}.settings__slider input[type=range]{width:100%;appearance:none;height:4px;background:#ffffff1f;border-radius:2px;outline:none}.settings__slider input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:#ffe98a;border-radius:50%;cursor:pointer}.settings__slider input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#ffe98a;border-radius:50%;cursor:pointer;border:none}.settings__field{display:flex;justify-content:space-between;align-items:center;margin:8px 0;font-size:12px}.settings__field label{flex:1}.settings__select{appearance:none;background:#ffffff0f;border:1px solid rgba(207,232,214,.15);color:var(--pill-fg);border-radius:8px;padding:6px 26px 6px 10px;font-size:12px;font-family:inherit;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%23ffe98a' stroke-width='1.5' fill='none' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right 8px center}.settings__check{display:flex;align-items:center;gap:8px;font-size:12px;margin:8px 0;cursor:pointer}.settings__check input[type=checkbox]{appearance:none;width:16px;height:16px;border-radius:4px;background:#ffffff14;border:1px solid rgba(207,232,214,.25);position:relative;cursor:pointer}.settings__check input[type=checkbox]:checked{background:#ffe98a;border-color:#ffe98a}.settings__check input[type=checkbox]:checked:after{content:"✓";position:absolute;top:-2px;left:2px;color:#1a2722;font-size:13px;font-weight:700}.settings__button{appearance:none;background:#ffffff0f;border:1px solid rgba(207,232,214,.15);color:var(--pill-fg);border-radius:10px;padding:10px 14px;font-size:12px;font-family:inherit;width:100%;margin-top:8px;cursor:pointer;text-align:center;transition:background .14s ease}.settings__button:hover{background:#ffffff1f}.settings__button--danger{color:#ff9e9e;border-color:#d8454566}.settings__button--danger:hover{background:#d845452e}html.ui-scale-small{font-size:90%}html.ui-scale-large{font-size:115%}html.ui-scale-xlarge{font-size:130%}.trend{display:inline-block;margin-left:4px;font-size:11px;font-weight:700;vertical-align:middle;letter-spacing:0}.trend--up{color:#6dd06a}.trend--down{color:#f88}.trend--flat{color:#fff6}.trend--flat:before{content:"→"}.trend--up:before{content:"↑"}.trend--down:before{content:"↓"}#hud-tool-cost.pill.tool-cost{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0) + 72px);transform:translate(-50%);z-index:14;background:#ffd84d29;color:#ffe98a;box-shadow:inset 0 0 0 1px #ffd84d59;font-weight:600;letter-spacing:.02em;pointer-events:none;white-space:nowrap}#hud-tool-cost.hidden{display:none}.pill.tool-cost.banned{background:#d845452e;color:#ff9e9e;box-shadow:inset 0 0 0 1px #d8454566}.pill.tool-cost.short{background:#d886452e;color:#ffae5e;box-shadow:inset 0 0 0 1px #d8864566}@media (max-width: 480px){.toolbar__scroll .toolbar__btn{padding:0 10px;gap:4px;min-width:40px;height:44px}.toolbar__scroll .toolbar__btn .toolbar__label{display:none}.toolbar__scroll .toolbar__btn[aria-pressed=true] .toolbar__label{display:inline;font-size:11px;margin-left:2px}.toolbar__scroll .toolbar__chevron{display:none}.toolbar__scroll .toolbar__btn[aria-pressed=true] .toolbar__chevron{display:inline}.toolbar__pinned .toolbar__btn,.toolbar__mode .toolbar__btn{padding:0 10px;font-size:12px}.toolbar{max-width:calc(100vw - 12px);padding:3px;gap:2px}.toolbar__popover-btn{flex:0 0 76px;height:42px;font-size:10.5px}}