#cafe-business-bar{display:grid;grid-template-columns:1.5fr 1fr 1.1fr;gap:0;background:#faf6e9;border:1px solid #ddd0b7;border-radius:17px 13px 19px 13px;margin-top:20px;box-shadow:0 3px 0 #e4d9c62e;overflow:hidden}#cafe-business-bar>button,#cafe-business-bar>.guest-count{border:0;background:none;text-align:left;padding:13px 17px;min-width:0;color:#6f705a}#cafe-business-bar>*+*{border-left:1px solid #e1d6c0!important}#cafe-business-bar>button:hover{background:#eaf0e0}#cafe-business-bar span,#cafe-business-bar small{display:block;font-size:9px;color:#a19275;line-height:1.6}#cafe-business-bar b{display:block;font-size:14px;margin:4px 0 3px;color:#788c6d;font-weight:600}#cafe-business-bar .guest-count>b{font:24px Georgia;color:#ae9763;margin:2px 0}#cafe-business-bar .guest-count>b small{display:inline;font-family:inherit;font-size:11px}.guest-rail{border:1px solid #ded2ba;background:#f8f3e6;border-radius:18px 14px 19px 14px;padding:14px;margin-bottom:19px;box-shadow:0 3px 0 #e2d8c52b}.guest-rail-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 12px}.guest-rail-heading>b{font-size:12px;color:#827b62}.guest-rail-heading>span{font-size:8px;color:#b09a76}.guest-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.guest-tiles>button{position:relative;display:flex;align-items:center;gap:7px;border:1px solid #dcd1b7;border-radius:12px 9px 14px 9px;background:#fdf9ee;padding:9px 7px 25px;min-width:0;text-align:left;color:#8b8068;min-height:84px}.guest-tiles>button[aria-pressed=true]{border-color:#9fb18d;background:#e9efde;box-shadow:inset 0 0 0 1px #bac8a450}.guest-tiles>button:disabled{opacity:.7}.guest-mini{width:32px;height:39px;display:block;flex:none}.guest-tiles b{display:block;font-size:11px;margin:0 0 4px}.guest-tiles small{display:block;font-size:8px;line-height:1.6;overflow-wrap:anywhere}.guest-tiles em{position:absolute;bottom:7px;left:7px;right:7px;font-size:8px;font-style:normal;color:#a68c63;text-align:right}.guest-tiles em.late{color:#b67862}.staff-modal{width:790px}.staff-candidates{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:24px 0}.staff-candidates>article{border:1px solid #d9cfb4;border-radius:24px 17px 25px 16px;background:#f4efdf;padding:22px;text-align:center}.staff-portrait{width:105px;height:115px;margin:0 auto 15px;position:relative}.staff-portrait>.cat{position:relative;z-index:1}.staff-portrait>i{position:absolute;left:27%;right:27%;height:35px;bottom:10px;z-index:2;border-radius:4px 4px 10px 10px;opacity:.9;pointer-events:none}.staff-candidates h3{font-size:23px;margin:9px 0 12px}.staff-candidates article>p{font-size:11px;color:#a18e6b;line-height:1.8;min-height:39px}.staff-terms{border-top:1px dashed #d9ccb0;border-bottom:1px dashed #d9ccb0;padding:12px 0;margin:15px 0}.staff-terms>span{display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:2.2;color:#a18b66}.staff-terms b{font-size:11px;color:#8d805e;font-weight:500}.staff-candidates .button{font-size:11px;min-height:43px;padding:10px}.staff-policy{padding:15px 18px;border-radius:14px;background:#e9eddc;font-size:11px;color:#8b9272;line-height:2}.staff-totals{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:10px;color:#a08a63;line-height:2}.staff-totals b{font-size:12px;color:#8f9c76;display:block}.rank-modal{width:850px}.work-ranks{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.work-ranks>article{padding:19px 13px;border-radius:20px 14px 22px 15px;border:1px solid #d9cfb4;background:#f2ecdc;text-align:center}.work-ranks>article.current{background:#e5ecd9;border-color:#9fb38b;box-shadow:0 0 0 2px #b6c69c40}.work-ranks article>span{display:block;color:#aa986e;font:12px Georgia;letter-spacing:.12em}.work-ranks h3{font-size:14px;line-height:1.8;min-height:48px;margin:12px 0}.work-ranks article>b{font-size:10px;font-weight:500;color:#9a855b;line-height:1.8}.work-ranks p{font-size:10px;color:#9c8c6c;line-height:2;min-height:80px}.work-ranks small{font-size:10px;color:#81926b}.craft-shapes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:195px;overflow:auto;padding:2px;gap:6px}.craft-shapes>button{font-size:9px;min-height:49px;padding:7px 4px;line-height:1.6}.craft-shapes small{font-size:8px}.craft-shapes button:disabled{opacity:.5;background:#eee9dc}.craft-modal{width:920px}
@media(max-width:820px){#cafe-business-bar>button,#cafe-business-bar>.guest-count{padding:11px 12px}#cafe-business-bar b{font-size:12px}.guest-rail{max-width:550px;margin:0 auto 20px}.guest-tiles{grid-template-columns:repeat(3,1fr)}.guest-tiles>button{min-height:85px}.guest-mini{width:35px;height:44px}.staff-candidates{gap:14px}.staff-candidates>article{padding:17px}.work-ranks{grid-template-columns:1fr 1fr}.work-ranks p{min-height:36px}.work-ranks h3{min-height:0}.craft-preview{height:280px}}
@media(max-width:520px){#cafe-business-bar{grid-template-columns:1.35fr 1fr 1fr;margin-top:16px}#cafe-business-bar>button,#cafe-business-bar>.guest-count{padding:10px 9px}#cafe-business-bar span,#cafe-business-bar small{font-size:8px}#cafe-business-bar b{font-size:11px}#cafe-business-bar .guest-count>b{font-size:22px}.guest-tiles{grid-template-columns:1fr 1fr}.guest-tiles>button{padding:9px 8px 25px}.guest-rail-heading>span{font-size:8px}.staff-candidates{grid-template-columns:1fr;max-height:52vh;overflow:auto}.staff-candidates>article{padding:17px}.staff-portrait{height:85px;width:85px;margin-bottom:6px}.staff-candidates h3{font-size:18px}.staff-candidates article>p{min-height:0}.staff-terms{margin:10px 0}.staff-policy{font-size:10px}.work-ranks{gap:9px}.work-ranks>article{padding:14px 11px}.work-ranks h3{font-size:12px}.work-ranks p{font-size:9px}.craft-shapes{max-height:170px}.craft-preview{height:220px}}
@media(max-height:550px) and (min-width:650px){#cafe-business-bar{margin-top:11px}#cafe-business-bar>button,#cafe-business-bar>.guest-count{padding:8px 10px}#cafe-business-bar span,#cafe-business-bar small{font-size:7px}#cafe-business-bar b{font-size:10px;margin:2px 0}#cafe-business-bar .guest-count>b{font-size:18px}.guest-rail{padding:9px;margin-bottom:12px}.guest-rail-heading{margin-bottom:7px}.guest-rail-heading>b{font-size:10px}.guest-rail-heading>span{font-size:7px}.guest-tiles{grid-template-columns:1fr 1fr;gap:5px}.guest-tiles>button{padding:6px 5px 19px;min-height:64px;gap:4px}.guest-mini{width:24px;height:29px}.guest-tiles b{font-size:9px;margin-bottom:2px}.guest-tiles small{font-size:7px}.guest-tiles em{font-size:7px;bottom:5px;left:5px;right:5px}.staff-candidates{margin:12px 0;gap:13px}.staff-candidates>article{padding:12px 15px}.staff-portrait{height:65px;width:70px;margin-bottom:5px}.staff-portrait>i{height:21px;bottom:8px}.staff-candidates h3{font-size:15px;margin:5px 0}.staff-candidates article>p{font-size:8px;min-height:24px}.staff-terms{padding:8px 0;margin:9px 0}.staff-terms>span{font-size:8px}.staff-terms b{font-size:9px}.staff-candidates .button{font-size:9px;min-height:32px;padding:7px}.staff-policy{font-size:8px;padding:10px 13px}.staff-totals{font-size:8px}.staff-totals b{font-size:10px}.work-ranks{grid-template-columns:repeat(4,1fr);margin:13px 0;gap:9px}.work-ranks>article{padding:14px 10px}.work-ranks article>span{font-size:9px}.work-ranks h3{font-size:11px;min-height:38px;margin:9px 0}.work-ranks article>b{font-size:8px}.work-ranks p{font-size:8px;min-height:55px}.work-ranks small{font-size:8px}.craft-shapes{max-height:105px;gap:5px}.craft-shapes>button{font-size:7px;min-height:36px;padding:4px}.craft-shapes small{font-size:7px}.craft-preview{height:210px}}

.rank-up-note{padding:14px;border:1px solid #c1cda9;border-radius:13px;background:#eef1df;color:#526844;font-size:13px;line-height:1.8;text-align:center}

.register-card h2{font-size:21px}.register-item{display:flex;align-items:center;gap:12px;width:100%;border:2px dashed #a9bba0;background:#f4f7ec;border-radius:16px;padding:14px;color:#5e7258;text-align:left;cursor:pointer}.register-item img{width:68px;height:68px;object-fit:contain}.register-item small{display:block;margin-top:8px}.register-display{background:#394d47;color:#e1f4cf;padding:18px;border:7px solid #d7c5a3;border-radius:15px;margin:18px 0}.register-display>small{font-size:10px}.register-display strong{display:block;font:32px monospace;text-align:right}.register-display strong small{font-size:12px}.register-card dl>div{display:flex;justify-content:space-between;padding:8px;border-bottom:1px dashed #dfd5c5}.register-card dd{font-weight:700}.register-coins{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.register-coins button{border-radius:50%;min-height:55px;background:#f4df9e;border-color:#d9bd74}.register-card>.button{margin-top:8px}
.audio-switches{display:flex;gap:12px;margin:15px 0}.audio-prefs{display:grid;grid-template-columns:1fr;gap:9px;max-width:520px;margin:20px auto}.audio-prefs label{font-size:12px;color:#857b67;margin-top:8px}.audio-prefs select{padding:12px;border-radius:12px;border:1px solid #ddd3bf;background:#fffcf3;color:#5d6554}.audio-prefs input[type=range]{accent-color:#829c7a;width:100%}.audio-credits{font-size:12px;line-height:1.8;margin-top:18px;padding:14px;border:1px dashed #d8ceba;border-radius:14px}.audio-credits a{color:#637f67}.kitchen-card h2{font-size:23px}.kitchen-steps{list-style:none;padding:0;display:flex;gap:5px;margin:18px 0}.kitchen-steps li{flex:1;display:grid;justify-items:center;gap:5px;color:#b2a78f;font-size:10px;text-align:center}.kitchen-steps b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eae5d6;font-size:12px}.kitchen-steps .current{color:#69836a;font-weight:700}.kitchen-steps .current b{background:#7f9c7b;color:white}.kitchen-steps .done b{background:#dfe9d9;color:#6b8764}.kitchen-counter{position:relative;min-height:190px;display:grid;place-items:center;background:linear-gradient(160deg,#efe4cf,#dfccaa);border:8px solid #f7efde;border-radius:24px;box-shadow:inset 0 -7px 0 #cbb78e55}.kitchen-dish{width:135px;height:135px;border:8px solid #faf5e7;border-radius:50%;background:#eee9db;box-shadow:0 7px 12px #8d775b20;display:grid;place-items:center}.kitchen-dish img{width:95%;height:95%;object-fit:contain}.kitchen-tool{position:absolute;font-size:44px;right:24px;bottom:15px;filter:drop-shadow(0 4px 3px #70624933);animation:kitchen-tool 1.2s ease-in-out infinite alternate}.kitchen-steam{position:absolute;top:8px;left:40%;font-size:44px;color:#fff9e1;opacity:.7;animation:kitchen-steam 2s ease-in-out infinite}.kitchen-hint{color:#7b876c}.kitchen-progress{height:8px;background:#eee8d8;border-radius:10px;overflow:hidden;margin:12px 0}.kitchen-progress i{display:block;height:100%;background:#a1ba8b;transition:width .2s}.kitchen-pulse:active{transform:translateY(3px) scale(.98)}.kitchen-card>.button{margin-top:10px}.kitchen-card h3{text-align:center;font-size:17px}.kitchen-counter.complete{background:#e3ebd8}.kitchen-counter.complete .kitchen-tool{animation-duration:.5s}@keyframes kitchen-tool{to{transform:translateY(-8px) rotate(-9deg)}}@keyframes kitchen-steam{to{transform:translateY(-20px);opacity:0}}@media(prefers-reduced-motion:reduce){.kitchen-tool,.kitchen-steam{animation:none}}
