@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap');
:root{--ink:#292c2a;--cream:#f4f0e6;--red:#782b39;--teal:#235651;--muted:#73756e}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px}button{font:inherit;cursor:pointer;border:1px solid #c9c6bc;background:transparent;color:inherit;border-radius:6px;padding:9px 13px;font-weight:600;transition:.2s}button:hover{background:#e4dfd1}button:focus-visible{outline:3px solid #bd8c38;outline-offset:3px}header{display:flex;align-items:center;justify-content:space-between;padding:22px 36px;border-bottom:1px solid #d9d4c8;gap:20px}.brand{display:flex;align-items:center;gap:13px}.crest{border:1px solid var(--red);width:42px;height:50px;display:grid;place-items:center;font:32px Georgia;color:var(--red);border-radius:4px 4px 17px 17px}h1{font:700 24px 'Libre Baskerville',Georgia;margin:0;color:var(--red);letter-spacing:1px}.brand div>span{font-size:12px;letter-spacing:4px;display:block;margin-top:6px}.shift{display:flex;align-items:center;gap:18px}.shift>span,.eyebrow{font-size:12px;letter-spacing:2px;color:var(--muted)}.shift strong{font:24px Georgia}.quiet{border:0;font-size:14px}main{display:grid;grid-template-columns:minmax(0,1fr) 326px;gap:28px;max-width:1600px;margin:auto;padding:24px 32px}.topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.live{font-size:12px;letter-spacing:1px;font-weight:bold;color:var(--teal)}.episode{display:block;font-size:14px;color:var(--muted);margin-top:5px}.controls{display:flex;gap:7px}.controls button{font-size:14px;white-space:nowrap}.controls #auto{background:var(--teal);border-color:var(--teal);color:white}.stage{position:relative;aspect-ratio:1.5;background:#163e3e;border-radius:10px;overflow:hidden;border:5px solid #204743;box-shadow:0 6px 20px #193b3b15}.hotel{width:100%;height:100%;object-fit:cover}.room-label{position:absolute;transform:translateX(-50%);font-size:10px;letter-spacing:1.2px;font-weight:700;color:#fff9e7;background:#332b27ca;border:1px solid #e8d9b24a;padding:4px 7px;border-radius:3px;pointer-events:none}.stage-foot{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:12px 17px;background:linear-gradient(transparent,#123a3a);color:#f2e5c9;font-size:10px;letter-spacing:2px}.actor{position:absolute;width:9%;height:21%;transform:translate(-50%,-100%);background-image:url('assets/staff.png');background-size:400% 100%;background-repeat:no-repeat;filter:drop-shadow(0 4px 2px #1115);z-index:3;transition:filter .2s}.actor.walk{animation:bob .35s infinite alternate}.actor.selected{filter:drop-shadow(0 0 5px #ffe495)}@keyframes bob{from{margin-top:0}to{margin-top:-4px}}.actor-tag{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);color:white;font-size:10px;background:#1c423beb;border-radius:3px;padding:2px 4px}.speech{position:absolute;bottom:7%;left:50%;transform:translateX(-50%);background:#fff6de;color:#412d29;border:2px solid #b79760;border-radius:8px;padding:11px 16px;max-width:70%;text-align:center;box-shadow:0 3px 8px #0003;font:italic 15px Georgia;z-index:6}.speech small{display:block;font:10px 'DM Sans';letter-spacing:2px;margin-top:6px;color:var(--red)}.alert-pin{position:absolute;transform:translate(-50%,-100%);border-radius:50%;border:2px solid #fff0cd;background:#a34535;color:white;width:28px;height:28px;display:grid;place-items:center;font-weight:700;box-shadow:0 2px 6px #0004;z-index:4}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #d9d4c8;padding:22px 0;gap:24px}.stats span{font-size:11px;font-weight:bold;letter-spacing:1px;display:block;color:var(--muted)}.stats strong{display:block;font:26px Georgia;margin:7px 0}.stats small{font-size:12px;color:var(--muted)}.meter{height:5px;border-radius:3px;background:#dedbd1;margin-top:10px}.meter i{height:100%;display:block;width:82%;background:var(--teal);border-radius:3px;transition:width .5s}.temper i{background:var(--red)}#stars{color:#ad8134;letter-spacing:2px;font-size:24px}.staff-head{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px}.staff-head h2{font:18px Georgia;margin:0}.staff-head span{font-size:12px;color:var(--muted)}.staff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.staff-card{position:relative;text-align:left;padding:11px 10px 11px 51px;min-height:70px;background:#faf7ef;border:1px solid #d7d1c3}.staff-card.active{border:2px solid var(--teal)}.portrait{position:absolute;width:37px;height:53px;left:7px;bottom:7px;background:url('assets/staff.png') no-repeat;background-size:400% 100%}.staff-card b{display:block;font:16px Georgia}.staff-card small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.staff-card em{display:block;font-style:normal;font-size:11px;color:var(--teal);margin-top:4px}footer{font-size:11px;color:#85867e;display:flex;justify-content:space-between;margin-top:22px}aside{border-left:1px solid #d9d4c8;padding-left:25px}.board-title{display:flex;align-items:center;justify-content:space-between}.board-title h2{font:24px Georgia;margin:10px 0 5px}.pending{background:var(--red);color:white;border-radius:50%;padding:5px 10px;font-size:14px}.board-sub{font-size:13px;color:var(--muted);margin:9px 0 19px}.job{display:block;width:100%;padding:13px;text-align:left;background:#faf7ef;border:1px solid #d9d4c8;border-left:3px solid var(--red);margin:9px 0}.job>span{font-size:11px;letter-spacing:1px;color:var(--red)}.job strong{font-size:14px;display:block;margin:5px 0}.job small{font-size:12px;color:var(--muted)}.job .timer{display:flex;justify-content:space-between;margin-top:9px;font-size:11px}.job .progress{height:3px;background:#e2ddd2;margin-top:6px}.job .progress i{display:block;background:#ac743d;height:100%;transition:width .5s}.job.assigned{border-left-color:var(--teal)}.job.assigned>span{color:var(--teal)}.empty{padding:25px 14px;border:1px dashed #c7c4b9;border-radius:6px;text-align:center;font:italic 15px Georgia;color:var(--muted)}.log-heading{display:flex;align-items:center;justify-content:space-between;margin-top:26px;border-top:1px solid #d9d4c8;padding-top:20px}.log-heading h3{font:17px Georgia;margin:0}.log-heading span{font-size:10px;letter-spacing:1px;color:var(--red)}#log{max-height:236px;overflow:auto;margin-top:12px}.log-entry{font-size:13px;line-height:1.5;padding:9px 0;border-bottom:1px solid #e2ddd1}.log-entry time{font-size:10px;color:var(--muted);margin-right:7px}.goal{background:#e8e5d9;padding:16px;margin-top:23px;border-radius:5px}.goal>span{font-size:10px;letter-spacing:1.5px;color:var(--teal);font-weight:bold}.goal p{font:16px/1.5 Georgia;margin:9px 0}.goal small{font-size:12px;line-height:1.6;color:var(--muted);display:block}dialog{border:1px solid #b4ab93;border-radius:10px;background:var(--cream);max-width:520px;padding:34px;color:var(--ink)}dialog::backdrop{background:#0d242dcc}dialog h2{font:28px Georgia}dialog p{font-size:15px;line-height:1.7}.close{float:right;border:0;font-size:22px;padding:0}#gotit,#next{background:var(--red);color:white;border-color:var(--red)}#ending{position:absolute;inset:0;z-index:10;background:#143c3dec;display:grid;place-items:center;color:#f4eddb;text-align:center;padding:24px}#ending[hidden]{display:none}#ending span{font-size:12px;letter-spacing:2px}#ending h2{font:36px Georgia}#ending p{line-height:1.7;max-width:420px}#countdown{display:block;margin-top:14px;font-size:12px}@media(min-width:1450px){main{grid-template-columns:minmax(0,1fr) 370px}.stage{aspect-ratio:1.5}}@media(max-width:1100px){main{padding:20px;gap:20px;grid-template-columns:minmax(0,1fr) 290px}header{padding:20px}.episode{display:none}.staff-card{padding-left:10px}.portrait{display:none}.stats{gap:12px}.stats span{font-size:10px}}@media(max-width:800px){main{display:block;padding:16px}aside{border:0;border-top:1px solid #d9d4c8;padding:22px 0;margin-top:24px}.shift>span{display:none}h1{font-size:18px}.brand div>span{font-size:10px;letter-spacing:2px}.crest{width:32px;height:40px}.shift strong{font-size:18px}header{padding:14px;gap:10px}.quiet{font-size:12px;padding:5px}.stage{aspect-ratio:1.5}.stats strong{font-size:22px}.staff-head span{display:none}.staff-card{padding:10px 7px}.staff-card small{font-size:10px}.staff-card b{font-size:14px}.speech{font-size:12px;padding:8px;max-width:85%}.room-label{font-size:8px;padding:3px}.stage-foot{font-size:8px}.controls button{padding:7px;font-size:12px}.live{font-size:10px}footer span{display:none}#log{max-height:180px}}@media(prefers-reduced-motion:reduce){.actor.walk{animation:none}*{transition:none!important}}