/* Cream ceramic, teal enamel, coral paint: the same materials as the room. */
:root{--cream:#f3e6c9;--amber:#b68a47;--green:#377672;--muted:#667e6c;color:#314f49}body{background:#789c89}
#home-header{color:#2f625a}#home-header small{color:#577e67}#settings-button,.icon-button{background:#f3e6c9;border-color:#d0ba8b;box-shadow:0 3px #81978155}#settings-button img,.icon-button img{filter:none}
#title-screen{left:6%;top:23%;width:320px}h1{font-size:77px;line-height:1.03;letter-spacing:-6px;color:#f6e7c8;text-shadow:0 3px #ae8b59,0 6px 0 #3c7367,0 10px 20px #31534844;transform:rotate(-4deg);margin-bottom:25px}h1 span{color:#da795d}.eyebrow{color:#456e61}.tagline{color:#2f6558;font-size:17px}.intro{color:#426b5b}.version{color:#406c5d;font-size:9px;line-height:1.8}.quiet{color:#466c5f}#save-status{color:#456953}
.primary{background:linear-gradient(#de8a66,#c96c50);border:1px solid #edbb8b;border-bottom:4px solid #a74e3c;border-radius:10px;color:#fff1d7;box-shadow:0 4px 12px #5b6c4633;font-size:15px;min-height:51px}.primary.secondary{background:linear-gradient(#f7ecd2,#ead9b5);border-color:#d8be8b;border-bottom-color:#b99c6c;color:#3d7064}#new-game-button{margin-top:12px}#title-settings{margin-top:14px;font-size:12px}#map-button{font-size:10px}
#hud{background:#f2e7ceeF;border:1px solid #d5bf95;border-bottom:4px solid #c6b58e;box-shadow:0 8px 23px #4b63532b;color:#365e54;border-radius:12px}#hud small{color:#6e8065;font-size:10px}.stage-badge strong{font-size:13px}.hud-time strong{color:#bf7750}.hud-revenue #goal-target{color:#7a8463}.wallet{color:#a97736}.progress-track{background:#c9ccb144}.progress-track i{background:#6b9b82}.hud-satisfaction .progress-track i{background:#a1ae77}
#day-note{padding:12px 13px 8px;left:25px;width:180px;border-radius:9px;background:#f0e6cded;border:1px solid #c9bb94;box-shadow:0 4px 12px #4d6a4820}#day-note .eyebrow{color:#7a896a;font-size:8px}#day-note h2{color:#3d685b;font-size:14px}#day-note p{color:#697b60}#direct-goal,#vip-goal,#loss-goal{color:#596f53}#day-note .met{color:#40816b}
#order-dock{width:180px;left:25px;top:386px}.dock-heading{color:#345d50;background:#f0e5c9;padding:9px 11px;border:1px solid #cbbb92;border-radius:7px 7px 0 0}.dock-heading span{color:#74866a}.order-button{background:#eee5cf;color:#385f53;border-bottom:1px solid #d8d1b4;padding:8px}.order-button:disabled{background:#dddcc6;color:#657661}.order-button small,.order-button:disabled small{color:#7b886f}.order-button .seconds{color:#8d794c}.order-button.locked{background:#f8e5b4;border-left-color:#c5994f}.order-button.urgent .seconds{color:#ac5b43}.order-button kbd{background:#bec7ab66}.order-button:last-child{border-radius:0 0 7px 7px}#order-list .empty{background:#e7e1c7b8;color:#5e795f;padding:12px;border-radius:0 0 7px 7px}
.management-button{background:#f2e6c9;color:#3a6658;border:1px solid #c8b58a;border-bottom:3px solid #b6a47a;border-radius:9px;box-shadow:0 4px 12px #45624125}.management-button img{filter:none}.management-button small{color:#79866a}.typing-station{background:#f2e6c9;border-color:#c5b48a;border-bottom:4px solid #b9a67d;border-radius:12px;box-shadow:0 5px 22px #264e4030}.typing-heading{color:#55755d}.typing-heading .quiet{color:#718166}.input-wrap{background:#fff3d8;border-color:#b8c2a0;border-radius:7px}.input-wrap input{color:#345d51}.input-wrap input::placeholder{color:#8c9878}.input-wrap button{background:#d9ddba;color:#55734e}.typing-help{color:#758165}.typing-station.locked{border-color:#b79a53}#staff-status{color:#274e43}#staff-status small{color:#456857}#combo{color:#ae703f}#combo .eyebrow{color:#59765c}#combo-bonus{color:#456b50}#toast{background:#3c7165;color:#f7e9c8;border:1px solid #b8c89c;border-radius:9px}dialog{border-color:#cbb18b;background:#f2e7cd;border-radius:15px;box-shadow:0 25px 100px #254a3d65}dialog::backdrop{background:#2a4f4670}#upgrade-dialog{background:#f1e3c8;border-color:#c9ac7c}#clear-stats{background:#e3e0bc}.buy-button{background:#548b77;color:#f6eacd;border-color:#397765;border-bottom:3px solid #336451;border-radius:7px}.close{color:#507566}
#chapter-intro{position:absolute;bottom:145px;left:50%;transform:translateX(-50%);text-align:center;background:#f3e6cbeF;border:1px solid #c6b183;border-radius:13px;padding:18px 35px;box-shadow:0 8px 40px #234d4033;z-index:6;min-width:350px}#chapter-intro h2{font-size:27px;color:#3c6d61;margin:9px 0}#chapter-intro p{font-size:12px;color:#7d8365;margin:9px}#chapter-intro button{font-size:11px;color:#587764;background:none;margin-top:4px}.tour #day-note,.tour #order-dock,.tour #hud,.tour #play-controls{visibility:hidden}.tour #chapter-intro{visibility:visible}
@media(max-width:1100px){#day-note{left:18px;width:154px;padding:10px}#order-dock{left:18px;width:154px;top:400px}#title-screen{left:4%;width:280px}h1{font-size:68px}.typing-heading{font-size:9px}}
/* Village edition: compact enamel signs, hanging ledger tabs and command tokens. */
#hud{left:22px;right:22px;top:17px;background:none;box-shadow:none;border:0;padding:0;gap:14px;align-items:stretch;pointer-events:none}#hud>*{pointer-events:auto;background:#f6ead1;border:1px solid #d4bf97;border-bottom:4px solid #b89d74;border-radius:12px;box-shadow:0 6px 17px #203e3c26;padding:12px 16px}.stage-badge{min-width:190px;transform:rotate(-1deg);background:#315f54!important;color:#f6e6bf}#hud .stage-badge small{color:#bdcba7}.hud-revenue{min-width:220px;max-width:380px;flex:1;margin:auto;transform:rotate(.3deg)}.hud-time{min-width:100px}.hud-satisfaction{min-width:95px}#hud .wallet{display:flex;align-items:center;gap:8px}#hud .icon-button{height:58px;align-self:center;padding:10px;min-width:42px}#day-note{top:119px;width:172px;background:#f4e7cddc;border-radius:4px 14px 14px 4px;border-left:4px solid #bc7755;box-shadow:0 5px 15px #344e4220;padding:11px}#condition-description{display:none}#day-note p{margin:8px 0}#order-dock{top:294px;width:172px}.dock-heading{background:#39695e;color:#f2e3bc;border:0;border-radius:9px 9px 0 0}.dock-heading span{color:#bfcba9}.order-button{background:#f8edda;border-bottom:1px dashed #ccb88d}.order-button:disabled{background:#e0ddc2}.order-button img{width:30px}.order-button .seconds{font-size:10px}#order-list{max-height:380px;overflow:auto}
#title-screen{top:24%;left:5%;width:305px;padding:27px 24px 20px;background:#254f46eb;border:2px solid #ddbe86;border-bottom:8px solid #183b34;border-radius:36px 9px 36px 9px;box-shadow:0 20px 55px #183e4640;transform:rotate(-2deg)}#title-screen .eyebrow{font-size:8px;color:#b5c7a1}#title-screen h1{font-size:62px;letter-spacing:-5px;margin:18px 0 16px;text-shadow:0 3px #9f8150;transform:none}#title-screen .tagline{color:#edd4a2;font-size:13px;letter-spacing:3px}#title-screen .intro{color:#c6d2b6;font-size:10px;line-height:1.7;margin:14px 0 20px}#title-screen .quiet{color:#c7d1af}#title-screen .version{font-size:7px;color:#aabf9e;margin:19px 0 0}#save-status{color:#c0ccad;font-size:8px}#home-header{color:#f0e3c4}#home-header small{color:#d4dec0}.primary{border-radius:9px 9px 16px 9px}#play-controls{bottom:20px;align-items:flex-end}.typing-station{width:660px;max-width:64%;padding:12px 15px 10px;border-radius:18px 18px 12px 12px;border-top:4px solid #71957d;background:#f6ebd3;box-shadow:0 7px 24px #1b40464a}.typing-heading{font-size:10px}#command-queue{display:flex;align-items:center;gap:4px;height:37px;overflow:hidden;margin:3px 0 7px}#command-queue small{font-size:7px;letter-spacing:.8px;color:#8c9478;margin-right:3px}#command-queue small:not(:first-child){margin-left:7px}.command-token{flex:0 0 29px;height:29px;background:#e3d8b9;border:1px solid #c9bc97;border-radius:7px;box-shadow:0 2px #b8ae8a33;display:grid;place-items:center}.command-token img{width:26px;height:26px;object-fit:contain}.command-token:first-of-type{background:#f8dba8;border-color:#c6985d}.command-empty{font-size:9px;color:#8a9478}.input-wrap{background:#fff7e4;border:1px solid #c5bf97}.input-wrap input{font-size:17px}.typing-help{font-size:8px}#staff-status{max-width:160px;font-size:10px;color:#f1e4c7}#staff-status small{color:#d1dbbc}#combo{right:30px;color:#f8e7b4}#combo-bonus{color:#e1e6c6}.management-button{background:#315f55;color:#f8e6bd;border-color:#7d9978;border-bottom-color:#224a43}.management-button small{color:#bdcbaa}.management-button img{filter:sepia(.3) brightness(1.3)}
#upgrade-dialog{width:760px;max-height:85vh;padding:26px 30px;border:8px solid #496d5b;border-top:16px solid #315b4f;border-radius:20px;background:#f5e7ca}#upgrade-title{font-size:26px}.menu-wallet{font-size:14px;color:#a17a42;border-bottom:1px solid #d2c19b;padding-bottom:12px}#shop-tabs{display:flex;gap:6px;margin-top:14px}#shop-tabs button{flex:1;padding:12px 5px;background:#ded6b8;color:#6e795c;border-radius:10px 10px 2px 2px;border-bottom:3px solid #c0b895;font-size:12px;font-weight:bold}#shop-tabs button.selected{background:#386b5c;color:#f9e8c5;border-color:#235347}.upgrade-row{gap:18px;min-height:99px;border-bottom:1px dashed #b7b08b}.upgrade-row>img{width:66px;height:70px}.upgrade-info strong{font-size:14px}.upgrade-info small{font-size:11px;line-height:1.7}.upgrade-info em{display:inline-block;margin-left:5px;font-size:9px}.buy-button{min-width:103px;padding:13px 12px}.dialog-desc{line-height:1.8}.map-chapter{padding:12px;border-radius:12px;background:#e6dec2;margin-top:12px}.stage-tile{border-radius:12px 12px 5px 5px;border-bottom:4px solid #a7b48c}.map-chapter:nth-child(2){background:#cfddd5}
@media(max-width:1300px){#hud{gap:9px}#hud>*{padding:10px}.stage-badge{min-width:165px}.hud-revenue{min-width:190px}.hud-time{min-width:90px}#day-note,#order-dock{left:16px;width:155px}#title-screen{width:265px;left:3%;padding:23px 20px}#title-screen h1{font-size:55px}.typing-station{max-width:68%}#staff-status{display:none}.command-token{flex-basis:26px;width:26px;height:26px}.command-token img{width:23px;height:23px}}
/* Leave the doorstep and crossing visible below the shop. */
.typing-station{padding:8px 13px;width:610px}.typing-heading .quiet{margin:0;padding:2px 4px}#command-queue{height:29px;margin:2px 0 5px}.command-token{height:25px;flex-basis:25px}.command-token img{width:23px;height:23px}.input-wrap input{padding:8px 0}.typing-help{margin-top:5px}.hud-revenue{max-width:310px}#hud>*{padding:10px 13px}#hud .stage-badge{max-width:200px}#staff-status{background:#315b50bd;padding:9px;border-radius:7px}#day-note{background:#f4e7cdf2}
