/* Slice Line: a pizzeria outside the cabinet, a legible game inside it. */
.snake-page{--pesto:#245b43;--cheese:#f1ca74}
.arcade-page.snake-page .snake-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:0;margin:28px 0 18px}
.arcade-page.snake-page .snake-heading h1{font:900 clamp(48px,6.5vw,86px)/.95 var(--display);letter-spacing:-1.8px;text-transform:uppercase;margin:8px 0 0}
.snake-heading h1 span{font-size:.28em;color:var(--accent);vertical-align:top;margin-left:8px}
.snake-eyebrow{font:700 11px/1.5 var(--body);letter-spacing:1.4px}
.snake-heading p{font-size:18px;line-height:1.35;margin:0 0 5px}.snake-heading em,.snake-special em{font-family:Georgia,serif;font-weight:400}
.snake-beta{font-size:14px;color:var(--muted);margin:0 0 22px}.snake-beta a{color:var(--accent)}
.snake-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.snake-layout>*{min-width:0}
.arcade-page.snake-page .snake-cabinet{display:grid;grid-template-columns:1fr;grid-template-areas:'toolbar' 'hud' 'order' 'screen' 'status' 'controls';border:3px solid var(--ink);border-radius:14px;overflow:hidden;background:#143f32;color:#fff6df;box-shadow:0 6px 0 var(--ink);position:relative}
.snake-toolbar{grid-area:toolbar;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 12px;background:#f1ca74;color:#233c2d;border-bottom:2px solid #263b30}
.snake-stamp{font:900 18px/1 var(--display);letter-spacing:1px;white-space:nowrap}.snake-stamp b{font:700 10px var(--body);border:1px solid currentColor;border-radius:50%;padding:5px;margin-left:7px}
.arcade-page.snake-page .snake-cabinet .cabinet-tools{display:flex;width:auto;flex:none;gap:4px;flex-wrap:nowrap}
.arcade-page.snake-page .snake-cabinet .cabinet-tools button{display:grid;place-items:center;min-width:44px;min-height:44px;width:44px;height:44px;padding:4px!important;border:1px solid #23463055!important;border-radius:7px;color:inherit;background:transparent;font:700 23px/1 var(--body)!important;cursor:pointer}
.snake-toolbar button:disabled{opacity:.35}.snake-toolbar .icon{width:21px;height:21px}
.snake-hud{grid-area:hud;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:10px 8px;background:#143f32;border-bottom:1px solid #fff2}
.snake-hud>div{display:grid;align-content:center;text-align:center;gap:2px;border-right:1px solid #fff2;min-width:0}.snake-hud>div:last-child{border:0}
.snake-hud span{font-size:10px;line-height:1.3;letter-spacing:.6px;color:#c9d6b2}.snake-hud strong{font:900 28px/1 var(--display);font-variant-numeric:tabular-nums;color:#ffe09c}
.snake-order{grid-area:order;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:5px 10px;background:#fff1cf;color:#263b30;font-size:12px;line-height:1.3;border-bottom:2px solid #263b30}
.snake-order>span:first-child{font-weight:700;max-width:145px}.snake-order>span:last-child{font:italic 14px Georgia,serif}.snake-order canvas{width:144px;height:42px;flex:none;image-rendering:auto}
.snake-screen{grid-area:screen;position:relative;isolation:isolate;display:grid;place-items:center;background:#143f32;aspect-ratio:4/3;min-width:0;min-height:0;overflow:hidden}
.snake-screen canvas{display:block;width:100%;height:100%;object-fit:contain;touch-action:none;image-rendering:auto;outline:none!important}
.snake-screen canvas:focus-visible{outline:2px solid #ffdc8e!important;outline-offset:-4px}
.snake-overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:14px;background:#102f27b8;overflow:auto;backdrop-filter:blur(3px)}
.snake-ticket{width:min(100%,390px);max-height:100%;overflow:auto;overscroll-behavior:contain;background:#fff6df;color:#233d2b;border:2px solid #233d2b;border-radius:12px;box-shadow:0 8px 24px #092d2540;padding:22px;text-align:center}
.snake-ticket h2{font:900 54px/.95 var(--display);letter-spacing:-.7px;text-transform:uppercase;margin:12px 0}.snake-ticket h2 em{font-family:Georgia,serif;font-weight:700;color:#a8422d;font-style:normal}
.snake-ticket p{font-size:14px;line-height:1.55;margin:10px 0}.snake-ticket .snake-eyebrow{font-size:10px}
.snake-primary,.snake-secondary{display:block;width:100%;min-height:48px;border:0;border-radius:7px;padding:12px;cursor:pointer;font:700 14px/1.4 var(--body);letter-spacing:.3px}
.snake-primary{background:#245b43;color:#fff4d7;margin-top:10px;box-shadow:0 3px 0 #133e2e}.snake-primary:hover{background:#327353}.snake-secondary{background:none;color:#245b43;text-decoration:underline;text-underline-offset:4px}.snake-primary:disabled{opacity:.5;cursor:wait}
.snake-status{grid-area:status;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;min-height:48px;font-size:12px;line-height:1.5;background:#143f32;border-top:1px solid #fff2}.snake-status b{font-size:10px;letter-spacing:.7px;white-space:nowrap;color:#f1ca74}
.snake-controls{grid-area:controls;display:flex;align-items:center;justify-content:space-around;gap:16px;position:relative;padding:28px 14px 12px;background:#eee3c2;color:#254b3a;border-top:2px solid #254b3a;touch-action:none;user-select:none}
.snake-input-hint{display:block;position:static;min-height:32px;text-align:center;font:700 12px/16px var(--body);visibility:hidden}.snake-cabinet[data-phase='ready'] .snake-input-hint{visibility:visible}
.snake-controls-copy{display:grid;gap:6px;font-size:12px;margin:0}.snake-controls-copy b{font-size:11px;letter-spacing:.6px}.snake-controls-copy small{font-size:11px;color:#536951}
.snake-guide{margin-top:28px}.snake-guide h2{font:900 27px var(--display)}.snake-guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.snake-guide article b{font-size:11px;color:var(--accent);letter-spacing:.4px}.snake-guide p,.snake-special p{font-size:14px;color:var(--muted);line-height:1.8}
.snake-special{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.snake-special h3{font:900 33px/1.1 var(--display);margin:12px 0}.snake-special em{color:var(--accent)}.snake-special img{width:100%;height:auto;border:1px solid var(--line);border-radius:7px;image-rendering:auto}
.snake-receipt{border-block:1px dashed #66815c;display:grid;padding:10px;margin:15px 0}.snake-receipt span{font-size:11px;letter-spacing:1px}.snake-receipt strong{font:900 46px var(--display);font-variant-numeric:tabular-nums}.snake-name-row{display:flex;gap:6px}.snake-name-row input{min-width:0;width:100%;font:16px var(--body);padding:8px;border:1px solid #718260;background:#fffbed;color:#233d2b;border-radius:4px}.snake-name-row button{width:auto;margin:0}.snake-ticket form>label{display:block;text-align:left;font-size:12px;margin-bottom:5px}
.snake-help{width:min(580px,calc(100vw - 24px));max-height:85dvh;overflow:auto;padding:22px;border:2px solid var(--ink);border-radius:10px;background:var(--panel);color:var(--ink)}.snake-help::backdrop{background:#092d2599}.snake-help h2{font:900 35px var(--display)}.snake-help img{display:block;width:100%;height:auto;margin:auto}.snake-help p{font-size:16px;line-height:1.7}.snake-help form{float:right}.snake-help form button{min-height:44px;min-width:44px;background:none;color:inherit;border:1px solid var(--line);font-size:25px}.snake-page .snake-help .snake-primary{color:#fff4d7}
.snake-page .game-back{display:block;margin-top:22px}.snake-page :is(button,input):focus-visible{outline:3px solid #e9784d;outline-offset:2px}
/* The active game view spends its height on the board, not the cabinet. */
.arcade-page.snake-page .snake-cabinet.is-expanded{position:fixed;inset:0;z-index:1000;border:0;border-radius:0;box-shadow:none;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:48px 50px minmax(0,1fr) auto;grid-template-areas:'hud toolbar' 'order order' 'screen screen' 'controls controls';padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);height:100dvh;background:#143f32}
.snake-cabinet.is-expanded .snake-toolbar{z-index:30;padding:2px 6px 2px 0;border:0;background:#143f32;color:#fff5d4}.snake-cabinet.is-expanded .snake-stamp{display:none}
.arcade-page.snake-page .snake-cabinet.is-expanded .cabinet-tools button{border-color:#e3d7ad55!important}
.snake-cabinet.is-expanded:is([data-phase='playing'],[data-phase='ready']) :is(#snake-help,#snake-sound){display:none}
.snake-cabinet.is-expanded .snake-hud{padding:2px 6px;border:0;grid-template-columns:minmax(60px,1.2fr) 1fr 1fr;gap:0}.snake-cabinet.is-expanded .snake-hud>div:last-child{display:none}.snake-cabinet.is-expanded .snake-hud>div:nth-child(3){border:0}.snake-cabinet.is-expanded .snake-hud span{font-size:10px;letter-spacing:.3px}.snake-cabinet.is-expanded .snake-hud strong{font-size:24px}
.snake-cabinet.is-expanded .snake-screen{position:static;isolation:auto;aspect-ratio:auto;padding:0}.snake-cabinet.is-expanded .snake-order{padding:3px 10px;border:0}.snake-cabinet.is-expanded .snake-order canvas{height:42px;width:144px}.snake-cabinet.is-expanded .snake-order>span:last-child{display:none}
.snake-cabinet.is-expanded .snake-status,.snake-cabinet.is-expanded .snake-controls-copy{display:none}.snake-cabinet.is-expanded .snake-controls{justify-content:center;padding:26px 10px 10px;border:0}.snake-cabinet.is-expanded .snake-overlay{position:fixed;inset:calc(48px + env(safe-area-inset-top)) 0 0;backdrop-filter:blur(4px);padding:12px;background:#102f27eb}.snake-cabinet.is-expanded .snake-ticket{padding:20px}
@media(max-width:1000px){.snake-layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.snake-stamp b{display:none}.snake-ticket{padding:15px}.snake-ticket h2{font-size:44px}.snake-controls-copy{display:none}}
@media(max-width:760px){.snake-layout{grid-template-columns:1fr}.snake-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:22px}.snake-special{border:0;margin:0;padding:0}.snake-heading p{font-size:14px}.snake-guide>div{gap:14px}}
@media(max-width:440px){.arcade-page.snake-page .snake-heading h1{font-size:clamp(38px,11vw,60px)}.snake-heading p{display:none}.snake-sidebar{display:block}.snake-special{margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.snake-guide>div{grid-template-columns:1fr;gap:12px}.snake-guide p{margin-top:6px}.snake-toolbar{padding:4px 8px}.snake-stamp{font-size:15px}.snake-ticket{padding:13px}.snake-ticket h2{font-size:34px;margin:8px 0}.snake-ticket p{font-size:13px;margin:8px 0}.snake-primary,.snake-secondary{padding:10px;font-size:13px}.snake-hud strong{font-size:24px}.snake-hud span{font-size:9px}.snake-order>span:last-child{display:none}}
/* Compact menus stay readable; the shared controller fits landscape placement. */
@media(max-height:500px) and (max-aspect-ratio:1.3){.snake-cabinet.is-expanded .snake-ticket{padding:14px}.snake-cabinet.is-expanded .snake-ticket h2{font-size:32px}.snake-cabinet.is-expanded .snake-ticket p{font-size:13px}.snake-cabinet.is-expanded .snake-receipt{margin:8px 0;padding:5px}.snake-cabinet.is-expanded .snake-receipt strong{font-size:32px}}
@media(min-aspect-ratio:1.3) and (max-height:600px){.arcade-page.snake-page .snake-cabinet.is-expanded{grid-template-columns:minmax(0,1fr) 192px;grid-template-rows:48px 52px minmax(0,1fr);grid-template-areas:'hud toolbar' 'screen order' 'screen controls'}.snake-cabinet.is-expanded .snake-screen{padding:0}.snake-cabinet.is-expanded .snake-order{justify-content:center;padding:5px}.snake-cabinet.is-expanded .snake-order>span:first-child{display:none}.snake-cabinet.is-expanded .snake-controls{align-self:center;padding:26px 8px 10px;background:#143f32}.snake-cabinet.is-expanded .snake-input-hint{color:#f1dba1;font-size:11px}.snake-cabinet.is-expanded .snake-ticket{padding:14px}.snake-cabinet.is-expanded .snake-ticket h2{font-size:32px}.snake-cabinet.is-expanded .snake-receipt{margin:7px 0;padding:5px}}
html:lang(zh) .arcade-page.snake-page .snake-heading h1{font-size:clamp(36px,5vw,64px);line-height:1.2;letter-spacing:0}
html:lang(zh) .snake-page :is(.snake-guide p,.snake-special p,.snake-help p){font-size:18px;line-height:1.8}
html:lang(zh) .snake-page :is(.snake-beta,.snake-ticket p){font-size:16px;line-height:1.65}
html:lang(zh) .snake-page :is(.snake-primary,.snake-secondary){font-size:16px;letter-spacing:0}
html:lang(zh) .snake-page :is(.snake-eyebrow,.snake-hud span,.snake-order,.snake-controls-copy,.snake-receipt span){font-size:13px;letter-spacing:0;line-height:1.4}
html:lang(zh) .snake-page .snake-order>span:last-child{font:14px var(--body)}
html:lang(zh) .snake-page .snake-cabinet.is-expanded .snake-hud span{font-size:12px;line-height:1.2}html:lang(zh) .snake-page .snake-ticket h2{line-height:1.1}
@media(max-height:500px){html:lang(zh) .snake-page .snake-cabinet.is-expanded .snake-ticket p{font-size:15px}html:lang(zh) .snake-page .snake-cabinet.is-expanded .snake-ticket h2{font-size:30px}}

.snake-cabinet.is-expanded:is([data-phase='paused'],[data-phase='result'],[data-phase='lobby']) .snake-hud{grid-template-columns:1fr}.snake-cabinet.is-expanded:is([data-phase='paused'],[data-phase='result'],[data-phase='lobby']) .snake-hud>div:not(:first-child){display:none}.snake-cabinet.is-expanded:is([data-phase='paused'],[data-phase='result'],[data-phase='lobby']) .snake-hud>div:first-child{border:0}

.snake-cabinet[data-phase='playing'][data-feedback='true'] .snake-input-hint{visibility:visible}.snake-cabinet[data-feedback-kind='wrong'] .snake-input-hint{color:#9f372b}.snake-cabinet[data-feedback-kind='wrong'] .snake-order{box-shadow:inset 0 -3px #c9543b}
@media(min-aspect-ratio:1.3) and (max-height:600px){.snake-cabinet.is-expanded[data-feedback-kind='wrong'] .snake-input-hint{color:#ffb29b}}

/* The site controller owns its buttons, hit sectors, saved positions and editor. */
.arcade-page.snake-page .snake-controls.iatpm-pad{display:grid;grid-template-columns:132px minmax(96px,132px);justify-content:center;align-items:center;gap:12px 22px;min-height:148px;padding:8px 12px;background:var(--pad-paper);color:var(--pad-ink)}
.arcade-page.snake-page .snake-cabinet.is-expanded .snake-controls.iatpm-pad{min-height:148px;padding:8px 12px;align-content:center}
.arcade-page.snake-page .snake-cabinet.is-expanded .snake-direction.is-heading{outline:2px solid #c18d33;outline-offset:1px}
.snake-cabinet .iatpm-pad-mark{display:block}
.snake-cabinet .pad-lobby-adjust{margin-top:8px}
.snake-cabinet .snake-input-hint{grid-column:1/-1}
@media(orientation:portrait) and (max-height:650px){
 .arcade-page.snake-page .snake-cabinet.has-pad-layout.is-expanded .snake-controls.iatpm-pad{grid-template-columns:108px minmax(96px,132px);min-height:116px;padding:4px 12px}
 .arcade-page.snake-page .snake-cabinet.has-pad-layout.is-expanded .iatpm-pad .iatpm-pad-wheel{--pad-compact-wheel:108px}
}
@media(orientation:portrait) and (max-height:500px){
 .arcade-page.snake-page .snake-cabinet.is-expanded{grid-template-rows:48px minmax(0,1fr) auto;grid-template-areas:'hud toolbar' 'screen screen' 'controls controls'}
 .snake-cabinet.is-expanded .snake-hud{grid-template-columns:1fr;width:70px;padding:2px}
 .snake-cabinet.is-expanded .snake-hud>div:not(:first-child){display:none}
 .snake-cabinet.is-expanded .snake-hud>div:first-child{border:0}
 .snake-cabinet.is-expanded .snake-order{position:absolute;top:0;left:72px;right:98px;height:48px;padding:3px 0;background:#143f32;justify-content:center;z-index:10}
 .snake-cabinet.is-expanded .snake-order>span{display:none}
 .snake-cabinet.is-expanded .snake-order canvas{width:120px;height:35px}
 .snake-cabinet.is-expanded:not([data-phase='playing']):not([data-phase='ready']) .snake-order{display:none}
}
@media(orientation:landscape) and (max-height:600px){
 .arcade-page.snake-page .snake-cabinet.has-pad-layout.is-expanded{display:block;grid-template:none;padding:0}
 .arcade-page.snake-page .snake-cabinet.has-pad-layout.is-expanded .snake-controls.iatpm-pad{display:contents;min-height:0;padding:0}
 .snake-cabinet.has-pad-layout.is-expanded .snake-order{justify-content:center;padding:4px}
 .snake-cabinet.has-pad-layout.is-expanded .snake-order>span{display:none}
 .snake-cabinet.has-pad-layout.is-expanded .snake-input-hint{color:var(--pad-ink)}
}

.snake-label-short{display:none}
.arcade-page.snake-page .snake-cabinet .cabinet-tools .pad-layout-button{display:flex;flex-direction:column;gap:1px;font:700 9px/1.1 var(--body)!important;padding:2px!important}
.arcade-page.snake-page .snake-cabinet .cabinet-tools .pad-layout-button span{font:inherit!important;max-width:100%;white-space:normal}
@media(orientation:portrait){
 .arcade-page.snake-page .snake-cabinet.has-pad-layout.is-expanded .pad-meta{display:contents!important}
 .arcade-page.snake-page .snake-cabinet.is-expanded .snake-controls.iatpm-pad{background:var(--pad-paper)!important}
}
@media(orientation:landscape), (max-height:500px){
 .snake-cabinet.is-expanded .snake-label-long{display:none}
 .snake-cabinet.is-expanded .snake-label-short{display:inline}
}
@media(orientation:landscape){.snake-cabinet.has-pad-layout.is-expanded .snake-input-hint{color:#fff0cd}}

.arcade-page .snake-cabinet.has-pad-layout.is-expanded.pad-adjusting .snake-toolbar{z-index:45!important}

.arcade-page.snake-page .snake-cabinet.has-pad-layout.is-expanded .snake-status{display:none!important}
.snake-pad-mode{font:700 10px/14px var(--body);text-align:center;letter-spacing:.3px}
html:lang(zh) .snake-page .snake-pad-mode{font-size:12px;letter-spacing:0}
/* Snake has one action with two small readouts, not a multi-action button row. */
.arcade-page.snake-page .snake-cabinet.has-pad-layout .iatpm-pad-actions.pad-primary-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:5px}
@media(orientation:landscape){.snake-cabinet.has-pad-layout.is-expanded .snake-pad-mode,.snake-cabinet.has-pad-layout.is-expanded .snake-input-hint{color:#fff0cd}}
@media(orientation:landscape){
 .arcade-page.snake-page .snake-cabinet.has-pad-layout.is-expanded .snake-toolbar .cabinet-tools{display:grid;grid-template-columns:repeat(var(--pad-tool-columns,2),44px);grid-auto-rows:44px;justify-content:center;gap:4px;width:100%}
}

/* Slice Line trials a floating workspace; the game never reflows for its menu. */
.arcade-page .snake-cabinet.pad-workspace .pad-live-editor{grid-template-columns:minmax(104px,1fr) minmax(180px,2fr) auto auto auto;grid-template-areas:'preset sizing reset done guide' 'hint hint hint hint hint';gap:4px 8px;padding:6px 8px;border-radius:8px;max-height:calc(100dvh - 16px);overflow:auto;background:#fff1d3;color:#263e32;border-color:#cabd94;box-shadow:0 3px 12px #0002;font:700 12px/1.3 var(--body)}
.snake-cabinet.pad-workspace .pad-editor-preset{grid-area:preset}
.snake-cabinet.pad-workspace .pad-editor-sizing{grid-area:sizing;display:grid;grid-template-columns:auto minmax(44px,1fr) 38px;align-items:center;gap:6px;min-width:0}
.arcade-page .snake-cabinet.pad-workspace .pad-editor-sizing label{font:700 11px/1.2 var(--body)}
.arcade-page .snake-cabinet.pad-workspace .pad-editor-sizing input{grid-column:auto;grid-row:auto;min-width:44px}
.arcade-page .snake-cabinet.pad-workspace .pad-editor-sizing output{grid-column:auto;grid-row:auto;min-width:0;font:700 12px/1.2 var(--body)}
.arcade-page .snake-cabinet.pad-workspace .pad-live-editor :is(select,button){min-width:52px;min-height:44px;height:44px;margin:0;padding:6px 8px;border:1px solid #6b7d5c;border-radius:6px;background:#fff8e8;color:#263e32;font:700 12px/1.3 var(--body);text-decoration:none;white-space:nowrap;cursor:pointer}
.arcade-page .snake-cabinet.pad-workspace .pad-live-editor select{width:100%;min-width:0;max-width:100%}
.snake-cabinet.pad-workspace .pad-editor-reset{grid-area:reset}.snake-cabinet.pad-workspace .pad-editor-done{grid-area:done}.snake-cabinet.pad-workspace .pad-tour-replay{grid-area:guide}.snake-cabinet.pad-workspace .pad-editor-restore{grid-area:restore}
.arcade-page .snake-cabinet.pad-workspace .pad-editor-done{background:#245b43;color:#fff8e8}
.arcade-page .snake-cabinet.pad-workspace .pad-live-instruction{grid-area:hint;color:#425940;font:500 11px/1.3 var(--body)}
.arcade-page .snake-cabinet.pad-workspace.pad-adjusting .snake-toolbar{visibility:hidden}
.snake-cabinet .pad-action-preview{display:none}
.arcade-page .snake-cabinet.pad-workspace.pad-adjusting #snake-pause{display:none!important}
.arcade-page .snake-cabinet.pad-workspace.pad-adjusting .pad-action-preview{display:grid;place-items:center;box-sizing:border-box;min-height:44px;width:100%;padding-left:44px;border:1px dashed #718366;border-radius:12px;background:#eee5c9;color:#3e563c;font:700 12px/1.2 var(--body)}
.arcade-page .snake-cabinet.pad-workspace.pad-adjusting .pad-drag-handle[data-pad-group]:not([data-pad-group=directions]){top:19px!important;left:0!important;right:auto!important;bottom:auto!important;width:44px;height:44px;border-radius:7px!important;box-shadow:none!important}
.snake-cabinet.pad-workspace.pad-adjusting.is-expanded .snake-order{display:flex!important}
.arcade-page .snake-cabinet.pad-workspace .pad-live-editor.pad-workspace-folded{grid-template-columns:1fr 1fr;grid-template-areas:'restore done';padding:4px;gap:4px}
.snake-cabinet.pad-workspace .pad-workspace-folded :is(.pad-editor-preset,.pad-editor-sizing,.pad-editor-reset,.pad-tour-replay,.pad-live-instruction){display:none!important}
@media(orientation:landscape){
 .snake-cabinet.pad-workspace.has-pad-layout.is-expanded .snake-order{box-sizing:border-box;width:100%;min-width:0}
 .snake-cabinet.pad-workspace.has-pad-layout.is-expanded .snake-order canvas{max-width:100%;min-width:0;flex:0 1 144px;height:auto;aspect-ratio:144/42;object-fit:contain}
 .arcade-page .snake-cabinet.pad-workspace.has-pad-layout.is-expanded .pad-meta{overflow:visible}
}
@media(orientation:portrait){
 .snake-cabinet.pad-workspace .pad-editor-preset{display:none!important}
 .arcade-page .snake-cabinet.pad-workspace .pad-live-editor{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:'sizing sizing sizing' 'reset guide done' 'hint hint hint';gap:4px}
}
html:lang(zh) .snake-cabinet.pad-workspace .pad-live-editor :is(select,button){font-size:14px}
.snake-cabinet:not(.pad-adjusting):is([data-phase=paused],[data-phase=result]) .snake-controls{visibility:hidden;pointer-events:none}

/* Retain wrapped hint space when portrait controls move into the floating editor. */
@media(orientation:portrait){.arcade-page.snake-page .snake-cabinet.pad-workspace.is-expanded .snake-controls.iatpm-pad{box-sizing:border-box;height:var(--pad-workspace-tray-height,auto)}}