.restaurant-document{background:#121a2b;color:#f3e9d7}.restaurant-main{max-width:1280px;margin:auto;padding:40px 28px 80px}.diner-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.diner-heading h1{font-size:clamp(34px,5vw,56px);margin:10px 0;color:#f8dfad}.diner-heading p{color:#cfc7be;line-height:1.8}.diner-kicker{color:#dbb780;font-size:13px;letter-spacing:.12em}.diner-count{background:#252d3b;border:1px solid #596358;border-radius:24px;padding:12px 18px;white-space:nowrap;font-size:14px}.restaurant-closed{max-width:850px;margin:35px auto;text-align:center;border:1px solid #736957;background:#222a34;border-radius:24px;overflow:hidden}.restaurant-closed img{width:100%;display:block;aspect-ratio:1.7;object-fit:cover}.restaurant-closed .closed-copy{padding:38px 24px}.closed-copy h2{font-size:clamp(24px,4vw,36px);margin:15px 0}.closed-copy p{color:#d5cab7;line-height:1.9}.closed-stamp{display:inline-block;padding:8px 20px;border:1px dashed #bc9b69;letter-spacing:.15em;color:#e5c28c;border-radius:8px}.diner-button{display:inline-block;border:0;border-radius:12px;padding:14px 22px;background:#dfc59b;color:#252c37;text-decoration:none;font-weight:700;font-size:15px;cursor:pointer}.diner-button:disabled{opacity:.5;cursor:wait}.dining-scene{position:relative;border:1px solid #675c51;border-radius:24px;overflow:hidden;background:#1b2533}.restaurant-canvas{height:530px;width:100%;touch-action:pan-y}.restaurant-canvas canvas{display:block;width:100%;height:100%}.scene-caption{position:absolute;top:18px;left:18px;background:#172033df;color:#efdcba;border:1px solid #8c7e63;border-radius:12px;padding:10px 15px;font-size:13px;pointer-events:none}.scene-npcs{position:absolute;bottom:16px;left:18px;background:#172033df;color:#c6bfad;padding:8px 12px;border-radius:8px;font-size:12px}.restaurant-feedback{margin:16px 0;min-height:25px;color:#e6d0a9;line-height:1.7}.restaurant-feedback.is-error{color:#ffc8b6}.restaurant-controls{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.restaurant-panel{background:#202937;border:1px solid #535a62;border-radius:18px;padding:25px}.restaurant-panel h2{font-size:23px;margin:0 0 20px}.restaurant-panel label{display:block;margin-bottom:9px;color:#ddd4c7}.restaurant-panel input[type=text],.restaurant-panel select{width:100%;padding:13px 14px;border:1px solid #776e66;background:#151d2b;border-radius:10px;color:#f4e9d7;font:inherit}.restaurant-panel .diner-button{margin-top:15px}.restaurant-panel p{color:#c6c4bd;font-size:14px;line-height:1.7}.diner-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}.diner-menu button{padding:17px 8px;border-radius:12px;background:#2b3544;border:1px solid #6e726d;color:#eee5d7;font:inherit;cursor:pointer}.diner-menu button span{display:block;font-size:27px;margin-bottom:6px}.diner-menu button[aria-pressed=true]{border-color:#e5bc75;background:#63543c}.diner-menu button:disabled{opacity:.4;cursor:default}.meal-clock{font-variant-numeric:tabular-nums;background:#151c2a;padding:14px;border-radius:12px;margin-top:15px;color:#f2d397}.dining-seats{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin:18px 0}.diner-seat{border:1px dashed #717d75;border-radius:13px;background:#233438;color:#dce8d8;padding:15px 6px;min-width:0;cursor:pointer}.diner-seat .seat-number{display:block;color:#a4b4a5;font-size:12px}.diner-seat strong{display:block;margin:9px 0 5px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diner-seat small{font-size:11px;color:#c1c8c0}.diner-seat.occupied{background:#343646;border-style:solid;color:#e7ddcc;cursor:default}.diner-seat.mine{border:2px solid #e0bb74;background:#544831}.diner-seat:focus-visible,.restaurant-document button:focus-visible{outline:3px solid #d6c4fa;outline-offset:4px}.diner-greetings{display:flex;gap:8px;flex-wrap:wrap}.diner-greetings button,.diner-sound button{border:1px solid #8a8173;border-radius:10px;padding:10px;background:#2b3543;color:#e7ddcb;cursor:pointer;font:inherit;font-size:13px}.table-greetings p{font-size:14px;padding:8px 10px;border-left:2px solid #d4b57d;color:#ece0cb}.diner-sound{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.diner-sound label{margin:0}.diner-sound input{flex:1;min-width:90px;accent-color:#d8ba85}.diner-sound output{min-width:40px;font-size:13px}.restaurant-note{font-size:13px;color:#aeaeb5;line-height:1.8}.restaurant-document [hidden]{display:none!important}
@media(max-width:760px){.restaurant-main{padding:26px 16px 60px}.diner-heading{display:block}.diner-heading h1{font-size:38px}.diner-count{display:inline-block;margin-top:8px}.restaurant-canvas{height:390px}.restaurant-controls{grid-template-columns:1fr;gap:14px}.restaurant-panel{padding:20px}.dining-seats{grid-template-columns:repeat(4,1fr);gap:8px}.diner-seat{min-height:90px}.scene-caption{font-size:11px;top:10px;left:10px}.scene-npcs{font-size:10px;left:10px;bottom:10px}.diner-menu{gap:6px}.diner-menu button{font-size:13px}.closed-copy h2{font-size:25px}.restaurant-document .directory-top nav>a{display:block;font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}