html,body{height:100%;overscroll-behavior:none}body{height:100dvh}.header-actions{display:flex;gap:9px;align-items:center}.entry-actions{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.entry-actions>button:not(.primary){font-size:12px;background:#2f2117c9;min-width:225px;border-color:#cba47770}#companions{border-color:#d6b28288;color:#f1d1a1}#party-badge{position:fixed;top:110px;right:42px;display:flex;align-items:center;gap:13px;background:#25190fdd;border:1px solid #b38b544d;padding:8px 10px 8px 15px;border-radius:4px;font-size:11px;max-width:calc(100vw - 28px)}#party-badge button{font-size:10px;padding:7px 10px;background:#76533380}#party-status{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiet #party-badge{top:20px}
#loading{inset:auto;left:50%;bottom:27%;transform:translateX(-50%);max-width:calc(100vw - 40px);width:max-content;padding:15px 20px;background:#241a12e8;border:1px solid #bd955353;border-radius:4px;font-size:12px;letter-spacing:1px;pointer-events:none}#error{padding:30px;text-align:center;line-height:1.9;font-size:13px;letter-spacing:1px}
#room-dialog{color:#f7ead5;background:#251b13;border:1px solid #b28b586b;border-radius:8px;padding:32px;width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 38px);overflow:auto;box-shadow:0 20px 100px #0008}#room-dialog::backdrop{background:#0e0906ad;backdrop-filter:blur(5px)}#room-dialog .eyebrow{font-size:9px;letter-spacing:2px;margin:4px 0 14px}#room-dialog h2{font-size:24px;line-height:1.6;margin:0 0 10px}#room-dialog p{font-size:12px;margin:0 0 23px;line-height:1.85}#room-dialog label{display:block;font-size:11px;color:#d8b98f;margin:12px 0 8px}#room-dialog input{display:block;background:#160f09;color:#f3dfc2;border:1px solid #ae87585e;padding:14px 12px;font:inherit;font-size:16px;width:100%;border-radius:4px;min-height:48px}#room-dialog input:focus{outline:2px solid #dfb978;outline-offset:2px}#room-dialog small{display:block;font-size:10px;color:#b6a087;line-height:1.7;margin:10px 0 20px}#room-dialog .primary{width:100%;min-width:0;justify-content:center;min-height:48px;font-size:13px}#room-dialog .text{font-size:11px;padding:14px 0;color:#c5a982}.room-close{position:absolute;top:8px;right:10px;font-size:24px;border:0;padding:5px 9px;background:none}.room-buttons{display:flex;gap:8px;margin-top:10px}.room-buttons button{flex:1;padding:12px 8px;font-size:11px;min-height:44px}#room-roster{padding:0;margin:20px 0;list-style:none;display:grid;gap:8px}#room-roster li{display:grid;grid-template-columns:24px 1fr;gap:3px 10px;background:#d1a46f0c;border:1px solid #c59a611f;padding:10px 12px;border-radius:3px}#room-roster li>span{color:#c49c65;font-size:10px;grid-row:1/3;padding-top:3px}#room-roster b{font-size:12px;font-weight:500}#room-roster small{margin:0;font-size:10px}#invite-url{font-size:11px!important}#room-message{color:#e8bd80;line-height:1.8!important;margin:8px 0 0!important;min-height:20px}
@media(max-width:700px){header{top:calc(16px + env(safe-area-inset-top));left:16px;right:16px;gap:10px}.brand{gap:9px}.brand>b{width:33px;height:41px;line-height:39px;font-size:26px}.brand>span{font-size:11px;letter-spacing:2px}.brand small{display:none}.header-actions{gap:6px}.header-actions button{font-size:10px;padding:10px 11px;min-height:42px}#sound span{display:none}#sound{min-width:42px}.intro{left:23px;right:23px;bottom:calc(86px + env(safe-area-inset-bottom));max-width:none;top:auto}.intro h1{font-size:29px;line-height:1.7}.intro .eyebrow{font-size:9px;letter-spacing:2px}.intro p{font-size:12px;margin-bottom:23px}.entry-actions{align-items:stretch;gap:9px;max-width:310px}.entry-actions button{min-height:48px;min-width:0;width:100%}#party-badge{top:calc(73px + env(safe-area-inset-top));left:16px;right:16px;justify-content:space-between;padding:7px 9px 7px 12px;font-size:10px}#party-badge button{min-height:34px}#menu{bottom:calc(24px + env(safe-area-inset-bottom));max-height:calc(100dvh - 135px - env(safe-area-inset-top));overflow:auto;left:16px;width:calc(100vw - 32px);padding:22px}#menu h2{font-size:22px}.choices button{padding:14px 12px;min-height:61px}#menu .primary{min-height:48px}.note{font-size:10px}footer{left:18px;right:18px;bottom:calc(18px + env(safe-area-inset-bottom))}#caption{white-space:normal;text-align:center;bottom:calc(152px + env(safe-area-inset-bottom));max-width:calc(100vw - 30px);width:max-content;line-height:1.7;font-size:11px}.dining #served{left:12px;right:12px;transform:none;width:auto;bottom:calc(12px + env(safe-area-inset-bottom));max-width:none;gap:8px;padding:11px 12px}.dining #served .eat-actions{display:flex;gap:8px}.dining #served .eat-actions button{min-height:46px;padding:11px 13px;font-size:12px}.dining #served .primary{min-height:42px;padding:8px 13px;font-size:11px}.dining #served .actions>button:not(.primary){min-height:42px;padding:8px}.dining #served>.text{min-height:42px;white-space:normal;max-width:100px;line-height:1.6;text-align:right}.dining #caption{bottom:calc(154px + env(safe-area-inset-bottom))}#tasting{bottom:calc(76px + env(safe-area-inset-bottom));width:calc(100vw - 46px);justify-content:center}#tasting button{min-height:48px;flex:1;max-width:175px}#restore{bottom:calc(20px + env(safe-area-inset-bottom));min-height:42px}.quiet #party-badge{top:calc(14px + env(safe-area-inset-top))}.quiet #caption{bottom:calc(140px + env(safe-area-inset-bottom))}#loading{bottom:44%;padding:12px 14px;max-width:calc(100vw - 32px);font-size:10px;white-space:normal;line-height:1.7;text-align:center}#room-dialog{padding:28px 23px 20px}#room-dialog h2{font-size:22px}}
@media(max-height:500px) and (orientation:landscape){header{top:10px}.intro{bottom:50px}.intro h1{font-size:23px;line-height:1.5}.intro p{display:none}.intro .eyebrow{margin-bottom:12px}.entry-actions{flex-direction:row;max-width:430px;gap:10px}.entry-actions button{font-size:11px;padding:10px 14px;min-height:43px}#party-badge{top:64px;left:auto;width:auto;right:16px}#menu{bottom:14px;max-height:calc(100dvh - 80px);width:340px;left:18px}.dining #served{display:flex;align-items:center;padding:9px 12px;bottom:8px}.dining #served .actions{grid-column:auto}.dining #served .actions>button:not(.primary){display:none}.dining #served>.text{font-size:9px}.dining #caption{bottom:80px}}

.preparing #waiting{left:28px;top:auto;bottom:28px;max-width:360px;padding:19px 23px;background:#21170eeb;border:1px solid #b58c5355;border-radius:5px;backdrop-filter:blur(12px)}.preparing #waiting .eyebrow{margin-bottom:10px;font-size:9px}.preparing #waiting h2{font-size:22px;margin:0 0 12px;line-height:1.6}.preparing #waiting p{margin:7px 0;font-size:12px;line-height:1.8}.preparing #waiting #chefline{font-family:serif;color:#dcb986;font-size:14px}.preparing #waiting .progress{display:none}#service-progress{display:block;appearance:none;width:100%;height:2px;border:0;margin-top:16px;background:#4b3b27}#service-progress::-webkit-progress-bar{background:#4b3b27}#service-progress::-webkit-progress-value{background:#d4ac70;transition:width .4s}#skip-service{padding:12px 0 0;min-height:40px;color:#d4bc9b;font-size:10px}.preparing footer{display:none}.preparing #caption{display:none}
@media(max-width:700px){.preparing #waiting{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));padding:14px 18px;max-width:none}.preparing #waiting h2{font-size:18px;margin-bottom:6px}.preparing #waiting p{font-size:11px;margin:4px 0}.preparing #waiting .eyebrow{display:none}.preparing #waiting #chefline{font-size:12px}#service-progress{margin-top:12px}#skip-service{padding-top:8px;min-height:36px}.preparing #caption{display:none}}
@media(max-height:500px) and (orientation:landscape){.preparing #waiting{left:16px;bottom:12px;right:auto;width:310px;padding:10px 15px}.preparing #waiting h2{display:none}.preparing #waiting #chefline{font-size:12px}.preparing #waiting p{font-size:10px}.preparing #waiting .eyebrow{display:none}#skip-service{min-height:30px;padding-top:5px}}