:root{--civic-blue: #1a5fb4;--civic-blue-dark: #0f3d7a;--civic-blue-light: #4a90d9;--park-green: #2d9a5a;--park-green-light: #5ec47e;--action-orange: #e85d2c;--action-orange-dark: #c44a1f;--ribbon-red: #d63b2a;--sky-top: #87ceeb;--sky-mid: #b8e4f5;--sky-bottom: #e8f6ec;--cloud: rgba(255, 255, 255, .85);--wood: #6b4423;--gold: #d4a017;--bg-deep: #ddeef8;--bg-panel: #ffffff;--bg-elevated: #eef4f9;--ink: #121d28;--ink-muted: #3d4f63;--ink-subtle: #556575;--hair: rgba(15, 61, 122, .24);--hair-strong: rgba(15, 61, 122, .4);--accent: var(--action-orange);--accent-dim: rgba(232, 93, 44, .14);--good: #157a40;--good-soft: #1f9d55;--warn: #9a6f00;--warn-text: #7a5500;--bad: #b82e22;--blue: var(--civic-blue);--shadow-sm: 0 2px 8px rgba(15, 61, 122, .1);--shadow-md: 0 6px 24px rgba(15, 61, 122, .14);--shadow-lg: 0 12px 40px rgba(15, 61, 122, .18);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--outline: 2.5px solid var(--civic-blue-dark);--focus-ring: 3px solid var(--civic-blue-dark);--focus-glow: 0 0 0 4px rgba(26, 91, 180, .28);--font-display: "Fredoka", system-ui, sans-serif;--font-body: "Nunito Sans", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--ink);background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 35%,var(--sky-bottom) 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-variant-numeric:tabular-nums;color-scheme:light}button,input,select{font:inherit}:focus{outline:none}:focus-visible{outline:var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-glow)}a:focus-visible,button:focus-visible,.city-hall-room:focus-visible,.scenario-card:focus-visible{outline:var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-glow)}input:focus-visible,select:focus-visible,input[type=range]:focus-visible{outline:var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-glow)}@media(prefers-contrast:more){:root{--ink-muted: #2a3642;--ink-subtle: #3d4f63;--hair: rgba(15, 61, 122, .42);--hair-strong: rgba(15, 61, 122, .55);--outline: 3px solid var(--civic-blue-dark)}.nav-tabs button,.btn,.metric-tile,.panel,.city-hall-room{border-width:2px;border-color:var(--hair-strong)}}.app-shell{max-width:1360px;margin:0 auto;padding:clamp(16px,3vw,32px)}.app-shell-landing{max-width:1100px}.app-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;padding:18px 20px;background:var(--bg-panel);border:var(--outline);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,var(--civic-blue),var(--civic-blue-light));color:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.brand h1{font-family:var(--font-display);font-size:clamp(1.25rem,2.5vw,1.65rem);font-weight:700;letter-spacing:.01em;margin:0;color:var(--civic-blue-dark);text-shadow:1px 1px 0 rgba(255,255,255,.8)}.brand-tagline{margin:0;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ribbon-red)}.brand-meta{margin:8px 0 0;color:var(--ink-muted);font-size:.88rem}.brand-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;align-items:center}.link-btn{border:none;background:none;padding:2px 0;color:var(--civic-blue-dark);font-size:.9rem;font-weight:700;cursor:pointer;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.link-btn:hover{color:var(--ink)}.portal-link{color:var(--civic-blue-dark);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-size:.9rem;font-weight:700}.portal-link:hover{color:var(--ink)}.nav-tabs{display:flex;flex-wrap:wrap;gap:6px}.nav-tabs button{border:2px solid var(--hair-strong);background:var(--bg-elevated);color:var(--ink);padding:8px 14px;border-radius:999px;cursor:pointer;font-weight:600;font-size:.875rem;transition:background .15s,color .15s,border-color .15s,transform .15s}.nav-tabs button:hover:not(:disabled){color:var(--civic-blue-dark);border-color:var(--civic-blue);background:#fff;transform:translateY(-1px)}.nav-tabs button.active{background:linear-gradient(135deg,var(--civic-blue),var(--civic-blue-light));border-color:var(--civic-blue-dark);color:#fff;box-shadow:var(--shadow-sm)}.nav-tabs button:disabled{opacity:.4;cursor:not-allowed}.game-layout{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:20px;align-items:start}.game-sidebar{position:sticky;top:16px}.game-main{min-width:0}@media(max-width:900px){.game-layout{grid-template-columns:1fr}.game-sidebar{position:static}}.city-hall-nav{background:var(--bg-panel);border:var(--outline);border-radius:var(--radius-lg);padding:14px;box-shadow:var(--shadow-md)}.city-hall-nav-header{margin-bottom:12px}.city-hall-nav-title{font-family:var(--font-display);font-size:1.1rem;margin:0;color:var(--civic-blue-dark)}.city-hall-nav-sub{margin:4px 0 0;font-size:.78rem;color:var(--ink-muted)}.city-hall-map{display:grid;grid-template-columns:1fr .55fr 1fr;grid-template-rows:repeat(4,minmax(56px,1fr));grid-template-areas:"mayor    corridor finance" "politics corridor staff" "planning corridor districts" "events   corridor archives";gap:5px;min-height:280px;background:#d8e8f4;border:2px solid var(--civic-blue-dark);border-radius:var(--radius-md);padding:6px}.city-hall-corridor{grid-area:corridor;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(90deg,#e8f0f6 0,#e8f0f6 8px,#dce8f0 8px,#dce8f0 16px);border-radius:4px;border:1px dashed rgba(26,91,180,.25)}.corridor-label{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-subtle)}.city-hall-room{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px;border:2px solid var(--hair-strong);border-radius:var(--radius-sm);background:var(--bg-panel);cursor:pointer;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;color:var(--ink);text-align:center}.city-hall-room:hover:not(:disabled){border-color:var(--civic-blue);background:#fff;transform:scale(1.02);box-shadow:var(--shadow-sm)}.city-hall-room.active{border-color:var(--civic-blue-dark);background:linear-gradient(135deg,#1a5bb41f,#4a90d914);box-shadow:inset 0 0 0 1px var(--civic-blue-light)}.city-hall-room.active .city-hall-room-label{color:var(--civic-blue-dark);font-weight:800}.city-hall-room.locked{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.city-hall-room-icon{display:flex;align-items:center;justify-content:center;color:var(--civic-blue)}.city-hall-room.active .city-hall-room-icon{color:var(--civic-blue-dark)}.city-hall-room-label{font-family:var(--font-display);font-size:.75rem;font-weight:600;line-height:1.2;color:var(--ink)}.city-hall-legend{margin:10px 0 0;font-size:.72rem;color:var(--ink-muted);line-height:1.4}@media(max-width:900px){.city-hall-map{min-height:240px}.city-hall-room-label{font-size:.62rem}}.header-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:2px solid var(--hair-strong);background:var(--bg-elevated);color:var(--ink);padding:8px 16px;border-radius:999px;cursor:pointer;font-weight:600;transition:background .15s,transform .15s,box-shadow .15s}.btn:hover{background:#e3f0fa;transform:translateY(-1px)}.btn-lg{padding:14px 28px;font-size:1.05rem;border-radius:var(--radius-md)}.btn-primary{background:linear-gradient(180deg,var(--action-orange) 0%,var(--action-orange-dark) 100%);border:2px solid var(--action-orange-dark);color:#fff;font-weight:700;padding:8px 16px;border-radius:999px;cursor:pointer;box-shadow:0 3px #0000001f;transition:filter .15s,transform .15s}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.active-toggle{border-color:var(--civic-blue);color:var(--civic-blue);background:#1a5bb41a}.metric-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:20px}.metric-tile{background:var(--bg-panel);border:2px solid var(--hair-strong);border-radius:var(--radius-md);padding:14px 16px;box-shadow:var(--shadow-sm)}.metric-tile .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-subtle);font-weight:700}.metric-tile .value{font-family:var(--font-display);font-size:1.35rem;font-weight:700;margin-top:4px;color:var(--civic-blue-dark)}.metric-tile .hint{font-size:.78rem;color:var(--ink-muted);margin-top:4px}.panel{background:var(--bg-panel);border:2px solid var(--hair-strong);border-radius:var(--radius-lg);padding:18px 20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.panel h2{font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin:0 0 12px;color:var(--civic-blue-dark)}.headline-bar{border-left:4px solid var(--action-orange);padding:12px 16px;background:var(--accent-dim);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:20px;font-style:italic;color:var(--ink)}.alerts{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.alert{background:#b82e221f;border:2px solid rgba(184,46,34,.5);color:var(--bad);padding:10px 14px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:700}.skyline{height:88px;margin-bottom:16px;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--hair);box-shadow:var(--shadow-sm);position:relative}.skyline svg{width:100%;height:100%}.budget-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:800px){.budget-columns{grid-template-columns:1fr}}.slider-row{margin-bottom:14px}.slider-row label{display:flex;justify-content:space-between;font-size:.88rem;margin-bottom:6px;font-weight:600}.slider-row input[type=range]{width:100%;accent-color:var(--civic-blue-dark);min-height:24px;cursor:pointer}.event-list{list-style:none;padding:0;margin:0}.event-item{display:grid;grid-template-columns:72px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--hair);align-items:start}.event-item:last-child{border-bottom:none}.event-year{font-family:var(--font-display);font-weight:700;color:var(--civic-blue)}.severity-high{color:var(--bad)}.severity-mid{color:var(--warn-text)}.severity-low{color:var(--good)}.faction-grid{display:grid;gap:12px}.faction-row{display:grid;grid-template-columns:120px 1fr 48px;gap:12px;align-items:center}.approval-bar{height:10px;background:var(--bg-elevated);border-radius:999px;overflow:hidden;border:1px solid var(--hair)}.approval-fill{height:100%;background:linear-gradient(90deg,var(--civic-blue-dark),var(--good-soft));border-radius:999px;transition:width .3s ease}.end-screen{text-align:center;padding:48px 24px;background:var(--bg-panel);border:var(--outline);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.end-screen h2{font-family:var(--font-display);font-size:1.75rem;color:var(--civic-blue-dark)}.end-screen-reason{color:var(--ink-muted);max-width:520px;margin:0 auto}.end-headline{max-width:560px;margin:24px auto;text-align:left}.end-screen-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}.scenario-overlay{display:flex;align-items:flex-start;justify-content:center;min-height:80vh;padding-top:24px}.scenario-modal{max-width:960px;width:100%}.scenario-back{margin-bottom:8px}.scenario-heading{font-family:var(--font-display);font-size:1.75rem;color:var(--civic-blue-dark);margin:0 0 8px}.scenario-intro{color:var(--ink-muted);margin:0 0 20px}.scenario-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:20px}.scenario-card{text-align:left;background:var(--bg-elevated);border:2px solid var(--hair);border-radius:var(--radius-md);padding:16px;cursor:pointer;color:inherit;transition:border-color .15s,transform .15s,box-shadow .15s}.scenario-card:hover{border-color:var(--civic-blue);transform:translateY(-3px);box-shadow:var(--shadow-md)}.scenario-card h3{font-family:var(--font-display);margin:0 0 4px;font-size:1.05rem;color:var(--civic-blue-dark)}.scenario-city{color:var(--park-green);font-size:.85rem;font-weight:700;margin:0 0 8px}.scenario-card p{margin:0 0 8px;font-size:.88rem;color:var(--ink-muted)}.scenario-challenge{font-size:.8125rem;color:var(--warn-text);font-weight:700}.difficulty-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--ink-muted);font-size:.9rem}.challenge-picker{margin-bottom:20px}.challenge-picker label{font-size:.88rem;font-weight:700;color:var(--civic-blue-dark)}.challenge-select{width:100%;padding:10px 12px;background:var(--bg-panel);color:var(--ink);border:2px solid var(--hair-strong);border-radius:var(--radius-sm);margin-top:6px}.event-countdown{font-size:.72rem;color:var(--ink-muted);margin-top:2px}.event-progress{height:6px;background:var(--bg-elevated);border-radius:999px;margin-bottom:8px;overflow:hidden}.event-progress-fill{height:100%;background:linear-gradient(90deg,var(--warn),var(--bad));border-radius:999px}.chart-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.chart-block{background:var(--bg-elevated);border-radius:var(--radius-sm);padding:12px;border:1px solid var(--hair)}.chart-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin-bottom:8px;font-weight:700}.spark-bars{display:flex;align-items:flex-end;gap:3px;height:64px}.spark-bar{flex:1;min-width:4px;border-radius:2px 2px 0 0;opacity:.9}.chart-foot{font-size:.82rem;color:var(--ink-muted);margin-top:8px}.history-table{list-style:none;padding:0;margin:0}.history-table li{display:grid;grid-template-columns:72px 1fr 1fr 48px;gap:12px;padding:10px 0;border-bottom:1px solid var(--hair);font-size:.88rem}.hist-year{font-weight:700;color:var(--civic-blue)}.hist-rating{text-align:right;font-weight:700}.newspaper-list{list-style:none;padding:0;margin:0}.newspaper-list li{padding:10px 0;border-bottom:1px solid var(--hair)}.newspaper-list li.latest .paper-headline{color:var(--action-orange-dark);font-weight:700}.paper-year{display:block;font-size:.72rem;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em}.paper-headline{font-style:italic}.explainer-tip{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--hair)}.explainer-tip:last-child{border-bottom:none;margin-bottom:0}.explainer-tip p{margin:6px 0 0;color:var(--ink-muted);font-size:.9rem}.explainer-real{font-size:.875rem!important;color:var(--civic-blue-dark)!important;font-weight:600}.scorecard-panel{max-width:720px;margin:0 auto 24px;text-align:left}.overall-grade{font-size:1.1rem;margin-bottom:16px}.grade-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.grade-card{background:var(--bg-elevated);border-radius:var(--radius-sm);padding:12px;border:1px solid var(--hair)}.grade-letter{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--action-orange)}.grade-label{font-weight:700;font-size:.9rem}.grade-score{font-size:.82rem;color:var(--ink-muted)}.grade-summary{margin:8px 0 0;font-size:.8rem;color:var(--ink-muted)}.district-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.district-card h3{margin:0 0 4px;font-family:var(--font-display);font-size:1rem;color:var(--civic-blue-dark)}.district-sub{margin:0 0 12px;font-size:.82rem;color:var(--ink-muted)}.district-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.district-stats .label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-subtle);font-weight:700}.district-value{font-weight:700;font-size:1.1rem}.road-good{color:var(--good)}.road-mid{color:var(--warn-text)}.road-bad{color:var(--bad)}.road-bar-wrap{height:8px;background:var(--bg-elevated);border-radius:999px;overflow:hidden;border:1px solid var(--hair)}.road-bar{height:100%;background:linear-gradient(90deg,var(--bad),var(--warn),var(--good));border-radius:999px}.quote-grid{display:flex;flex-direction:column;gap:12px}.quote-card{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:12px;background:var(--bg-elevated);border-radius:var(--radius-sm);border-left:4px solid var(--hair)}.quote-angry{border-left-color:var(--bad)}.quote-pleased{border-left-color:var(--good)}.quote-neutral{border-left-color:var(--civic-blue)}.quote-avatar{width:48px;height:48px;border-radius:50%;background:#1a5bb41f;color:var(--civic-blue);font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;border:2px solid var(--hair)}.quote-speaker{font-weight:700;font-size:.95rem}.quote-title{font-size:.75rem;color:var(--ink-muted)}.quote-text{margin:8px 0 4px;font-style:italic;font-size:.92rem;line-height:1.45}.quote-approval{font-size:.78rem;color:var(--ink-muted)}.council-snippet{border-left:4px solid var(--action-orange)}.challenge-picker label{font-size:.88rem;font-weight:600}.challenge-active{margin:6px 0 0;font-size:.85rem;color:var(--warn-text);font-weight:700}.achievement-list{list-style:none;padding:0;margin:0}.achievement-item{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--hair);opacity:.72}.achievement-item.unlocked{opacity:1}.achievement-item.new{background:var(--accent-dim);border-radius:var(--radius-sm);padding:10px;margin:4px 0}.achievement-badge{font-weight:700;color:var(--action-orange)}.achievement-item p{margin:4px 0 0;font-size:.82rem;color:var(--ink-muted)}.achievement-new-tag{color:var(--action-orange);font-size:.78rem;font-weight:700}.achievement-toast{background:linear-gradient(90deg,#e85d2c26,#d4a01726);border:2px solid var(--action-orange);color:var(--action-orange-dark);padding:10px 14px;border-radius:var(--radius-sm);margin-bottom:16px;font-size:.9rem;font-weight:600}.year-summary-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f3d7a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.year-summary-modal{max-width:620px;width:100%;max-height:88vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.year-summary-subtitle{margin:0 0 12px;color:var(--ink-muted);font-size:.88rem}.year-summary-headline{margin:0 0 16px;padding:12px 14px;background:var(--bg-elevated);border-left:4px solid var(--action-orange);border-radius:var(--radius-sm);font-size:.95rem;line-height:1.45}.year-summary-ended{margin-bottom:12px;padding:10px 12px;background:#d63b2a1a;border:2px solid var(--bad);border-radius:var(--radius-sm);color:var(--bad);font-size:.9rem;font-weight:600}.year-summary-callout{margin-bottom:12px;font-size:.88rem;color:var(--warn-text);font-weight:700}.year-summary-section{margin-bottom:16px}.year-summary-section h3{font-family:var(--font-display);font-size:.95rem;margin:0 0 8px;color:var(--civic-blue-dark)}.year-summary-section ul{margin:0;padding-left:18px;font-size:.88rem;color:var(--ink-muted)}.year-summary-section li{margin-bottom:4px}.year-summary-table{width:100%;border-collapse:collapse;font-size:.85rem}.year-summary-table th,.year-summary-table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--hair)}.year-summary-table th{color:var(--ink-muted);font-weight:600}.approval-delta-list{list-style:none;padding:0;margin:0}.approval-delta-list li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--hair);font-size:.88rem}.delta-good{color:var(--good);font-weight:700}.delta-bad{color:var(--bad);font-weight:700}.delta-neutral{color:var(--ink-muted)}.year-summary-actions{margin-top:20px;display:flex;justify-content:flex-end}.staff-office-intro{display:flex;gap:20px;align-items:center;justify-content:space-between}.staff-office-copy{flex:1;min-width:0}.staff-office-copy h2{margin-top:0}.staff-office-copy p{margin:0;color:var(--ink-muted);font-size:.9rem;line-height:1.55}.staff-office-figure{flex-shrink:0;margin:0}.staff-office-illustration{display:block;width:min(200px,32vw);height:auto;border-radius:var(--radius-md);border:2px solid var(--hair);box-shadow:var(--shadow-sm)}@media(max-width:640px){.staff-office-intro{flex-direction:column-reverse;align-items:flex-start}.staff-office-illustration{width:min(180px,55vw)}}.staff-header{display:flex;gap:12px;align-items:flex-start}.staff-avatar-campaign{background:var(--accent-dim);border-color:var(--action-orange)}.staff-meters{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px;font-size:.85rem}.staff-meters .label{display:block;color:var(--ink-muted);margin-bottom:4px}.momentum-fill{background:linear-gradient(90deg,var(--action-orange),var(--good))}.staff-strategy-label{display:block;margin-top:12px;font-size:.88rem}.staff-strategy-label span{display:block;margin-bottom:6px;color:var(--ink-muted)}.staff-advisor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.staff-advisor-card{background:var(--bg-elevated);border:2px solid var(--hair);border-radius:var(--radius-md);padding:14px}.staff-specialty{font-size:.78rem;color:var(--civic-blue);font-weight:700;margin-top:4px}.staff-trust-row{display:flex;justify-content:space-between;font-size:.78rem;color:var(--ink-muted);margin:10px 0 4px}.staff-heed-count{font-size:.72rem}.staff-advice{margin-top:10px;padding:10px 12px;border-radius:var(--radius-sm);border:2px solid var(--hair);background:var(--bg-panel)}.staff-advice.compact{margin-top:8px}.staff-advice-urgent{border-color:var(--warn)}.staff-advice-upbeat{border-color:var(--good)}.staff-advice-meta{display:flex;justify-content:space-between;font-size:.72rem;color:var(--ink-muted);margin-bottom:6px}.staff-tone{text-transform:uppercase;font-weight:700;letter-spacing:.04em}.staff-tone-urgent{color:var(--warn-text)}.staff-tone-upbeat{color:var(--good)}.staff-advice-title{font-weight:700;margin-bottom:6px}.staff-advice-detail{margin:0 0 10px;font-size:.88rem;color:var(--ink-muted);line-height:1.4}.staff-apply-btn{width:100%}.staff-advice-ok{margin:0;font-size:.82rem;color:var(--good);font-weight:600}.staff-briefing-list{list-style:none;padding:0;margin:0}.staff-briefing-list li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--hair);font-size:.88rem}.staff-campaign-panel h2{font-size:1.1rem}.achievements-panel{max-width:560px;margin:0 auto 24px}.landing{position:relative;padding-bottom:48px}.landing-sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 40%,var(--sky-bottom) 100%)}.landing-cloud{position:absolute;background:var(--cloud);border-radius:999px;filter:blur(1px)}.landing-cloud-a{width:180px;height:60px;top:8%;left:5%;box-shadow:60px 10px 0 -5px var(--cloud),120px 5px 0 -10px var(--cloud)}.landing-cloud-b{width:140px;height:50px;top:15%;right:8%;box-shadow:50px 8px 0 -5px var(--cloud)}.landing-hill{position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(180deg,transparent,rgba(45,154,90,.25))}.landing-masthead{margin-bottom:8px}.landing-portal{display:inline-block}.landing-hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,40px);align-items:center;margin-bottom:32px}@media(max-width:860px){.landing-hero{grid-template-columns:1fr}.landing-hero-art{order:-1}}.landing-capital-icon{width:48px;height:48px;color:var(--civic-blue);margin-bottom:8px}.landing-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.05;margin:0;color:var(--civic-blue-dark);text-transform:uppercase;letter-spacing:.02em;-webkit-text-stroke:1.5px rgba(255,255,255,.95);paint-order:stroke fill;text-shadow:0 2px 0 rgba(255,255,255,.5)}.landing-tagline-ribbon{margin:16px 0;padding:0}.landing-tagline-ribbon span{display:inline-block;background:linear-gradient(180deg,var(--ribbon-red) 0%,#b82e1f 100%);color:#fff;font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;padding:10px 20px;border-radius:4px;box-shadow:0 4px #00000026;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.landing-lede{font-size:1.05rem;line-height:1.6;color:var(--ink);margin:0 0 24px;max-width:52ch}.landing-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.landing-cta-primary{display:flex;flex-direction:column;align-items:flex-start;gap:4px;border-radius:var(--radius-md)!important}.landing-cta-sub{font-size:.78rem;font-weight:600;opacity:.9}.landing-cta-secondary{border-radius:var(--radius-md)!important}.landing-desk-motto{font-family:var(--font-display);font-size:.95rem;color:var(--wood);font-weight:600;margin:0;padding:8px 14px;background:linear-gradient(180deg,#c9a66b,#a67c3d);color:#fff;display:inline-block;border-radius:4px;box-shadow:var(--shadow-sm);text-shadow:0 1px 0 rgba(0,0,0,.2)}.landing-hero-art{position:relative}.landing-hero-image{width:100%;height:auto;border-radius:var(--radius-lg);border:3px solid var(--civic-blue-dark);box-shadow:var(--shadow-lg)}.landing-section{margin-bottom:20px}.landing-panel h2{font-size:1.35rem}.landing-section-lede{color:var(--ink-muted);margin:-4px 0 16px}.landing-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.landing-step-card{background:var(--bg-elevated);border:2px solid var(--hair);border-radius:var(--radius-md);padding:16px;position:relative}.landing-step-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--civic-blue);color:#fff;font-family:var(--font-display);font-weight:700;font-size:1.1rem;border-radius:50%;margin-bottom:10px}.landing-step-card h3{font-family:var(--font-display);margin:0 0 6px;font-size:1rem;color:var(--civic-blue-dark)}.landing-step-card p{margin:0;font-size:.88rem;color:var(--ink-muted)}.landing-dept-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.landing-dept-card{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;background:linear-gradient(135deg,var(--civic-blue) 0%,var(--civic-blue-light) 100%);color:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.landing-dept-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:8px}.landing-dept-icon svg{width:22px;height:22px}.landing-dept-card strong{display:block;font-size:.9rem;margin-bottom:2px}.landing-dept-card span{font-size:.8125rem;color:#fffffff2}.landing-tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.landing-tip{display:flex;gap:12px;padding:14px;border-radius:var(--radius-md);border:2px solid var(--hair)}.landing-tip-good{background:#1f9d5514;border-color:#1f9d5559}.landing-tip-warn{background:#e6a8171a;border-color:#e6a81766}.landing-tip-bad{background:#d63b2a14;border-color:#d63b2a59}.landing-tip-emoji{font-size:1.75rem;line-height:1}.landing-tip strong{display:block;margin-bottom:4px;font-family:var(--font-display);color:var(--civic-blue-dark)}.landing-tip p{margin:0;font-size:.9rem;color:var(--ink)}.landing-footer{text-align:center;padding:24px 16px 0;color:var(--ink-muted);font-size:.88rem}.landing-footer strong{color:var(--civic-blue)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}