:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e9dcc0;--panel:#f5ecd8;--panel-2:#efe2c6;--accent:#4f6b3a;--accent-2:#a8642a;--on-accent:#f8f1e2;--text:#2b2114;--text-dim:#7a6a52}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;max-width:480px;margin-inline:auto;padding-block:12px 32px;padding-inline:16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.loading{text-align:center;color:var(--text-dim);padding-top:40px}.auth-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:80vh;display:flex}.auth-screen h1{margin:0;font-size:26px}.auth-subtitle{color:var(--text-dim);margin:0 0 10px;font-size:14px}.auth-btn{cursor:pointer;border:none;border-radius:10px;width:260px;padding:12px 16px;font-size:15px;font-weight:600}.auth-btn-google{color:#1f1f1f;background:#fff;border:1px solid #00000026}.auth-btn-primary{background:var(--accent);color:#fff}.auth-divider{color:var(--text-dim);margin:4px 0;font-size:12px}.login-form{flex-direction:column;align-items:center;gap:10px;width:260px;display:flex}.login-form input{border:1px solid var(--panel-2);background:var(--panel);width:100%;color:var(--text);border-radius:8px;padding:10px 12px;font-size:14px}.login-form .auth-btn{width:100%}.login-error{color:#e05a5a;margin:0;font-size:13px}.login-toggle{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:12px;text-decoration:underline}.topbar-account{align-items:center;gap:8px;min-width:0;display:flex}.topbar-user{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.topbar-btn{background:var(--panel-2);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:32px;height:32px;font-size:15px;line-height:1}.topbar-btn.is-active{background:var(--accent-2)}.map-trail{align-items:center;gap:8px;margin-bottom:12px;display:flex}.map-back{background:var(--panel-2);width:28px;height:28px;color:var(--text);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;font-size:15px;line-height:1}.map-trail-text{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.map-grid{gap:6px;display:grid}.map-grid-world{grid-template-columns:repeat(5,1fr)}.map-grid-archipelago{grid-template-columns:repeat(4,1fr)}.map-tile{background:var(--panel);min-height:62px;color:var(--text);cursor:pointer;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;display:flex;overflow:hidden}.map-tile.is-offset{transform:translate(50%)}.map-tile.is-mine{box-shadow:inset 0 0 0 1px var(--accent-2)}.map-tile-icon{font-size:16px;line-height:1}.map-tile-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:600;overflow:hidden}.map-tile-meta{color:var(--text-dim);font-size:11px}.map-tile-mine{color:var(--accent-2);font-size:10px}.island-head{background:var(--panel);border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:10px;padding:12px;display:flex}.island-head-main{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.island-head-icon{font-size:26px}.island-head-name{font-size:15px;font-weight:600}.island-head-sub{color:var(--text-dim);font-size:11px}.island-head-side{text-align:right;flex-shrink:0}.island-head-coord{color:var(--accent-2);font-size:13px;font-weight:600}.slot-row{background:var(--panel);border-radius:10px;align-items:center;gap:10px;margin-bottom:5px;padding:8px 12px;display:flex}.slot-row.is-mine{background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--accent-2)}.slot-index{width:20px;color:var(--text-dim);flex-shrink:0;font-size:11px}.slot-info{flex:1;min-width:0}.slot-owner{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.slot-kind{color:var(--text-dim);font-size:11px}.slot-free{color:var(--text-dim);font-size:13px}.slot-score{color:var(--text-dim);flex-shrink:0;font-size:13px}.slot-found{background:var(--accent-2);color:var(--on-accent);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:6px 10px;font-size:12px;font-weight:600}.slot-found:disabled{background:var(--panel-2);color:var(--text-dim);cursor:not-allowed}.workshop{background:var(--panel);border-radius:12px;margin-top:8px;padding:12px}.workshop-head{align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.workshop-title{flex:1;font-size:13px}.workshop-capacity{color:var(--text-dim);font-size:11px}.workshop-timer{color:var(--accent-2);font-size:14px;font-weight:700}.workshop-inputs{gap:8px;margin-bottom:10px;display:flex}.workshop-input{border:1px solid var(--panel-2);background:var(--bg);color:var(--text);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 6px;font-size:12px;display:flex}.workshop-input.is-active{border-color:var(--accent-2);color:var(--accent-2)}.workshop-ratio{color:var(--text-dim);font-size:11px}.workshop-input.is-active .workshop-ratio{color:var(--accent-2)}.workshop-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.workshop-row input[type=range]{flex:1;min-width:0}.workshop-amount{text-align:right;flex-shrink:0;width:52px;font-size:14px;font-weight:600}.workshop-note{color:var(--text-dim);flex:1;margin:0;font-size:12px}.workshop-start{background:var(--accent-2);color:var(--on-accent);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:7px 14px;font-size:13px;font-weight:600}.workshop-start:disabled{background:var(--panel-2);color:var(--text-dim);cursor:not-allowed}.modal-cancel{color:#e0703a;cursor:pointer;background:0 0;border:1px solid #b04a3a;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600}.modal-cancel:disabled{opacity:.5;cursor:default}.modal-cancel-note{color:var(--text-dim);font-size:12px}.modal-hint{color:var(--text-dim);margin:10px 0 0;font-size:12px}.leaderboard-row{background:var(--panel);border-radius:10px;align-items:center;gap:8px;margin-bottom:6px;padding:10px 12px;font-size:14px;display:flex}.leaderboard-row.is-head{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);background:0 0;margin-bottom:2px;padding-block:0 4px;font-size:12px}.leaderboard-row.is-me{background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--accent-2)}.lb-rank{width:28px;color:var(--text-dim);flex-shrink:0}.lb-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lb-seen{color:var(--text-dim);font-size:10px;display:block}.lb-seen.is-online{color:var(--accent);font-weight:600}.lb-total{text-align:right;width:56px;color:var(--accent-2);flex-shrink:0;font-weight:700}.leaderboard-row.is-head .lb-total{color:var(--text-dim);font-weight:600}.leaderboard-note{color:var(--text-dim);margin:14px 2px 0;font-size:12px;line-height:1.5}.settings-block{background:var(--panel);border-radius:12px;margin-bottom:12px;padding:14px}.settings-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:0 0 10px;font-size:12px;font-weight:600;display:block}.settings-block input,.settings-block select{border:1px solid var(--panel-2);background:var(--bg);width:100%;color:var(--text);border-radius:8px;padding:10px 12px;font-size:14px}.settings-block select{appearance:none}.settings-save{background:var(--accent-2);width:100%;color:var(--on-accent);cursor:pointer;border:none;border-radius:12px;margin-bottom:12px;padding:12px;font-size:14px;font-weight:600}.settings-save:disabled{background:var(--panel-2);color:var(--text-dim);cursor:not-allowed}.settings-error{color:#e05a5a;margin:8px 0 0;font-size:13px}.settings-langs{flex-wrap:wrap;gap:8px;display:flex}.settings-lang{border:1px solid var(--panel-2);background:var(--bg);color:var(--text);cursor:pointer;border-radius:8px;flex:120px;padding:10px 12px;font-size:14px}.settings-lang.is-active{border-color:var(--accent-2);color:var(--accent-2);font-weight:600}.settings-signout{background:var(--panel);width:100%;color:var(--text-dim);cursor:pointer;border:none;border-radius:12px;padding:12px;font-size:14px}.sticky-head{z-index:50;background:var(--bg);margin:-12px -16px 12px;padding:8px 12px 6px;position:sticky;top:0}.head-card{background:var(--panel);border-radius:14px;padding:8px 10px 6px;box-shadow:0 4px 14px #0000001f}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.topbar h1{flex-shrink:0;margin:0;font-size:17px}.topbar-second{margin-top:-2px}.topbar .topbar-btn{width:28px;height:28px;font-size:14px}.topbar-account-btn{background:var(--panel-2);min-width:0;max-width:160px;height:28px;color:var(--text);font:inherit;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:6px;padding:0 8px 0 10px;font-size:13px;display:flex}.topbar-account-btn.is-active{background:var(--accent-2);color:var(--on-accent)}.topbar-account-btn .topbar-user{color:inherit}.topbar-brand{align-items:baseline;gap:10px;min-width:0;display:flex}.topbar-help{color:var(--text-dim);text-underline-offset:2px;white-space:nowrap;font-size:12px;text-decoration:underline}.topbar-help.is-active{color:var(--accent)}.city-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.city-head .city-place{flex:none}.head-stat{white-space:nowrap;align-items:center;gap:3px;font-size:13px;font-weight:700;display:inline-flex}.head-stat .resource-mark{width:20px;height:20px}.head-stat.is-hungry{color:#b04a3a}.stock-row{align-items:center;gap:4px;margin-bottom:4px;display:flex}.stock-cell{background:var(--bg);border:1px solid var(--accent-2);white-space:nowrap;border-radius:8px;flex:1;align-items:center;gap:3px;min-width:0;padding:3px 6px;font-size:12px;font-weight:700;display:inline-flex}.stock-cell .resource-mark{flex-shrink:0;width:20px;height:20px}.stock-cell.is-product{background:var(--panel-2)}.city-select{align-items:center;min-width:0;display:inline-flex;position:relative}.city-select select{appearance:none;background:var(--panel-2);color:var(--text);border:1px solid var(--accent-2);border-radius:10px;max-width:100%;padding:8px 30px 8px 12px;font-size:14px;font-weight:600}.city-select-arrow{color:var(--accent-2);pointer-events:none;font-size:14px;position:absolute;right:10px}.city-switcher{margin-bottom:14px}.city-switcher select{background:var(--panel);width:100%;color:var(--text);appearance:none;border:none;border-radius:10px;padding:10px 12px;font-size:14px;font-weight:600}:root{--silver:#6f7a8a}.treasury{background:var(--panel);border-left:3px solid var(--silver);border-radius:10px;align-items:center;gap:8px;margin-bottom:10px;padding:9px 12px;display:flex}.treasury-icon{font-size:28px;line-height:1}.treasury.population{border-left-color:var(--accent-2)}.treasury-rate.is-hungry{color:#e0703a;font-weight:600}.treasury-value{font-size:18px;font-weight:700}.treasury-rate{color:var(--text-dim);font-size:11px}.treasury-label{text-transform:uppercase;letter-spacing:.06em;color:var(--silver);margin-left:auto;font-size:11px;font-weight:600}.resource-mark{vertical-align:-.22em;object-fit:contain;width:1.15em;height:1.15em}.cost-part{margin-right:6px}.cost-part .resource-mark{vertical-align:-.45em;width:1.6em;height:1.6em}.nav-row{align-items:stretch;gap:6px;margin-bottom:6px;display:flex}.nav-silver{background:var(--panel-2);border:1px solid var(--accent-2);border-radius:10px;padding:5px 10px;font-size:14px}.levels{border:1px solid var(--accent-2);background:var(--panel-2);border-radius:10px;flex:1;gap:2px;padding:2px;display:flex}.level-btn{color:var(--text-dim);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:6px 4px;font-size:12px;font-weight:600}.level-btn.is-active{background:var(--panel-2);color:var(--accent-2);box-shadow:inset 0 0 0 1px var(--accent-2)}.level-btn:disabled{color:var(--panel-2);cursor:not-allowed}.city-place{white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:12px;display:flex}.city-place-icon{font-size:14px}.city-place-name{font-weight:600}.city-place-terrain{color:var(--text-dim)}.resources{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.resources-3{grid-template-columns:repeat(3,1fr)}.resource-group{margin-bottom:20px}.resource{background:var(--panel);border-radius:10px;align-items:center;gap:8px;min-width:0;padding:6px 8px;display:flex}.res-icon{flex-shrink:0;font-size:32px;line-height:1}.res-body{flex-direction:column;min-width:0;display:flex}.res-cap{color:var(--text-dim);font-size:10px;font-weight:400}.res-value{white-space:nowrap;font-size:14px;font-weight:700;line-height:1.15}.res-rate{color:var(--text-dim);font-size:10px;line-height:1.2}.building-section{margin-bottom:22px}.building-section-head{background:var(--panel-2);border-left:3px solid var(--accent-2);border-radius:10px;justify-content:space-between;align-items:center;min-height:34px;margin-bottom:8px;padding:4px 6px 4px 12px;display:flex}.building-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text);margin:0;font-size:12px;font-weight:600}.building-section-add{background:var(--accent-2);width:26px;height:26px;color:var(--on-accent);cursor:pointer;border:none;border-radius:8px;font-size:18px;font-weight:700;line-height:1}.market-stock{justify-content:center;gap:14px;margin:4px 0 8px;font-size:13px;font-weight:600;display:flex}.market-have{color:var(--text-dim);margin-left:4px;font-size:11px}.market-preview,.port-load{color:var(--text);font-weight:600}.magistrate-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:6px;display:grid}.magistrate-cell{background:var(--panel-2);border-radius:8px;flex-direction:column;align-items:center;padding:4px 2px;display:flex}.magistrate-cell .resource-mark{width:22px;height:22px}.magistrate-num{font-size:13px;font-weight:700}.magistrate-rate{color:var(--accent);min-height:12px;font-size:10px}.magistrate-rate.is-neg{color:#b04a3a}.magistrate-line{text-align:center;margin-bottom:14px}.magistrate-sub{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);text-align:left;border-top:1px solid #00000014;margin:12px 0 6px;padding-top:10px;font-size:11px;font-weight:700}.confirm-overlay{z-index:110}.modal.confirm{max-width:320px}.confirm-actions{justify-content:center;gap:10px;margin-top:14px;display:flex}.confirm-actions .building-row-btn{width:auto;padding:8px 18px}.confirm-actions .modal-cancel{padding:8px 18px;font-size:13px}.magistrate-name{background:var(--panel-2);min-width:0;color:var(--text);border:1px solid var(--accent-2);border-radius:8px;flex:1;padding:6px 10px;font-size:13px}.island-story{color:var(--text-dim);margin:-4px 2px 12px;font-size:13px;line-height:1.4}.port-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.port-label{color:var(--text-dim);font-size:12px}.port-ships{background:var(--panel-2);width:56px;color:var(--text);border:1px solid var(--accent-2);text-align:center;border-radius:8px;padding:6px 8px;font-size:13px}.port-cargo{flex-direction:column;gap:6px;margin:6px 0 8px;display:flex}.port-cargo-row{grid-template-columns:1fr 88px auto;align-items:center;gap:8px;display:grid}.port-cargo-name{text-align:left;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.port-cargo-row input{background:var(--panel-2);width:100%;color:var(--text);border:1px solid var(--text-dim);text-align:right;border-radius:8px;padding:5px 8px;font-size:13px}.port-all{border:1px solid var(--text-dim);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;padding:3px 8px;font-size:11px}.port-summary{color:var(--text-dim);text-align:left;flex-direction:column;gap:2px;margin-bottom:8px;font-size:12px;display:flex}.port-warn{color:#b04a3a}.voyage{background:var(--panel);text-align:left;border-radius:12px;margin-bottom:8px;padding:10px 12px}.voyage-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.voyage-route{font-size:13px;font-weight:600}.voyage-body{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.voyage-status{color:var(--text-dim);font-size:11px}.fleet{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.fleet-row{grid-template-columns:24px 1fr auto auto;align-items:center;gap:8px;font-size:13px;display:grid}.fleet-icon{text-align:center;font-size:18px}.fleet-name{text-align:left}.fleet-count{text-align:right;min-width:24px;font-weight:700}.fleet-have{align-items:center;gap:8px;margin-top:4px;display:flex}.unit-order{flex-direction:column;gap:6px;display:flex}.unit-order input{background:var(--panel);width:100%;color:var(--text);border:1px solid var(--accent-2);text-align:center;border-radius:8px;padding:6px;font-size:13px}.unit-order .building-row-btn{width:100%}.fleet-disband{border:1px solid var(--text-dim);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;padding:3px 8px;font-size:11px}.fleet-disband:disabled{opacity:.4;cursor:default}.mine-summary{cursor:pointer;margin-bottom:12px}.mine-summary .building-row-icon{font-size:30px}.mine-open{color:var(--accent-2);padding-right:4px;font-size:22px}.modal-wide{text-align:left;padding-top:44px}.modal-wide .building-section-title{text-transform:none;letter-spacing:0;font-size:13px}.mine{margin-bottom:0}.mine-confirm{justify-content:flex-end;margin:2px 0 10px;display:flex}.mine-bonus{color:var(--accent);font-weight:700}.mine-slots{color:var(--text-dim);white-space:nowrap;font-size:11px}.mine-pool{background:var(--panel);border-radius:12px;margin-bottom:8px;padding:10px 12px}.mine-pool-bar{background:var(--panel-2);border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.mine-pool-fill{background:var(--accent-2);height:100%}.mine-pool-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.mine-pool-text{font-size:12px}.mine-donate{align-items:center;gap:6px;display:flex}.mine-donate input{background:var(--panel-2);width:72px;color:var(--text);border:1px solid var(--accent-2);border-radius:8px;padding:6px 8px;font-size:13px}.mine-city{background:var(--panel);border-radius:12px;margin-bottom:8px;padding:8px 12px}.mine-city-name{flex:1;font-size:13px;font-weight:600}.mine-city-rate{color:var(--text-dim);white-space:nowrap;font-size:12px}.mine-table .picker-head,.mine-table .picker-row{grid-template-columns:1fr 1fr 56px 72px;padding:8px 12px}.mine-table .picker-head span:last-child{text-align:right}.mine-row.is-mine{background:var(--panel)}.mine-cell-player{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.mine-cell-num{text-align:right;font-weight:600}.picker{text-align:left;background:var(--panel-2);border-radius:12px;margin-top:14px;overflow:hidden}.picker-head,.picker-row{grid-template-columns:36px minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:12px;display:grid}.picker-head{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-2);background:var(--bg);border-bottom:1px solid var(--accent-2);padding-block:8px;font-size:11px;font-weight:700}.picker-head span:last-child{text-align:right}.picker-row+.picker-row{border-top:1px solid #00000014}.picker-row .building-row-icon{text-align:center;font-size:26px}.picker-info{min-width:0}.picker-description{color:var(--text-dim);margin:2px 0 0;font-size:12px;line-height:1.35}.picker-costline{flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:6px;font-size:13px;font-weight:600;display:flex}.picker-costline .cost-part{white-space:nowrap;margin:0}.picker-costline .resource-mark{vertical-align:-.3em;width:20px;height:20px;margin-right:3px}.picker-side{flex-direction:column;align-items:stretch;gap:6px;width:96px;display:flex}.picker-side .building-row-btn{width:100%}.picker-side .building-row-btn:disabled{border:1px solid var(--text-dim);color:var(--text-dim);background:0 0}.picker-why{color:var(--text-dim);text-align:right;margin:-2px 0 0;font-size:11px}.building-row{background:var(--panel);border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;display:flex}.building-row-main{cursor:pointer;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.building-row-icon{font-size:28px}.capitol-icon{filter:drop-shadow(0 0 6px #e8a33d59);width:1.1em;height:1.1em;margin-inline:auto;display:block}.building-mark{object-fit:contain;width:1.1em;height:1.1em;margin-inline:auto;display:block}.building-row-info{flex:1;min-width:0}.building-row-name{font-size:14px;font-weight:600}.building-row-level{color:var(--text-dim);font-size:12px}.building-row-cost{color:var(--text-dim);margin-top:2px;font-size:12px}.building-row-work{color:var(--accent);margin-top:2px;font-size:12px;font-weight:600}.building-row-work .resource-mark{width:16px;height:16px}.building-row-btn{background:var(--accent-2);width:84px;color:var(--on-accent);cursor:pointer;text-align:center;border:none;border-radius:8px;flex-shrink:0;padding:8px 6px;font-size:12px;font-weight:600}.building-row-btn:disabled{background:var(--panel-2);color:var(--text-dim);cursor:not-allowed}.building-row-btn.is-building:disabled{background:var(--accent);color:#fff}.modal-overlay{z-index:100;background:#0a0c10bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);text-align:center;border-radius:18px;flex-direction:column;width:100%;max-width:420px;max-height:calc(100dvh - 40px);padding:28px 24px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.modal>*{flex-shrink:0}.modal .picker,.modal .modal-scroll{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.modal-close{background:var(--panel-2);color:var(--text-dim);cursor:pointer;border:none;border-radius:50%;width:30px;height:30px;font-size:14px;position:absolute;top:12px;right:12px}.modal-icon{font-size:56px}.modal h2{margin:8px 0 2px;font-size:22px}.modal-level{color:var(--text-dim);margin:0 0 14px;font-size:13px}.modal-description{color:var(--text-dim);margin:0 0 14px;font-size:14px;line-height:1.5}.modal-next{margin:0 0 8px;font-size:13px}.modal-gain{color:var(--accent);font-weight:600}.modal-extra{color:var(--accent-2);margin:4px 0 0;font-size:13px}.first-steps{background:var(--panel);border-radius:12px;margin-bottom:14px;overflow:hidden}.first-steps-head{width:100%;color:var(--text);font:inherit;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.first-steps-chevron{color:var(--text-dim)}.first-steps-list{margin:0;padding:0 12px 8px;list-style:none}.first-steps-list li{text-align:left;gap:8px;padding:3px 0;font-size:13px;display:flex}.first-steps-list li.is-done{color:var(--text-dim);text-decoration:line-through}.first-steps-mark{width:16px;color:var(--accent);flex-shrink:0}.modal.welcome{max-width:360px}.modal.welcome .modal-description{text-align:left;line-height:1.5}.welcome-kit{justify-content:center;margin:10px 0}.modal.welcome .building-row-btn{align-self:center;width:auto;margin-top:16px;padding:10px 22px;font-size:13px}.topbar-clock{color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.topbar-bell{position:relative}.topbar-badge{color:#fff;text-align:center;background:#b04a3a;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-4px}.journal-day{margin-bottom:14px}.journal-row{text-align:left;border-radius:8px;gap:10px;padding:6px 8px;font-size:13px;display:flex}.journal-row.is-new{background:var(--panel-2)}.journal-time{color:var(--text-dim);font-variant-numeric:tabular-nums;flex-shrink:0}.journal-body{min-width:0;line-height:1.4}.journal-city{color:var(--text-dim)}.journal-lost{color:#b04a3a}.help-intro{text-align:left;margin:0 0 14px;font-size:14px;line-height:1.45}.help-section{background:var(--panel);text-align:left;border-radius:12px;margin-bottom:8px;padding:10px 12px}.help-section h3{margin:0 0 4px;font-size:14px}.help-section p{color:var(--text-dim);margin:0;font-size:13px;line-height:1.45}