/* The kitchen and seaside arcade share the same pocket cabinet and paper ticket. */
.crust-result-label{font-size:9px;letter-spacing:.9px;color:#6d705a}
.crust-score-check:empty{display:none}
.crust-score-check .human-check{margin:0;gap:4px}
.crust-score-check .human-check-status{font-size:10px!important;line-height:1.3!important;max-width:100%;text-align:center}
.crust-results .name-row button{font-size:10px;min-width:68px;width:70px;white-space:nowrap}
.crust-results .name-row button span{font-size:16px}

.crust-cabinet.is-expanded{
 container:crust-cabinet / size;display:grid;
 grid-template-columns:minmax(0,1fr);grid-template-rows:48px 76px minmax(0,1fr) 64px;
 background:#183e37;color:#f5f0df;
}
.crust-cabinet.is-expanded .cabinet-top{
 grid-column:1;grid-row:1;position:static;height:48px;min-width:0;
 padding:0 12px;background:#183e37;border-bottom:1px solid #a9c1ac40;
}
.crust-cabinet.is-expanded .cabinet-top>span{display:block;font-size:10px;letter-spacing:.7px}
.crust-cabinet.is-expanded .cabinet-top>span:nth-child(2){display:none}
.crust-cabinet.is-expanded .cabinet-tools{gap:4px;position:static}
.crust-cabinet.is-expanded .cabinet-tools #fullscreen-button{min-width:64px;min-height:44px;padding:8px;font-size:10px;border-color:#9aad9280}
.crust-cabinet.is-expanded .cabinet-tools #pause-button{min-width:44px;min-height:44px;font-size:20px;border:1px solid #9aad9280}
.crust-cabinet.is-expanded .cabinet-tools button:focus-visible{outline-offset:-4px}
.crust-cabinet.is-expanded .hud{
 grid-column:1;grid-row:2;position:static;width:auto;min-width:0;min-height:0;
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
 padding:12px;background:#f4eedb;color:#282720;border:0;
}
.crust-cabinet.is-expanded .hud>div{text-align:center;min-width:0}
.crust-cabinet.is-expanded .hud .hud-label{font-size:9px;letter-spacing:.6px;line-height:1.2;margin-bottom:8px;color:#6b6b58}
.crust-cabinet.is-expanded .hud strong{font-size:clamp(20px,6cqw,28px);letter-spacing:0;line-height:1.1;white-space:nowrap}
.crust-cabinet.is-expanded .hud-control{min-width:0;position:static}
.crust-cabinet.is-expanded.has-dash-zone .hud-control{display:contents}
.crust-cabinet.is-expanded .screen{
 grid-column:1;grid-row:3;position:relative;width:100%;height:100%;min-height:0;
 margin:0;display:flex;align-items:center;justify-content:center;aspect-ratio:auto;background:#2c655b;
}
.crust-cabinet.is-expanded .screen canvas{flex:none;object-fit:contain}
.crust-cabinet.is-expanded .cabinet-bottom{
 grid-column:1;grid-row:4;position:static;width:auto;height:auto;min-height:0;
 display:flex;align-items:center;justify-content:space-between;padding:10px 14px;gap:12px;
 background:#183e37;border-top:1px solid #9aad9240;pointer-events:auto;
}
.crust-cabinet.is-expanded .controls-legend{display:flex;font-size:10px;line-height:1.4;letter-spacing:.6px;gap:8px}
.crust-cabinet.is-expanded .controls-legend kbd{font-size:9px}
.crust-cabinet.is-expanded .bottom-control{display:flex;align-items:center}
.crust-cabinet.is-expanded .bottom-control .hud-lives{display:flex;flex-direction:column;align-items:center;gap:5px}
.crust-cabinet.is-expanded .bottom-control .hud-label{font-size:9px;letter-spacing:.5px;margin:0;color:#b3c2a6}
.crust-cabinet.is-expanded .bottom-control .hud-lives strong{font-size:20px;letter-spacing:2px;color:#ed654f;line-height:1}
.crust-cabinet.is-expanded .dash-status,.crust-cabinet.is-expanded .fullscreen-tip{display:none}
.crust-cabinet.is-expanded .touch-dash.dash-zone{
 background:#294f40;color:#dfe69c;border:1px solid #9aad9240;box-shadow:inset 0 0 0 4px #dfe69c08;
 gap:12px;justify-content:center;padding:10px;min-width:0;min-height:0;
}
.crust-cabinet.is-expanded .touch-dash.dash-zone #dash-label{font-size:16px;padding:10px;border:1px solid #acb980;background:#dfe69c;color:#253b2e;box-shadow:2px 2px 0 #112c21}
.crust-cabinet.is-expanded .touch-dash.dash-zone .dash-area-hint{font-size:9px;line-height:1.5;letter-spacing:.5px;max-width:145px}
.crust-cabinet.is-expanded .touch-dash.dash-zone.is-dashing{background:#653b28}
.crust-cabinet.is-expanded .title-card:not(.results){width:270px;max-width:88%;max-height:none;padding:12px 20px;overflow:visible;transform:none;box-shadow:5px 5px 0 #102d2766}
.crust-cabinet.is-expanded .title-card:not(.results) .edition{font-size:8px;letter-spacing:.8px}
.crust-cabinet.is-expanded .title-card:not(.results) h2{font-size:44px;line-height:.85;margin:8px 0}
.crust-cabinet.is-expanded .title-card:not(.results) p{font-size:11px;line-height:1.4;margin:6px 0}
.crust-cabinet.is-expanded .title-card:not(.results) .primary-button{min-height:44px;font-size:11px}
.crust-cabinet.is-expanded .title-card:not(.results) .card-foot{font-size:8px;letter-spacing:0;margin-top:10px}

/* Results use the cabinet rather than the canvas, including above a keyboard. */
.crust-cabinet.is-expanded .screen:has(#end-overlay:not(.hidden)){position:static;isolation:auto;overflow:visible}
.crust-cabinet.is-expanded .screen:has(#end-overlay:not(.hidden))>.scanlines{display:none}
.crust-cabinet.is-expanded #end-overlay{
 inset:calc(env(safe-area-inset-top) + 48px) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
 z-index:12;padding:12px;background:#183e37;overflow:visible;
 grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);
}
.crust-cabinet.is-expanded .crust-results{
 display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'summary' 'entry' 'check' 'actions';
 gap:14px;width:376px;min-width:0;max-width:100%;max-height:none;padding:20px;
 overflow:visible;text-align:left;background:#fcf0d5;color:#282720;border:2px solid #203e32;
 box-shadow:6px 6px 0 #102d2766;transform:none;
}
.crust-cabinet.is-expanded .crust-result-summary{grid-area:summary;min-width:0}
.crust-cabinet.is-expanded .crust-result-entry{grid-area:entry;min-width:0}
.crust-cabinet.is-expanded .crust-result-actions{grid-area:actions;min-width:0}
.crust-cabinet.is-expanded .crust-score-check{grid-area:check;min-width:0}
.crust-cabinet.is-expanded .crust-results .edition{font-size:10px;letter-spacing:1.2px;color:#4b6a52;line-height:1.3}
.crust-cabinet.is-expanded .crust-results h2{font-family:Georgia,serif;font-style:italic;font-size:30px;line-height:1.1;letter-spacing:-1px;margin:8px 0 12px;color:#245653}
.crust-cabinet.is-expanded .crust-result-label{display:block;font-size:9px;letter-spacing:.9px;margin-bottom:4px;color:#6d705a}
.crust-cabinet.is-expanded .result-score{font-size:clamp(30px,8cqw,44px);line-height:1.1;letter-spacing:-1.5px;margin:0;font-variant-numeric:tabular-nums}
.crust-cabinet.is-expanded .crust-results .result-stats{font-size:11px;line-height:1.4;margin:12px 0 0;color:#686750;letter-spacing:0}
.crust-cabinet.is-expanded .crust-results #score-form{margin:0}
.crust-cabinet.is-expanded .crust-results form label{font-size:10px;letter-spacing:.6px;line-height:1.3;margin:0 0 6px}
.crust-cabinet.is-expanded .crust-results .name-row{border:1px solid #425b41;background:#fff9e8}
.crust-cabinet.is-expanded #player-name{font-size:16px;min-height:44px;padding:9px 10px}
.crust-cabinet.is-expanded .crust-results .name-row button{min-width:68px;min-height:44px;background:#dfe69c;border-left:1px solid #425b41;font-size:11px;font-weight:bold}
.crust-cabinet.is-expanded .crust-results .save-status{min-height:0;font-size:11px;line-height:1.35;margin:8px 0 0;overflow-wrap:anywhere;color:#5a604d}
.crust-cabinet.is-expanded .crust-results .save-status:empty{display:none}
.crust-cabinet.is-expanded .crust-results .primary-button{min-height:44px;padding:12px 14px;font-size:11px;background:#ed654f;box-shadow:2px 2px 0 #282720}
.crust-cabinet.is-expanded .crust-result-entry:has(#score-form.hidden):has(#save-status:empty){display:none}
.crust-cabinet.is-expanded .crust-results:has(.human-check){gap:10px;padding:14px}
.crust-cabinet.is-expanded .crust-results:has(.human-check) .crust-result-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'title value' 'stats stats';gap:6px 10px;align-items:center}
.crust-cabinet.is-expanded .crust-results:has(.human-check) .edition,.crust-cabinet.is-expanded .crust-results:has(.human-check) .crust-result-label{display:none}
.crust-cabinet.is-expanded .crust-results:has(.human-check) h2{grid-area:title;font-size:21px;line-height:1.05;margin:0}
.crust-cabinet.is-expanded .crust-results:has(.human-check) .result-score{grid-area:value;font-size:28px;letter-spacing:-1px}
.crust-cabinet.is-expanded .crust-results:has(.human-check) .result-stats{grid-area:stats;margin:0}
.crust-cabinet.is-expanded:has(#end-overlay:not(.hidden)) .hud,
.crust-cabinet.is-expanded:has(#end-overlay:not(.hidden)) .cabinet-bottom,
.crust-cabinet.is-expanded:has(#end-overlay:not(.hidden)) #game,
.crust-cabinet.is-expanded:has(#end-overlay:not(.hidden)) #game-message{visibility:hidden}

@media(orientation:portrait){
 .crust-cabinet.is-expanded:not(.has-dash-zone) .hud{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 82px}
 .crust-cabinet.is-expanded:not(.has-dash-zone) .hud strong{font-size:clamp(18px,5cqw,24px)}
}
@media(orientation:landscape){
 .crust-cabinet.is-expanded{grid-template-columns:clamp(112px,17vw,160px) minmax(0,1fr) clamp(112px,17vw,160px);grid-template-rows:48px minmax(0,1fr) 76px}
 .crust-cabinet.is-expanded .cabinet-top{display:contents}
 .crust-cabinet.is-expanded .cabinet-top>span:first-child{grid-column:1;grid-row:1;align-self:center;text-align:center;padding:0 6px;font-size:10px;line-height:1.5;letter-spacing:.7px}
 .crust-cabinet.is-expanded .crust-brand-prefix,.crust-cabinet.is-expanded .live-dot{display:none}
 .crust-cabinet.is-expanded .cabinet-tools{grid-column:3;grid-row:1;justify-content:center;align-items:center}
 .crust-cabinet.is-expanded .hud{grid-column:1;grid-row:2;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;padding:6px 8px;background:#183e37;color:#f5f0df;align-items:center}
 .crust-cabinet.is-expanded .hud .hud-label{color:#b3c2a6;font-size:9px;letter-spacing:.5px;margin-bottom:8px}
 .crust-cabinet.is-expanded .hud strong{font-size:clamp(18px,2.4cqw,24px);letter-spacing:-.6px}
 .crust-cabinet.is-expanded .screen{grid-column:2;grid-row:1/4;border-inline:1px solid #a9c1ac25}
 .crust-cabinet.is-expanded .cabinet-bottom{display:contents}
 .crust-cabinet.is-expanded .controls-legend{display:none}
 .crust-cabinet.is-expanded .bottom-control{grid-column:1;grid-row:3;align-self:center;justify-content:center;pointer-events:none;z-index:9}
 .crust-cabinet.is-expanded .bottom-control .hud-lives{flex-direction:column;gap:8px}
 .crust-cabinet.is-expanded .bottom-control .hud-lives strong{font-size:20px}
 .crust-cabinet.is-expanded .touch-dash.dash-zone .dash-area-hint{font-size:9px;letter-spacing:0;max-width:110px}
 .crust-cabinet.is-expanded .title-card:not(.results){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px;align-items:center;width:400px;max-width:94%;padding:14px}
 .crust-cabinet.is-expanded .title-card:not(.results) h2{grid-column:1;grid-row:2/4;font-size:40px;margin:0}
 .crust-cabinet.is-expanded .title-card:not(.results) p{grid-column:2;grid-row:2;font-size:10px;margin:0}
 .crust-cabinet.is-expanded .title-card:not(.results) .edition{grid-column:1/-1;font-size:8px}
 .crust-cabinet.is-expanded .title-card:not(.results) .card-foot{grid-column:1/-1;font-size:8px;margin:0}
 .crust-cabinet.is-expanded .title-card:not(.results) .primary-button{grid-column:2;grid-row:3;font-size:10px;padding:8px}
 .crust-cabinet.is-expanded .crust-results{width:736px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'summary entry' 'summary actions';gap:12px 24px;padding:18px 22px;align-items:center}
 .crust-cabinet.is-expanded .result-score{font-size:40px}
 .crust-cabinet.is-expanded .crust-results:has(.human-check){width:760px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 150px;grid-template-areas:'summary entry check' 'summary actions check';gap:10px 12px;padding:12px}
 .crust-cabinet.is-expanded .crust-results:has(.human-check) .crust-result-summary{display:block}
 .crust-cabinet.is-expanded .crust-results:has(.human-check) h2{margin:0 0 8px}
 .crust-cabinet.is-expanded .crust-results:has(.human-check) .result-score{font-size:28px;margin:0 0 8px}
}
@container crust-cabinet (max-height:360px){
 .crust-cabinet.is-expanded #end-overlay{padding:6px 10px}
 .crust-cabinet.is-expanded .crust-results{width:760px;padding:8px 10px;gap:10px 16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 112px;grid-template-areas:'summary entry actions';align-items:center}
 .crust-cabinet.is-expanded .crust-results .edition,.crust-cabinet.is-expanded .crust-results h2{display:none}
 .crust-cabinet.is-expanded .result-score{font-size:26px;letter-spacing:-1px}
 .crust-cabinet.is-expanded .crust-result-label{font-size:8px;margin:0 0 4px}
 .crust-cabinet.is-expanded .crust-results .result-stats{font-size:10px;line-height:1.3;margin-top:8px}
 .crust-cabinet.is-expanded .crust-results form label{font-size:9px;margin-bottom:4px}
 .crust-cabinet.is-expanded .crust-results .save-status{font-size:10px;margin-top:4px}
 .crust-cabinet.is-expanded .crust-results .primary-button{padding:9px 8px;font-size:10px}
}
@container crust-cabinet (max-width:539px) and (max-height:360px){
 .crust-cabinet.is-expanded .crust-results{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'summary actions' 'entry entry';gap:10px;padding:10px}
 .crust-cabinet.is-expanded .crust-result-summary{min-width:0}
 .crust-cabinet.is-expanded .crust-results .edition,.crust-cabinet.is-expanded .crust-results h2{display:none}
 .crust-cabinet.is-expanded .result-score{font-size:26px}
 .crust-cabinet.is-expanded .crust-result-label{font-size:8px}
 .crust-cabinet.is-expanded .crust-results .result-stats{font-size:10px;line-height:1.3;margin-top:6px}
 .crust-cabinet.is-expanded .crust-results .save-status{font-size:10px;margin-top:6px}
}
@container crust-cabinet (max-width:539px) and (min-height:361px) and (max-height:620px){
 .crust-cabinet.is-expanded .crust-results{gap:10px;padding:16px}
 .crust-cabinet.is-expanded .crust-results h2{font-size:26px;margin:6px 0 8px}
 .crust-cabinet.is-expanded .crust-results .edition{font-size:9px}
}
@container crust-cabinet (max-width:539px) and (min-height:361px) and (max-height:480px){
 .crust-cabinet.is-expanded .crust-results:has(.human-check){grid-template-columns:minmax(0,1fr) 150px;grid-template-areas:'summary summary' 'entry entry' 'actions check';gap:8px;padding:10px;align-items:center}
 .crust-cabinet.is-expanded .crust-results:has(.human-check) .crust-result-summary{display:flex;align-items:center;justify-content:space-between;gap:10px}
 .crust-cabinet.is-expanded .crust-results:has(.human-check) h2{display:none}
 .crust-cabinet.is-expanded .crust-results:has(.human-check) .result-score{font-size:26px}
 .crust-cabinet.is-expanded .crust-results:has(.human-check) .result-stats{font-size:10px;max-width:120px}
 .crust-cabinet.is-expanded #end-overlay.is-saving .save-status,
 .crust-cabinet.is-expanded #end-overlay:not(.is-saving) .human-check-status{display:none}
}
@media(max-width:520px){
 .crust-cabinet:not(.is-expanded) .title-card:not(.results){padding:10px 16px}
 .crust-cabinet:not(.is-expanded) .title-card:not(.results) h2{font-size:36px;margin:6px 0 10px}
 .crust-cabinet:not(.is-expanded) .title-card:not(.results) p,.crust-cabinet:not(.is-expanded) .title-card:not(.results) .card-foot{display:none}
 .crust-cabinet:not(.is-expanded) .title-card .primary-button{min-height:44px}
 .crust-cabinet~.sidebar .scores{height:auto;overflow:visible}
}