/* The same clean, warm city-game palette from the street to its interfaces. */
:root{--disp:"PingFang TC","Microsoft JhengHei",sans-serif;--body:"PingFang TC","Microsoft JhengHei",sans-serif;--ink:#263e50;--ink2:#486273;--muted:#657b87}
body,button,input,select,textarea{font-family:var(--body)}
.topbar,.bottombar{background:rgba(249,252,252,.96)!important;border-color:#d1dde1!important;box-shadow:0 4px 18px #1f42591a!important}
.topbar #hTime,.topbar #hMoney{font-weight:700;color:#284e61}.topbar .speed button.on{background:#365f74;color:#fff}.bottombar button{color:#395d6b!important}.bottombar button.on{background:#dcebef!important}
.city-tools button{background:#f7fafbf2;border-color:#cbdadf;color:#355d6d;box-shadow:0 3px 10px #263e5020}
.sheet-card{background:#f6f9fa!important;border-color:#e5edef!important;box-shadow:0 -8px 45px #1f384a30!important}
.sheet-head{border-bottom-color:#dce7eb!important}.sheet-head h2{font-weight:800;letter-spacing:0;color:#2a485a}
.act,.choice,.opt,.li,.app{background:#fff!important;border-color:#d4e0e5!important;color:#294c60!important;border-radius:12px!important}
.act b{font-weight:750}.act small{color:#607783}.act:hover,.choice:hover,.opt:hover,.li:hover,.app:hover{background:#edf5f7!important}
.opt.on,.tab.on{border-color:#518196!important;color:#285c73!important}.opt.on{background:#e2f0f4!important}
.btn{border-color:#c4d6df;background:#fff;color:#2a5367;border-radius:10px;box-shadow:0 2px 0 #bfced655}.btn.primary{background:#347485;color:#fff;border-color:#2e6575}.btn:disabled,.act:disabled,.choice:disabled{opacity:.5}
.tb-card,#talkbox.street .tb-card{background:#fffdf7;border:2px solid #fff;border-radius:26px;box-shadow:0 5px 0 #c2d1d3,0 12px 32px #233d4d30;color:#294252}
.tb-name,#talkbox.street .tb-name{background:#3d7884;color:#fff;transform:none;font-weight:750;border-radius:12px;box-shadow:0 2px 0 #285568}
.tb-choice,#talkbox.street .tb-choice{background:#f9efcb;border:1px solid #fef9e7;box-shadow:0 3px 0 #d1bd81;color:#475363;border-radius:16px}
.tb-choice:focus-visible{outline:3px solid #4693b2;outline-offset:3px}.tb-choice:hover{background:#fff6d7}
body.station-chat{background:radial-gradient(ellipse at 50% 25%,#d8e6e4,#809ca9)}
#talkbox.at-workplace .station-stage{background:linear-gradient(#eee4d2 0 66%,#bfa98d 66%);border-color:#f9faf4;box-shadow:0 5px 0 #718c953d}
.station-stage:after{content:"";position:absolute;inset:67% 0 0;background:repeating-linear-gradient(0deg,transparent 0 20px,#6f625420 21px 22px),repeating-linear-gradient(90deg,transparent 0 64px,#6f625426 65px 66px);pointer-events:none}
.station-place{background:#3e7682}.station-window{border-color:#f9f4e8;border-radius:4px;background:linear-gradient(90deg,transparent 48%,#faf4dc 48% 53%,transparent 53%),linear-gradient(#83b6cc 48%,#faf4dc 48% 53%,#9ebb91 53%);box-shadow:0 0 0 2px #b8ad96,4px 6px 0 #82725a22}
.station-counter{border-top-color:#e2c3a0;background:repeating-linear-gradient(90deg,#a7896f 0 38px,#83674f 39px 40px);z-index:1}.station-people{z-index:2}
.station-person svg{filter:drop-shadow(0 4px 3px #3e4e4633)}
.station-shelves{position:absolute;right:28px;top:47px;width:83px;height:53px;border:5px solid #ab9076;background:repeating-linear-gradient(90deg,#b6c9b5 0 9px,#ece1bb 10px 17px,#8ea6b2 18px 28px);box-shadow:0 4px 0 #77684d33}
.station-shelves:after{content:"";position:absolute;top:23px;left:0;right:0;height:5px;background:#ab9076}
.station-clock{position:absolute;left:calc(50% - 11px);top:51px;width:22px;height:22px;border:3px solid #b0a18b;border-radius:50%;background:#fffcf3}
.station-clock:before,.station-clock:after{content:"";position:absolute;width:2px;left:10px;bottom:10px;background:#61767b;transform-origin:bottom}.station-clock:before{height:8px;transform:rotate(var(--minute))}.station-clock:after{height:6px;transform:rotate(var(--hour))}
.station-plant{position:absolute;left:12px;bottom:18px;width:18px;height:21px;background:linear-gradient(90deg,#a77758,#d2a482);border-radius:3px 3px 7px 7px;z-index:1}
.station-plant:before{content:"";position:absolute;left:4px;top:-23px;width:12px;height:27px;border-radius:90% 10% 60% 30%;transform:rotate(-22deg);background:#628e66;box-shadow:9px 6px 0 #7aa578,-4px 9px 0 #416f53}
.station-stage[data-setting="lobby"]{background:linear-gradient(#d9e4e4 0 66%,#bec9c7 66%)!important}.station-stage[data-setting="lobby"] .station-shelves{background:repeating-linear-gradient(90deg,#91a1a4 0 23px,#dce3df 24px 26px);border-color:#bacacb}.station-stage[data-setting="lobby"] .station-counter{background:#80999c;border-top-color:#e2e8e3}
.landmark-stage .station-shelves,.landmark-stage .station-clock{display:none}
.landmark-stage{background:linear-gradient(#bbd8e5 0 48%,#85ad7c 49% 72%,#d4c6aa 73%)!important}
.fit-stage{background:radial-gradient(ellipse at 50% 65%,#fefcfa,#e1eaf0);border-color:#ccdae2}.fit-card{background:#fff;border-color:#d0dfe5;color:#355667;box-shadow:0 2px 5px #243e5010}.fit-card.selected{background:#e8f2f7;border-color:#527f96;box-shadow:0 0 0 2px #7198ac22}.fit-card small,.fit-tag,.fit-details #fitStatus{color:#627b8b}.fit-turn{background:#fffd;border-color:#ccdae2;color:#38596d}
#screen.home .home-title h1{font-family:var(--body);font-weight:900;letter-spacing:.03em;text-shadow:0 4px 18px #102b4140}
#screen.home .tag{border-radius:14px;border-color:#a4c8d14d}#screen.home .tag:hover{background:#eaf6ff26}
@media(prefers-reduced-motion:reduce){.fit-card,.tb-choice{transition:none}}