/* Compact city RPG interface, inspired by classic browser-game dashboards. */
:root{--ink:#333;--muted:#666;--green:#4b6542;--purple:#555;--line:#c8c8c8;--paper:#f4f4f4;--gold:#c99b36}
html,body{background:#d8d8d8!important;color:#333!important;font-family:Arial,Helvetica,sans-serif!important;font-size:13px}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit!important}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #427bab;outline-offset:2px}h1,h2,h3,h4,p{color:inherit}h1{font-size:23px!important;letter-spacing:-.3px!important}h2{font-size:16px!important}h3{font-size:14px!important}p{font-size:13px!important;line-height:1.55}.eyebrow{font-size:10px!important;color:#777!important;letter-spacing:1px}.layout{display:grid!important;grid-template-columns:210px minmax(0,1fr)!important;max-width:1440px;margin:auto;min-height:100vh}.sidebar{position:sticky!important;top:0;height:100vh!important;width:auto!important;background:#e9e9e9!important;color:#333!important;border-right:1px solid #aaa!important;border-radius:0!important;padding:0!important;display:flex!important;flex-direction:column;overflow:hidden}.brand{padding:12px!important;background:linear-gradient(#f7f7f7,#d5d5d5)!important;border-bottom:1px solid #aaa}.sidebar-player27{color:#333!important;padding:0!important;gap:9px!important}.sidebar-player27 strong{font-size:13px}.sidebar-player27 small{font-size:11px;color:#666!important}.hud-face26{width:42px!important;height:42px!important;border:1px solid #999!important;border-radius:4px!important}.nav{padding:7px!important;overflow:auto!important;max-height:none!important;flex:1;gap:0!important}.nav button{display:flex!important;align-items:center;gap:7px;width:100%;min-height:29px!important;padding:5px 8px!important;font-size:12px!important;line-height:1.3;text-align:left;background:transparent!important;color:#444!important;border:0!important;border-radius:2px!important;box-shadow:none!important}.nav button:hover{background:#d6d6d6!important}.nav button.active{background:linear-gradient(#707070,#505050)!important;color:#fff!important;font-weight:bold!important;border-left:3px solid #d9ab4d!important}.nav .shortcut-art28{width:21px!important;height:21px!important;flex:0 0 21px;border-radius:3px!important}.nav-group{border:0!important;background:transparent!important;margin:8px 0!important}.nav-group summary{display:flex!important;gap:8px;align-items:center;background:linear-gradient(#f8f8f8,#d4d4d4)!important;color:#333!important;border:1px solid #bbb!important;padding:7px!important;min-height:30px;font-size:12px!important;font-weight:bold!important;border-radius:3px!important;cursor:pointer}.nav-group summary:after{content:'+';margin-left:auto}.nav-group[open] summary:after{content:'−'}.nav-group button{padding-left:16px!important}.nav-favourites29>small{display:block;padding:7px 8px;color:#777;font-size:10px}.nav-utilities29{border-top:1px solid #bbb;padding-top:7px;margin-top:10px}.main{margin:0!important;padding:0!important;min-width:0}.content{padding:14px 18px 40px!important;max-width:none!important}.pageheading,.city-heading29{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:8px 0 15px!important}.pageheading p,.city-heading29 p{margin:5px 0}.pageheading h1,.city-heading29 h1{margin:3px 0}.page-tools29{display:flex;align-items:center;justify-content:space-between;padding:0 0 10px;border-bottom:1px solid #bbb;font-size:11px;color:#666;margin-bottom:12px}.primary,.secondary,button.filter,.filter-row button,.tabs28 button{border-radius:3px!important;box-shadow:none!important;padding:7px 11px!important;font-size:12px!important;min-height:30px!important;transform:none!important}.primary{background:linear-gradient(#758867,#4c6141)!important;border:1px solid #3f5335!important;color:white!important}.secondary,.filter-row button,.tabs28 button{background:linear-gradient(#fff,#e0e0e0)!important;border:1px solid #aaa!important;color:#333!important}.filter-row .selected,.tabs28 .selected{background:#555!important;color:white!important}.text-link29{background:none!important;border:0!important;color:#3b6080!important;padding:3px!important;font-size:11px!important;box-shadow:none!important;border-radius:0!important}.badge,.state-tag29{background:#e9e9e9!important;color:#555!important;border:1px solid #ccc!important;padding:3px 6px!important;border-radius:3px!important;font-size:10px!important}.city-dashboard29{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr);gap:15px}.panel29{background:#fafafa;border:1px solid #bdbdbd;border-radius:4px;overflow:hidden;margin-bottom:14px;box-shadow:0 1px 1px #0001}.panel29>header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#fafafa,#ddd);border-bottom:1px solid #bbb;padding:8px 11px}.panel29>header h2{margin:0!important;font-size:13px!important}.panel-body29{padding:13px}.panel-body29 h3{margin:0 0 6px}.panel-foot29{padding:9px 12px;background:#eee;font-size:11px;color:#666}.guide29{display:flex;align-items:flex-start;padding:13px;gap:12px}.guide-face29{width:56px;height:68px;flex:0 0 56px;border:1px solid #ccc;border-radius:3px}.guide29 h3{margin:6px 0}.guide29 small{font-size:9px;color:#777}.guide29 p{margin:7px 0}.rows29>button{border:0;border-bottom:1px solid #ddd;background:#fafafa;width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;padding:11px 12px;font-size:12px;color:#333}.rows29>button:last-child{border:0}.rows29 small{display:block;font-size:11px;color:#777;margin-top:5px}.quick-grid29{display:grid;grid-template-columns:1fr 1fr;padding:7px;gap:6px}.quick-grid29 button{display:flex;align-items:center;text-align:left;padding:8px;gap:9px;border:1px solid #ddd;background:#f5f5f5;border-radius:3px;font-size:11px}.quick-grid29 button>span:last-child{margin-left:auto}.quick-grid29 .shortcut-art28{width:32px;height:32px}.reward-summary29{display:flex}.reward-summary29 button{flex:1;border:0;background:transparent;padding:14px;color:#555}.reward-summary29 b{display:block;font-size:25px}.reward-summary29 span{font-size:11px}.skill-mini29{padding:7px 12px}.skill-mini29 button{display:block;width:100%;background:none;border:0;padding:8px 0;color:#444}.skill-mini29 span{display:flex;justify-content:space-between;font-size:12px;margin-bottom:5px}.checklist29{margin:0;padding:8px 12px;list-style:none}.checklist29 button{display:flex;gap:10px;border:0;background:none;padding:7px 0;color:#555;font-size:12px;text-align:left}.checklist29 .done{color:#527845}.directory-controls29{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:15px 0}.directory-controls29 label{display:grid;gap:5px;font-size:11px}.directory-controls29 input,.directory-controls29 select{height:34px;border:1px solid #aaa;border-radius:3px;padding:6px 9px;background:white;color:#333;max-width:100%}.directory-controls29>span{margin-left:auto;font-size:11px;padding-bottom:8px}.directory29{border:1px solid #bbb;border-radius:4px;overflow:hidden;background:#fafafa}.directory-row29{display:grid;grid-template-columns:94px minmax(0,1fr) 125px;gap:13px;padding:12px;border-bottom:1px solid #ccc}.directory-row29:nth-child(even){background:#f0f0f0}.directory-row29:last-child{border:0}.directory-row29>.card-art,.directory-row29>.education-art27{height:76px!important;width:94px!important;border-radius:3px!important;margin:0!important}.directory-row29 h3{margin:4px 0}.directory-row29 p{margin:5px 0;font-size:12px!important}.directory-row29 small{font-size:10px;color:#666}.directory-row29 details{margin-top:8px}.directory-row29 summary{font-size:11px;color:#3b6080;cursor:pointer}.row-action29{display:flex;flex-direction:column;gap:10px;align-items:stretch;justify-content:center}.row-action29 .state-tag29{text-align:center}.chips29{display:flex;flex-wrap:wrap;gap:5px}.chips29 span{font-size:10px;border:1px solid #ccc;border-radius:2px;padding:3px 5px;color:#666}.cards28,.reward-grid,.business-grid,.life-grid{gap:12px!important}.cards28>article,.reward-card,.business-card,.life-card,.collection-info,.settings-panel,.identity28,.vitals-card28,.aspiration28{border-radius:4px!important;border:1px solid #bcbcbc!important;background:#fafafa!important;box-shadow:0 1px 1px #0001!important;color:#333!important}.reward-card{padding:12px!important}.card-art,.business-scene,.art28,.event-art28,.workout-art28{border-radius:3px!important;max-height:150px!important}.card-body28{padding:12px!important}.friend28{gap:10px!important;padding:12px!important}.friend28 p{font-size:12px!important}.tabs28{gap:6px!important;margin:12px 0!important}.tab-art28{width:25px!important;height:25px!important}.character-face28{height:180px!important}.stats28 button,.strengths28 button{border-radius:4px!important;background:#fafafa!important;border:1px solid #bbb!important;color:#333!important}.collection-info{padding:12px!important;margin:12px 0!important}.pager28{padding:10px 0!important;margin:0!important}.pager28 span{font-size:11px!important}progress{height:7px!important;border-radius:2px!important;accent-color:#728c57;background:#ddd;width:100%}progress::-webkit-progress-bar{background:#ddd;border-radius:2px}progress::-webkit-progress-value{background:#728c57;border-radius:2px}#player-sticky26{top:0!important;background:#e6e6e6!important;border:0!important;border-bottom:1px solid #aaa!important;border-radius:0!important;padding:0!important;box-shadow:0 2px 3px #0002!important;z-index:80}#player-hud26{min-height:58px!important;padding:7px 12px!important;gap:13px!important;background:linear-gradient(#fafafa,#dedede)!important;border-radius:0!important;color:#333!important}#player-hud26 .mini-logo27{width:60px!important;height:40px!important}#player-hud26 .hud-money26 b{font-size:17px!important;color:#333!important}.hud-money26 small{font-size:10px!important}.hud-needs26{padding:5px!important;min-width:95px!important;background:#eeeeee!important;border:1px solid #ccc!important;border-radius:3px!important;color:#444!important}.hud-needs26 span{font-size:10px!important}#global-task24{padding:7px 12px!important;min-height:43px!important;background:#e7e4dc!important;color:#333!important;border:0!important;border-top:1px solid #c5c2ba!important;border-radius:0!important;gap:10px!important}.now-label24 b{font-size:12px!important}.now-label24 span{font-size:10px!important}#global-task24 .primary,#global-task24 .secondary{padding:5px 8px!important;font-size:10px!important;min-height:26px!important}#global-task24>progress{max-width:180px}.activity-motion27{font-size:21px!important}.compact-command27{padding:6px 12px!important;gap:8px!important;display:flex;align-items:center;background:#f2f2f2!important}.compact-command27 input{height:29px!important;min-height:0!important;padding:5px 8px!important;border:1px solid #bbb!important;border-radius:3px!important;font-size:12px!important}.compact-command27 button{padding:4px 8px!important;min-height:27px!important}.compact-command27 .shortcut-art28{display:none!important}#city-clock29{display:flex;align-items:center;gap:10px;padding:5px 12px;background:#ddd;font-size:10px}#city-clock29 .weather-clock{flex:1;display:flex;justify-content:space-between;margin:0!important;padding:0!important;background:none!important;border:0!important;min-height:0!important;color:#555!important;font-size:10px!important}#city-clock29 small{font-size:9px}#hint-dock{display:none!important}.count29{margin-left:auto;background:#b65c3a;padding:1px 4px;color:#fff;border-radius:2px}dialog{border-radius:5px!important}.tabs28 button .shortcut-art28{width:23px!important;height:23px!important}.mobile-close{display:none!important}.resource-grid29{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.resource-grid29>div{padding:10px;background:#eee;border:1px solid #ccc}.resource-grid29 b{display:block}.city-subtabs29{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.stat-table29{width:100%;border-collapse:collapse}.stat-table29 th,.stat-table29 td{padding:9px;text-align:left;border-bottom:1px solid #ccc;font-size:12px}.stat-table29 th{background:#e4e4e4}.log29{list-style:none;padding:0;margin:0}.log29 li{padding:9px;border-bottom:1px solid #ddd}.log29 time{display:block;color:#777;font-size:10px}.rpg-resources29{display:flex;gap:10px;flex:1}.rpg-resources29>button{background:transparent;border:0;flex:1;min-width:70px;font-size:10px;color:#444}.rpg-resources29 span{display:flex;justify-content:space-between;margin-bottom:3px}.rpg-resources29 progress.nerve29{accent-color:#b85245}.rpg-resources29 progress.happy29{accent-color:#c29c42}.rpg-resources29 progress.life29{accent-color:#548ead}
@media(min-width:1100px){.cards28,.reward-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.friends28{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:900px){.layout{grid-template-columns:185px minmax(0,1fr)!important}.city-dashboard29{grid-template-columns:1fr}.content{padding:12px!important}.directory-row29{grid-template-columns:70px minmax(0,1fr) 105px;gap:8px}.directory-row29>.card-art,.directory-row29>.education-art27{width:70px!important;height:65px!important}#player-hud26{flex-wrap:wrap}.rpg-resources29{flex-basis:100%}.hud-money26{flex:1}.weather-clock small{display:none}}
@media(max-width:650px){.layout{display:block!important}.sidebar{position:fixed!important;left:0;top:0;width:240px!important;height:100dvh!important;z-index:200;transform:translateX(-100%)}.sidebar.mobile-open{transform:none!important}.mobile-close{display:block!important}.main{width:100%!important}.content{padding:10px!important}#player-hud26 .menu-toggle{display:block!important}#player-sticky26{position:sticky!important}#city-clock29{flex-wrap:wrap}#city-clock29 .weather-clock{flex-basis:100%}.city-heading29{align-items:flex-start}.directory-row29{grid-template-columns:60px minmax(0,1fr)}.directory-row29>.card-art,.directory-row29>.education-art27{width:60px!important;height:60px!important}.row-action29{grid-column:2;flex-direction:row;align-items:center;justify-content:flex-end}.quick-grid29{grid-template-columns:1fr 1fr}.directory-controls29 label{flex:1;min-width:120px}.directory-controls29 input,.directory-controls29 select{width:100%}.directory-controls29>span{width:100%;padding:0}#global-task24>progress{display:none}.resource-grid29{grid-template-columns:1fr 1fr}.stat-table29{display:block;overflow:auto}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.crime-row29{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #ccc}.crime-row29:last-child{border:0}.crime-row29>div{flex:1}.crime-row29 h3{margin:0 0 4px}.crime-row29 p{margin:4px 0}.crime-row29 small{font-size:11px;color:#666}.crime-symbol29{display:grid;place-items:center;width:40px;height:40px;border:1px solid #bdbdbd;background:linear-gradient(#fff,#ddd);font-size:17px;font-weight:bold;border-radius:3px}.nav-block-title29{background:linear-gradient(#fafafa,#ccc);border:1px solid #bbb;padding:6px 8px;margin:9px 0 4px;font-size:11px;font-weight:bold;color:#444}.nav-mini29{width:21px;text-align:center;color:#777}.hud-identity29{display:flex;align-items:center;gap:8px;background:none;border:0;text-align:left;color:#333;min-width:130px}.hud-identity29 small{display:block;font-size:10px;margin-top:4px}.hud-identity29 b{font-size:12px}.hud-money26 b{white-space:nowrap}.rpg-resources29 .nerve29::-webkit-progress-value{background:#bd675b}.rpg-resources29 .happy29::-webkit-progress-value{background:#c6a349}.rpg-resources29 .life29::-webkit-progress-value{background:#6594b7}