@font-face{font-family:Chalk;src:url('/assets/chalk.ttf')}@font-face{font-family:Noto;src:url('/assets/body.woff')}@font-face{font-family:Noto;src:url('/assets/body-bold.woff');font-weight:700}
:root{color-scheme:dark;--chalk:#f8f3df;--muted:#c5cbb9;--board:#252d27;--deep:#17221c;--paper:#f5ecd7;--ink:#253a2e;--yellow:#f4cc68;--green:#b7d887;--red:#ffd0af;--line:#71816a;--serif:Chalk,Georgia,serif;font-family:Noto,Arial,sans-serif;font-size:15px;color:var(--chalk);background:var(--board)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(#1d2924e8,#28352ee8),url('/assets/chalk.webp') center/900px auto fixed}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{min-height:44px;border:1px solid #99a38c;background:#303e33;color:var(--chalk);border-radius:5px;padding:9px 16px;cursor:pointer;transition:background .12s,box-shadow .12s,transform .12s}button:hover:enabled{background:#425344}button:active:enabled{transform:translateY(1px)}button:disabled{opacity:.48;cursor:default}button.primary{background:var(--yellow);color:#2d3525;border-color:var(--yellow);font-weight:700;box-shadow:0 3px 0 #a1803d}button.primary:hover:enabled{background:#ffe092}.quiet{background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:4px;padding:7px 10px}.outline{border:2px solid var(--green);color:var(--green);background:transparent}input,textarea,select{background:#f9f1de;color:var(--ink);border:1px solid #a7a98c;border-radius:4px;min-height:46px;padding:10px 12px;max-width:100%}input[type=range]{padding:0;min-height:30px;accent-color:var(--yellow);background:transparent;border:0}input[type=checkbox]{min-height:24px;width:24px;accent-color:#365943}a{color:var(--yellow)}:focus-visible{outline:3px solid #ffe29a;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12}h1{font-size:clamp(32px,3.3vw,48px)}h2{font-size:28px}p{line-height:1.6}.small,small{font-size:12px;line-height:1.5;color:var(--muted)}img{max-width:100%;object-fit:contain}label{display:block}strong,b{font-weight:700}
#top{height:82px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 28px;background:#15231c;border-bottom:1px solid #5a6d59}.brand{border:0;background:transparent;padding:0;max-width:255px;height:60px}.brand:hover:enabled{background:transparent}.brand img{width:230px;max-height:60px}.header-tools{display:flex;align-items:center;gap:10px}.quick-volume{display:grid;grid-template-columns:auto 30px 65px 34px;align-items:center;gap:4px;font-size:11px;color:var(--muted)}.quick-volume button{padding:0;min-height:44px;width:30px;border:0;background:transparent;font-size:22px}.quick-volume input{width:65px}.quick-volume output{font-variant-numeric:tabular-nums}.flags{display:flex;gap:4px}.flags button{padding:10px 7px;background:transparent;border:2px solid transparent;width:47px}.flags button[aria-pressed=true]{border-color:var(--yellow)}.flags svg{display:block;width:28px;border-radius:1px}.icon-button{font-size:22px;padding:5px 10px;background:transparent;border:0;min-width:44px}#app{max-width:1920px;margin:auto;padding:20px 28px 26px}.loading{padding:30px;text-align:center}#connection{position:sticky;top:0;z-index:8;text-align:center;background:#f4cc68;color:#253a2e;padding:10px 20px;font-weight:700}#connection[hidden]{display:none}
.home{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,440px);gap:30px;max-width:1500px;min-height:calc(100svh - 130px);margin:auto;align-items:center}.restaurant-scene{position:relative;min-height:610px;align-self:stretch;overflow:hidden}.scene-wall{position:absolute;width:90%;height:82%;right:1%;bottom:0;opacity:.25;object-position:right bottom}.home-customer{position:absolute;bottom:80px;right:15px;width:clamp(170px,25vw,340px);transform:rotate(3deg);filter:drop-shadow(6px 9px 0 #13221a66);animation:customer-arrive .7s ease-out both}.chalk-copy{position:relative;padding:50px 8px 230px 24px;max-width:660px}.chalk-copy>p:first-child{font-size:13px;color:var(--yellow);margin-bottom:22px}.chalk-copy h1{font-size:clamp(42px,5.5vw,82px);line-height:1.08;max-width:620px;transform:rotate(-2deg)}.chalk-copy h1+p{font-size:17px;margin-top:28px;max-width:450px;color:#e2e6d9}.chalk-link{border:0;background:transparent;color:var(--yellow);font-family:var(--serif);font-size:24px;text-decoration:underline;text-underline-offset:7px;margin:18px 0 0 -16px}.home-staff{display:flex;position:absolute;bottom:22px;left:35px;gap:7px;align-items:end}.home-staff img{width:90px;height:138px;object-fit:contain}.home-staff img:nth-child(2){height:156px;transform:rotate(-6deg)}.home-staff img:nth-child(3){transform:rotate(6deg)}.entry-paper{color:var(--ink);background:var(--paper);padding:35px 32px 28px;border-radius:3px 3px 12px 3px;box-shadow:8px 12px 0 #12201875;position:relative;transform:rotate(1deg);border-top:7px solid #6e8c64}.entry-paper:after,.receipt:after{content:"";position:absolute;bottom:-9px;left:0;right:0;height:10px;background:linear-gradient(135deg,var(--paper) 25%,transparent 25%) -8px 0/16px 16px,linear-gradient(225deg,var(--paper) 25%,transparent 25%) -8px 0/16px 16px}.paper-caption{font-family:var(--serif);font-size:19px;border-bottom:1px solid #859478;display:block;padding-bottom:12px;margin-bottom:24px}.entry-paper h2{font-size:38px;margin-bottom:20px}.entry-paper label{font-size:13px;font-weight:700;margin:18px 0 7px}.entry-paper input{width:100%;background:#fffaf0;min-height:49px;border:1px solid #75836a}.entry-paper form>.primary{width:100%;margin-top:24px;min-height:52px;background:#36553b;color:#fff8e4;border-color:#36553b;box-shadow:0 3px 0 #213627}.entry-paper :focus-visible{outline-color:#86531a}.entry-tabs{display:flex;border-bottom:1px solid #b8b9a0;gap:4px}.entry-tabs button{color:var(--ink);border:0;background:transparent;padding:9px 6px;font-size:13px;flex:1;border-radius:0}.entry-tabs button[aria-pressed=true]{border-bottom:3px solid #3f633e;font-weight:700}.entry-tabs button:hover:enabled{background:#dedfc8}.voice-note{font-size:12px;margin-top:21px;padding-top:18px;border-top:1px solid #bdc0a6}.small-ink{font-size:10px;margin-top:18px;color:#53634e}.form-error{color:#973916;font-size:13px;margin-top:12px}.invite-code{font-size:22px;letter-spacing:3px;border-bottom:1px dashed #7b8c6e;padding:12px 0}
.table-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:48px;margin-bottom:13px;color:var(--muted);font-size:13px}.table-topline strong{font-size:18px;color:var(--chalk);letter-spacing:2px}.table-topline .quiet{font-size:12px}.service-counters{display:flex;align-items:center;gap:20px}.service-counters span{display:flex;gap:7px;align-items:center}.service-counters b{color:var(--chalk);font-size:18px}.service-counters time{color:var(--yellow);font-size:28px;font-variant-numeric:tabular-nums;min-width:72px}.service-counters time.urgent{color:#ffd0af}.table-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px}.game-zone{min-width:0}#action-strip{display:flex;gap:12px;align-items:center;border-bottom:1px solid #74816a;padding:7px 8px 12px;margin-bottom:20px;min-height:78px}#action-strip img{width:48px;height:62px;align-self:end}#action-strip strong{color:var(--yellow);font-size:13px}#action-strip p{font-size:14px;line-height:1.5;max-width:810px}#action-strip .primary{margin-left:auto;flex-shrink:0}#crew{padding:18px 0 20px 15px;border-left:1px solid #66735f}#crew h2{font-size:25px;margin-bottom:16px}.staff-person{display:flex;align-items:center;gap:8px;position:relative;padding:11px 0;border-bottom:1px solid #4e6150;flex-wrap:wrap}.staff-person>img{width:42px;height:57px}.staff-person>div{flex:1;min-width:0}.staff-person strong{font-size:14px;overflow-wrap:anywhere;display:block}.staff-person span{font-size:11px;color:var(--muted);display:block}.staff-person small{font-size:10px;color:#c8d5b8}.staff-person.is-me strong:after{content:' ●';color:var(--yellow);font-size:9px}.staff-person.is-offline{opacity:.65}.staff-person select{width:100%;min-height:35px;font-size:11px;padding:5px 8px;background:#283e30;color:#eeeeda;border-color:#7e8f6e}.leave{font-size:12px;margin-top:20px}.lobby-heading{display:flex;gap:28px;align-items:center;padding:5px 20px 25px}.lobby-heading>img{width:145px;transform:rotate(-5deg);box-shadow:4px 6px 0 #0d1c1b66}.lobby-heading p{margin-top:13px;max-width:620px}.lobby-heading .small{color:var(--yellow)}.prep-table{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;padding:25px 35px 32px;background:#14281d5c;border-top:2px solid #9ca68e;border-bottom:2px solid #9ca68e}.role-prep label{color:var(--muted);font-size:13px;margin-bottom:7px}.role-prep select{width:100%;margin-bottom:22px}.role-prep>p{font-size:13px;margin:12px 0 20px;min-height:42px}.role-prep>.primary,.role-prep>.outline{width:100%;margin-top:12px}.sound-check{width:100%;margin:18px 0 12px}.prep-character{height:70px;display:block;margin:0 auto}.level-menu h2{font-size:30px}.level-menu h2 span{font:13px Noto;color:var(--muted);float:right;margin-top:10px}.level-menu>p{margin:10px 0;font-size:13px}.levels{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:18px 0}.levels button{padding:8px 5px;font-family:var(--serif);font-size:22px}.levels button.chosen{border:2px solid var(--yellow);color:var(--yellow);opacity:1}.open-button{width:100%;margin-top:15px}
.room-tabs{display:flex;gap:6px;margin-bottom:15px;flex-wrap:wrap}.room-tabs button{border:0;background:transparent;border-bottom:2px solid transparent;border-radius:0;color:#d6decc;padding:8px 12px}.room-tabs button[aria-pressed=true]{border-bottom-color:var(--yellow);color:var(--yellow)}.room-tabs button span{font-size:11px;background:#43543e;border-radius:3px;padding:2px 5px;margin-left:5px}.dining-scene{position:relative;border-top:1px solid #77846a;isolation:isolate;padding-top:5px}.dining-wall{position:absolute;inset:0;height:100%;width:100%;object-fit:fill;opacity:.13;z-index:-1}.dining-tables{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px;min-height:470px}.customer-table{min-width:0;position:relative;min-height:226px;border-bottom:1px solid #667b61;display:flex;align-items:center;justify-content:center;padding-bottom:28px}.table-number{position:absolute;z-index:1;left:4px;top:6px;font-family:var(--serif);font-size:21px;min-width:90px;padding:5px 8px;background:#203728;border-color:#849779}.customer{width:190px;height:164px;align-self:end;margin-bottom:4px;filter:drop-shadow(2px 4px 0 #10251c66);animation:customer-arrive .35s ease-out both}.order-bubble{position:absolute;right:4px;top:17px;text-align:center;max-width:60%}.listen{background:#f4ecd7;color:#233b2c;border:0;border-radius:20px 20px 20px 1px;box-shadow:2px 3px 0 #10231b55;font-weight:700;padding:12px}.listen.relisten{background:#f4cc68}.hint{position:absolute;bottom:3px;left:0;right:0;margin:auto;min-height:28px;border:0;background:#253b2d;font-size:10px;padding:4px 8px;width:max-content;max-width:100%}.penalty-marker{position:absolute;bottom:35px;left:0;max-width:100%;background:#23382d;color:#ffd0af;font-size:9px;padding:4px;line-height:1.4}.complete .customer{filter:grayscale(.55);opacity:.55}.complete .order-bubble{background:#b7d887;color:#213928;padding:7px 10px;border-radius:5px;font-size:12px}.empty-setting{color:#c6cdbb;font-size:12px;border:1px dashed #7b8c72;padding:28px 10px;margin-top:40px}.customer-table.targeted{outline:2px dashed var(--yellow);outline-offset:-3px}.customer-table.targeted .table-number{color:var(--yellow);border-color:var(--yellow)}.service-pass{margin-top:20px;border-top:4px solid #93a380;padding:15px 6px 0}.service-pass h2{font-size:26px}.service-pass h2 span,.chef-pass h2 span,.manager-pass h2 span{font:15px Noto;color:var(--yellow);margin-left:7px}.trays{display:flex;align-items:start;gap:15px;overflow-x:auto;padding:12px 0 16px;min-height:125px}.empty-pass{font-size:13px;color:var(--muted);padding:15px 0}.tray{color:var(--ink);background:var(--paper);border-radius:5px;box-shadow:3px 5px 0 #12261b8c;position:relative;padding:12px;margin:12px 0;min-width:240px;animation:tray-arrive .22s ease-out both}.trays .tray{max-width:350px;margin:0;flex:1}.tray-pieces{display:flex;align-items:center;gap:9px}.food{width:50px;height:50px;object-fit:contain;flex-shrink:0}.tray-pieces>div{flex:1;min-width:0}.tray-pieces strong{font-family:var(--serif);font-size:22px;overflow-wrap:anywhere}.tray-pieces span{display:block;font-size:11px}.tray>small{color:#55634e;font-size:10px;display:block;margin-top:8px}.tray-table{font-family:var(--serif);font-size:38px;border:1px solid #6b8060;border-radius:3px;padding:4px 11px;transform:rotate(4deg)}.tray-controls{display:flex;gap:8px;margin-top:10px;align-items:center;flex-wrap:wrap}.tray-controls .primary{min-height:42px;font-size:12px;flex:1;padding:7px}.tray-controls select{width:100%;font-size:12px}.tray-controls>span{font-size:11px}.tray-controls .quiet{color:#31482f;font-size:11px}.tray:focus-visible{outline-color:#ffdd8e}.dragging-tray .can-receive{outline:2px dashed var(--yellow);outline-offset:-3px}.tray[draggable=true]{cursor:grab}.tray[draggable=true]:active{cursor:grabbing}
.manager-view{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:30px}.order-pad{background:var(--paper);color:var(--ink);padding:25px 24px 20px;box-shadow:5px 7px 0 #12261b77;border-radius:2px 7px 2px 2px}.order-pad h1{font-size:34px}.order-pad>p{font-size:12px;margin:10px 0 12px}.order-pad .room-tabs{gap:3px}.order-pad .room-tabs button{color:#385139;font-size:12px;padding:5px 7px}.order-pad .room-tabs button[aria-pressed=true]{border-color:#426b44;color:#263e2d;font-weight:700}.order-pad .room-tabs button span{color:#f5ecd7}.notebook{border-top:2px solid #7c8d6c}.note-row{display:grid;grid-template-columns:34px 1fr;gap:5px 7px;align-items:center;border-bottom:1px solid #bdbea3;padding:10px 0}.note-row>span{font-family:var(--serif);font-size:29px;color:#46633c}.note-row textarea{border:0;resize:vertical;min-height:58px;background:#fff8e8;font-size:15px;line-height:1.5}.note-row>small{grid-column:2;color:#55634e;font-size:10px}.note-row.fulfilled{opacity:.65}.save-note{display:block;color:#52694c;font-size:10px;margin-top:10px}.order-pad :focus-visible{outline-color:#906120}.manager-pass{padding-top:20px}.pass-empty{padding:25px 10px;display:flex;gap:12px;align-items:center;color:var(--muted);font-size:13px}.pass-empty>img{width:75px;height:100px}.forwarded-note{font-size:11px;border-bottom:1px solid #566d52;padding:12px 0}
.chef-view{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);gap:25px}.recipe-area{min-width:0}.book-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:15px}.book-heading>span{font-size:12px;color:var(--muted)}.book-heading h1{font-size:36px}.language-tabs{display:flex;gap:7px;overflow:auto;padding:3px 3px 13px;scrollbar-width:thin}.language-tabs button{flex-shrink:0;white-space:nowrap;border-radius:2px;padding:7px 10px;font-size:12px}.language-tabs button[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--paper)}.language-tabs .used{opacity:.6}.recipe-card{border:2px solid #d1d9bc;padding:12px 17px 0;position:relative;background:#182c22d9;box-shadow:4px 5px 0 #11251c99;border-radius:3px}.recipe-title{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:3px 3px 12px;border-bottom:1px solid #6a8169}.recipe-title h2{font-size:32px;color:var(--green);overflow-wrap:anywhere}.recipe-title .quiet{font-size:10px;max-width:105px}.recipe-rows{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:15px 0}.dish{position:relative;display:grid;grid-template-columns:1fr 54px;gap:3px;min-height:106px;align-items:center;text-align:left;padding:10px;background:transparent;border:1px solid #839475;border-radius:3px}.dish .transliteration{font-family:var(--serif);font-size:24px;overflow-wrap:anywhere;line-height:1.1;grid-column:1}.dish .food{grid-column:2;grid-row:1/3;width:53px;height:55px}.ingredient-name{grid-column:1;font-size:10px;color:var(--muted)}.dish.selected{border:2px solid var(--yellow);padding:9px;background:#365139}.dish-check{position:absolute;right:2px;top:-5px;font-size:20px;color:var(--yellow);background:#263d2c}.dish:disabled{opacity:.6}.recipe-action{display:flex;align-items:center;gap:12px;justify-content:space-between;min-height:82px;border-top:1px solid #667e5e;padding:13px 0}.recipe-action>div{display:flex;align-items:center;gap:8px;min-width:0}.recipe-action .food{width:38px;height:38px}.recipe-action strong{display:block;font-size:13px;max-width:180px;overflow-wrap:anywhere}.recipe-action small{display:block;font-size:10px}.recipe-action .primary{font-size:12px;max-width:220px}.recipe-action>span{font-size:13px;color:var(--muted)}.chef-pass>h2{font-size:25px;margin-bottom:10px}.chef-pass>h2:not(:first-child){margin-top:27px;border-top:3px solid #879b77;padding-top:15px}.chef-illustration{display:flex;align-items:center;justify-content:center;min-height:190px;gap:15px}.chef-illustration img{width:90px;height:150px;transform:rotate(-6deg)}.chef-illustration p{font-size:13px;color:var(--muted);max-width:130px}.stock-area{grid-column:1/-1;border-top:3px solid #8ca077;padding:17px 0 0}.stock-area h2{font-size:25px}.stock-area>p{color:var(--muted);font-size:11px;margin:8px 0 13px}.stock-shelf{display:flex;overflow:auto;align-items:start;gap:12px;padding:2px 0 12px}.stock-item{width:80px;flex-shrink:0;text-align:center;position:relative}.stock-item>.food{width:60px;height:60px;display:block;margin:auto}.stock-item>span{display:block;font-size:10px;line-height:1.4;overflow-wrap:anywhere}.stock-item>small{font-size:9px;color:var(--yellow)}.stock-item.held .food{opacity:.4}.yogurt{font-size:11px;margin-top:12px}
.finale{max-width:1050px;margin:auto;display:grid;grid-template-columns:1fr 1.1fr;gap:28px 45px;align-items:start}.finale-head{position:sticky;top:20px;text-align:center;padding-top:30px}.finale-head h1{font-size:40px;line-height:1.2;margin-top:22px}.finale-characters{display:flex;align-items:end;justify-content:center;gap:10px;height:160px}.finale-characters img{height:135px;width:90px;animation:staff-bow .6s ease-out both;transform-origin:bottom}.finale-characters img:nth-child(2){height:156px;animation-delay:.15s}.finale-characters img:nth-child(3){animation-delay:.3s}.service-stars{font-size:34px;letter-spacing:5px;color:#66735f;margin:15px 0}.service-stars .awarded{color:var(--yellow)}.finale-head>p{font-size:12px;color:var(--muted)}.receipt{position:relative;background:var(--paper);color:var(--ink);padding:22px 22px 26px;box-shadow:5px 6px 0 #12251b88}.receipt h2{font-size:30px;text-align:center;border-bottom:2px solid #6c7b5d;padding:7px 0 16px}.receipt-items{padding-top:7px}.receipt-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px dashed #b0b69c;animation:receipt-print .3s ease-out both;animation-delay:calc(var(--i)*.075s)}.receipt-row .food{width:38px;height:40px}.receipt-row>div{flex:1;min-width:0}.receipt-row strong{font-size:12px;display:block;overflow-wrap:anywhere}.receipt-row small{font-size:11px;color:#40593d}.receipt-row span{display:block;font-size:9px;color:#53694d}.receipt-row>b{font-size:20px}.receipt-extra{display:flex;justify-content:space-between;gap:20px;font-size:11px;padding-top:15px;line-height:1.4}.receipt-total{border-top:3px double #708161;margin-top:20px;padding-top:15px;display:flex;justify-content:space-between;align-items:center;font-family:var(--serif);font-size:30px}.receipt-total>strong{font-size:52px;font-weight:400;font-variant-numeric:tabular-nums}.finale-controls{grid-column:1/-1;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.settled .receipt-row,.settled .finale-characters img{animation:none}.paused *{animation-play-state:paused!important}
#toast{position:fixed;z-index:30;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--paper);color:var(--ink);box-shadow:4px 5px 0 #10251b77;padding:14px 22px;border-left:5px solid #7b9d5d;border-radius:3px;max-width:min(600px,calc(100vw - 32px));width:max-content;transition:opacity .16s,transform .16s;font-size:14px}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.bad{border-left-color:#a14521}dialog{color:var(--ink);background:var(--paper);border:0;border-radius:7px;padding:30px 30px 35px;max-width:min(760px,calc(100vw - 28px));width:700px;max-height:90svh;box-shadow:8px 12px 0 #0d1d1680}dialog::backdrop{background:#0a1c15bf}dialog .close{position:absolute;right:8px;top:8px;z-index:1;background:transparent;color:#2d4a31;border:0;font-size:28px;padding:0;min-width:44px}dialog h1,dialog h2{font-size:34px;margin:10px 30px 22px 0}dialog p{margin:13px 0;font-size:14px}dialog small,dialog .small{color:#4c6246}dialog button{background:#36553b;color:#fff7df;border-color:#36553b}dialog button:hover:enabled{background:#456a48}dialog :focus-visible{outline-color:#a06321}dialog a{color:#375f38}.setting-row{margin:22px 0}.setting-row>span{display:flex;justify-content:space-between;font-weight:700}.setting-row input{width:100%;accent-color:#44693c}.check-row{display:flex;gap:12px;align-items:center;margin:25px 0}.original-card{display:block;width:auto;max-height:65svh;margin:auto}.rule-roles{display:flex;flex-direction:column;gap:8px}.rule-roles section{display:flex;gap:18px;align-items:center;border-bottom:1px solid #b5bda2;padding:8px 0}.rule-roles img{width:48px;height:65px;flex-shrink:0}.rule-roles p{font-size:13px}.rehearsal-table{display:flex;align-items:center;justify-content:center;gap:25px;margin:18px 0}.rehearsal-table>img{width:180px}.sample-match{display:flex;align-items:center;gap:15px;padding:10px;background:#e4dfc3}.sample-match strong{font-family:var(--serif);font-size:27px}
@keyframes customer-arrive{from{opacity:0;transform:translateX(15px) rotate(2deg)}to{opacity:1;transform:translateX(0) rotate(0)}}@keyframes tray-arrive{from{opacity:.2;transform:translateY(9px) rotate(-1deg)}to{opacity:1;transform:none}}@keyframes receipt-print{from{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:none}}@keyframes staff-bow{0%{transform:rotate(0)}45%{transform:rotate(-9deg)}100%{transform:rotate(0)}}
@media(min-width:1500px){.table-layout{grid-template-columns:minmax(0,1fr) 250px}.dining-tables{gap:20px 40px;min-height:540px}.customer-table{min-height:260px}.customer{height:205px;width:235px}.order-bubble{top:26px;right:13px}.recipe-rows{gap:12px}.dish{min-height:135px}.dish .transliteration{font-size:29px}.dish .food{height:75px;width:70px}.dish{grid-template-columns:1fr 74px}.recipe-card{padding:18px 24px 0}.recipe-action{min-height:94px}}
@media(max-width:1100px){#top{padding:8px 18px}.quick-volume{display:none}#app{padding:15px 18px 24px}.home{gap:20px;grid-template-columns:minmax(0,1.3fr) minmax(300px,370px)}.chalk-copy{padding-left:0;padding-top:40px}.chalk-copy h1{font-size:60px}.home-customer{width:220px;bottom:75px}.home-staff{left:5px}.table-layout{grid-template-columns:minmax(0,1fr) 180px;gap:16px}#crew{padding-left:12px}.service-counters{gap:12px}.service-counters span{font-size:10px;gap:5px}.service-counters b{font-size:15px}.manager-view{gap:20px;grid-template-columns:minmax(0,1.2fr) minmax(220px,1fr)}.order-pad{padding:20px 16px}.chef-view{grid-template-columns:minmax(0,1.5fr) minmax(200px,1fr);gap:18px}.recipe-rows{grid-template-columns:1fr}.dish{min-height:74px;grid-template-columns:1fr 50px}.dish .transliteration{font-size:23px}.dish .food{height:46px;width:46px}.recipe-action{flex-wrap:wrap}.recipe-action .primary{max-width:none;flex:1}.tray{min-width:0}.dining-tables{gap:10px}.table-number{font-size:18px;min-width:70px}.customer{width:150px;height:153px}.listen{font-size:12px;padding:10px}.order-bubble{max-width:66%}.customer-table{min-height:210px}.dining-tables{min-height:430px}.lobby-heading{padding-left:4px;gap:20px}.lobby-heading>img{width:115px}.prep-table{padding:20px;gap:25px}}
@media(max-width:780px){#top{height:68px;padding:8px 12px}.brand{max-width:185px;height:48px}.brand img{max-height:48px;width:180px}.header-tools{gap:4px}.header-tools>.quiet{font-size:11px;padding:5px 6px}.flags button{width:40px;padding:10px 5px}.flags svg{width:26px}.icon-button{font-size:21px;padding:5px;min-width:38px}#app{padding:12px}.home{grid-template-columns:1fr;gap:10px;max-width:560px}.restaurant-scene{min-height:385px}.chalk-copy{padding:18px 0 110px 10px;max-width:420px}.chalk-copy h1{font-size:47px;max-width:380px}.chalk-copy h1+p{font-size:14px;max-width:280px;margin-top:20px}.chalk-copy>p:first-child{font-size:11px;margin-bottom:15px}.home-customer{width:150px;bottom:10px;right:0}.home-staff{bottom:5px;left:10px}.home-staff img{width:53px;height:78px}.home-staff img:nth-child(2){height:86px}.chalk-link{font-size:20px;margin-top:5px}.entry-paper{transform:none;margin:0 8px 28px;padding:25px 25px 20px}.table-layout{grid-template-columns:1fr;gap:15px}#crew{border-left:0;border-top:1px solid #6b7c63;padding:12px 0;display:flex;gap:10px;overflow-x:auto;align-items:start}#crew h2{font-size:18px;min-width:75px;margin-top:10px}.staff-person{flex-shrink:0;max-width:160px;min-width:120px;border-bottom:0;padding:5px 0;align-items:start}.staff-person>img{width:29px;height:44px}.staff-person strong{font-size:12px}.staff-person span{font-size:9px}.staff-person small{font-size:9px}.staff-person select{font-size:10px}.leave{flex-shrink:0;margin:5px 0;font-size:11px}.table-topline{flex-wrap:wrap;gap:5px;margin-bottom:6px}.table-topline>div:first-child{display:flex;align-items:center;gap:8px;width:100%;font-size:10px}.table-topline strong{font-size:14px}.table-topline .quiet{margin-left:auto;min-height:35px;font-size:11px}.service-counters{width:100%;gap:15px;justify-content:space-between;flex-wrap:wrap}.service-counters span{font-size:10px;flex-direction:column;gap:0;align-items:start}.service-counters b{font-size:15px}.service-counters time{font-size:24px;min-width:60px}#action-strip{gap:10px;padding:6px 0 10px;margin-bottom:14px;min-height:72px}#action-strip img{width:35px;height:47px}#action-strip strong{font-size:11px}#action-strip p{font-size:12px;line-height:1.5}#action-strip .primary{font-size:11px;padding:7px;max-width:100px}.lobby-heading{padding:7px 0 20px;gap:15px}.lobby-heading>img{width:90px}.lobby-heading h1{font-size:32px}.lobby-heading p{font-size:12px;margin-top:9px}.lobby-heading .small{font-size:10px}.prep-table{gap:18px;padding:20px 15px;grid-template-columns:1fr 1fr}.level-menu h2{font-size:25px}.level-menu h2 span{float:none;display:block;margin-top:5px}.levels{grid-template-columns:repeat(3,1fr);gap:5px}.levels button{min-height:40px;font-size:19px}.open-button{font-size:11px}.role-prep select{font-size:12px}.role-prep>p{font-size:11px}.role-prep>button{font-size:12px}.role-prep label{font-size:11px}.manager-view{grid-template-columns:1fr;gap:15px}.manager-pass{padding-top:10px}.manager-pass .tray{display:inline-block;vertical-align:top;width:calc(50% - 10px);margin:6px 6px 6px 0}.order-pad{padding:20px 16px}.order-pad h1{font-size:29px}.note-row{grid-template-columns:30px 1fr;padding:7px 0}.note-row textarea{min-height:48px;max-height:110px;font-size:15px}.note-row small{font-size:9px}.dining-tables{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 13px;min-height:530px}.customer-table{min-height:177px;padding-bottom:25px}.customer{width:145px;height:128px}.table-number{font-size:17px;min-width:65px;left:0;top:2px;min-height:35px;padding:3px 7px}.order-bubble{top:12px;right:0;max-width:65%}.listen{font-size:11px;padding:8px 9px;min-height:44px}.hint{font-size:9px;bottom:0;min-height:29px;padding:4px}.penalty-marker{font-size:8px;bottom:29px;padding:3px;max-width:100%}.empty-setting{font-size:10px;padding:20px 5px}.service-pass{margin-top:15px;padding-top:12px}.room-tabs{gap:3px;margin-bottom:8px}.room-tabs button{font-size:11px;padding:5px 7px}.trays .tray{min-width:230px}.chef-view{grid-template-columns:1fr;gap:15px}.recipe-rows{grid-template-columns:1fr 1fr;gap:6px;padding:10px 0}.recipe-card{padding:10px 10px 0}.recipe-title h2{font-size:28px}.recipe-title .quiet{font-size:9px}.dish{min-height:104px;grid-template-columns:1fr 42px;padding:8px;gap:2px}.dish.selected{padding:7px}.dish .transliteration{font-size:22px}.dish .food{width:42px;height:48px}.ingredient-name{font-size:9px}.book-heading h1{font-size:31px}.book-heading>span{font-size:11px}.recipe-action{min-height:80px;gap:8px;padding:10px 0}.recipe-action>div{flex:1}.recipe-action strong{font-size:12px}.recipe-action .primary{font-size:11px;flex:initial;max-width:46%}.chef-pass{border-top:2px solid #829873;padding-top:13px}.chef-pass .tray{display:inline-block;vertical-align:top;width:calc(50% - 8px);margin:6px 6px 6px 0}.chef-pass>.small{font-size:11px}.chef-illustration{min-height:100px;justify-content:start}.chef-illustration img{height:85px;width:60px}.chef-pass>h2:not(:first-child){margin-top:16px}.stock-area{padding-top:12px}.stock-item{width:69px}.stock-item>.food{width:50px;height:50px}.stock-item>span{font-size:9px}.finale{grid-template-columns:1fr;gap:22px;padding:0 4px}.finale-head{position:static;padding-top:5px}.finale-characters{height:100px}.finale-characters img{height:88px;width:65px}.finale-characters img:nth-child(2){height:101px}.finale-head h1{font-size:33px;margin-top:15px}.service-stars{margin:7px 0;font-size:27px}.receipt{padding:17px}.finale-controls{gap:8px}.finale-controls button{font-size:12px}.recipe-title{gap:5px}dialog{padding:25px 20px 28px}dialog h1,dialog h2{font-size:29px}dialog p{font-size:13px}.rehearsal-table{gap:15px}.rehearsal-table>img{width:130px}.rehearsal-table button{font-size:12px}.tray-pieces strong{font-size:19px}.tray .food{width:42px;height:44px}.tray-pieces{gap:7px}.tray-table{font-size:29px;padding:3px 7px}.tray-controls .primary{font-size:11px}.tray>small{font-size:9px}.tray-pieces span{font-size:10px}.sample-match strong{font-size:23px}}
@media(max-width:380px){.header-tools>.quiet{display:none}.brand img{width:160px}.home .chalk-copy h1{font-size:41px}.prep-table{padding:17px 10px;gap:13px}.levels{gap:3px}.dish .transliteration{font-size:20px}.dish{grid-template-columns:1fr 35px}.dish .food{width:35px}.table-layout{gap:10px}.service-counters{gap:10px}}
@media(min-width:781px) and (max-height:950px){#top{height:68px}.brand{height:50px}.brand img{max-height:50px}#app{padding-top:12px}.table-topline{min-height:40px;margin-bottom:7px}#action-strip{min-height:64px;padding-top:2px;padding-bottom:8px;margin-bottom:14px}#action-strip img{height:48px;width:36px}#action-strip p{font-size:12px}.book-heading{margin-bottom:8px}.book-heading h1{font-size:30px}.language-tabs{padding-bottom:10px}.recipe-card{padding:10px 16px 0}.recipe-title{padding-bottom:7px}.recipe-title h2{font-size:28px}.recipe-rows{padding:10px 0;gap:8px}.dish{min-height:88px}.dish .transliteration{font-size:24px}.dish .food{width:52px;height:52px}.dish{grid-template-columns:1fr 54px}.recipe-action{min-height:72px;padding:10px 0}.dining-tables{min-height:390px}.customer-table{min-height:190px}.customer{height:150px}.stock-area{padding-top:12px}.stock-item>.food{width:48px;height:48px}}
.chef-pass,.stock-area,.order-pad,.manager-pass{min-width:0}.recipe-rows{grid-template-columns:repeat(2,minmax(0,1fr))}.dish{min-width:0}.quick-volume{grid-template-columns:auto 44px 65px 34px}.quick-volume button{width:44px}.hint,.table-number,.tray-controls .primary{min-height:44px}.customer-table{padding-bottom:46px}.penalty-marker{bottom:46px}input[type=range]{min-height:44px}.check-row{min-height:44px}
@media(min-width:781px) and (max-width:1100px){.recipe-rows{grid-template-columns:1fr}}
@media(max-width:780px){.flags button{width:44px}.icon-button{min-width:44px}.levels button,.table-topline .quiet{min-height:44px}.hint,.table-number{min-height:44px}.customer-table{padding-bottom:46px;flex:0 0 calc(50% - 6px);scroll-snap-align:start;min-height:210px}.penalty-marker{bottom:46px}.brand{max-width:150px}.brand img{width:150px}.header-tools>.quiet{display:none}.dining-tables{display:flex;overflow-x:auto;min-height:225px;gap:12px;padding-bottom:12px;scroll-snap-type:x proximity;scrollbar-width:thin}.notebook{max-height:310px;overflow-y:auto;padding-right:5px}.manager-pass .tray{width:100%;margin-right:0}.chef-pass .tray{width:100%;margin-right:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.calm *,.calm *::before,.calm *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}