.column-game{width:100%;height:100vh;height:var(--column-viewport-height,100dvh);min-height:0;padding-top:env(safe-area-inset-top,0px);background:hsl(var(--background));--column-key-height:clamp(44px, calc(var(--column-viewport-height,100dvh) * .073), 56px);grid-template-rows:auto auto minmax(0,1fr);display:grid;position:fixed;inset:0;overflow:hidden}.column-game-header{padding:6px max(8px, env(safe-area-inset-right)) 6px max(8px, env(safe-area-inset-left));border-bottom:1px solid hsl(var(--border));background:hsl(var(--card));justify-content:space-between;align-items:center;gap:8px;display:flex}.column-game-title{min-width:0;font-size:1rem;font-weight:700;line-height:1.15}.column-game-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.column-game-actions>a,.column-game-actions>button{min-width:44px;height:44px;padding:8px}.column-action-label,.column-example-label{display:none}.column-example-progress{white-space:nowrap;background:hsl(var(--muted));border-radius:999px;padding:4px 6px;font-size:.875rem;font-weight:700}.column-step-progress{gap:4px;min-width:0;padding:6px 10px 0;display:flex}.column-step-progress>span{border-radius:999px;flex:1;min-width:0;height:5px}.column-game-main{min-width:0;min-height:0;padding:8px max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));grid-template-rows:minmax(0,1fr) auto;gap:8px;display:grid}.column-board-pane{border:2px solid hsl(var(--border));background:hsl(var(--card));border-radius:18px;min-width:0;min-height:0;padding:8px;overflow:hidden}.column-controls{grid-template-rows:auto auto;gap:6px;min-width:0;min-height:0;display:grid}.column-instructions{min-width:0;min-height:0;overflow:visible}.column-input-dock{gap:6px;min-width:0;display:grid}.column-step-card{border:2px solid hsl(var(--border));background:hsl(var(--card));border-radius:16px;flex-direction:column;justify-content:center;gap:6px;min-width:0;min-height:106px;padding:8px 10px;display:flex}.column-step-heading{align-items:flex-start;gap:8px;display:flex}.column-step-heading>span{border-radius:50%;flex:0 0 9px;width:9px;height:9px;margin-top:6px}.column-step-heading h2{overflow-wrap:anywhere;font-size:1.125rem;font-weight:800;line-height:1.2}.column-step-message{background:hsl(var(--muted) / .6);border-radius:10px;align-items:flex-start;gap:6px;padding:6px 8px;font-size:.9375rem;line-height:1.35;display:flex}.column-step-message p{overflow-wrap:anywhere;min-width:0;margin:0}.column-step-message>svg{flex:0 0 18px;width:18px;height:18px;margin-top:1px}.column-click-hint{background:hsl(var(--selection) / .14)}.column-equation{border:2px solid hsl(var(--border));background:hsl(var(--card));font-variant-numeric:tabular-nums;border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-width:0;min-height:56px;padding:4px 10px;font-size:clamp(1.125rem,6vw,1.625rem);font-weight:800;line-height:1.15;display:grid}.column-equation-parts{text-align:center;overflow-wrap:anywhere;min-width:0}.column-equation[data-copy=true] .column-equation-parts{font-size:.9375rem;font-weight:600}.column-equation[data-long=true] .column-equation-parts{font-size:1rem;line-height:1.2}.column-answer-value{border:3px solid #0000;border-radius:12px;justify-content:center;align-items:center;min-width:2em;max-width:100%;min-height:44px;padding:2px 8px;font-size:1.625rem;display:inline-flex}.column-answer-value[data-editing=true]{border-color:hsl(var(--selection))}.column-direct-cancel{white-space:normal;height:auto;min-height:44px}.column-continue{white-space:normal;width:100%;height:auto;min-height:48px;padding:10px;font-size:1rem}.column-solved{border:2px solid hsl(var(--success) / .4);background:hsl(var(--success) / .08);text-align:center;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.column-solved p{overflow-wrap:anywhere;min-width:0;font-size:clamp(1.2rem,6vw,2rem);font-weight:800}.column-solved>svg{flex:0 0 32px;width:32px;height:32px}.column-game [data-target]{touch-action:manipulation}@media (width>=1024px),(width>=640px) and (height<=550px){.column-game .column-game-main{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(300px,44%)}.column-controls{grid-template-rows:minmax(0,1fr) auto}.column-instructions{align-items:center;display:flex}.column-step-card,.column-solved{width:100%}}@media (width>=640px) and (height>=551px){.column-action-label,.column-example-label{display:inline}.column-game-actions>a,.column-game-actions>button{padding:8px 12px}.column-game-title{font-size:1.25rem}}@media (width>=1024px) and (height>=651px){.column-game .column-game-main{grid-template-columns:minmax(0,1fr) minmax(340px,28rem);gap:12px;padding:12px}.column-controls,.column-input-dock{gap:12px}.column-board-pane{border-radius:24px}.column-step-card{border-radius:24px;gap:12px;padding:18px}.column-step-heading h2{font-size:1.5rem}.column-step-message{padding:12px;font-size:1.125rem}.column-equation{font-size:clamp(1.5rem,3vw,2.5rem)}.column-equation[data-copy=true] .column-equation-parts{font-size:1.125rem}.column-equation[data-long=true] .column-equation-parts{font-size:1.25rem}.column-answer-value{min-height:56px;font-size:2.5rem}.column-continue{min-height:56px;font-size:1.125rem}}@media (width<=1023px),(height<=650px){.column-game .column-keypad{grid-template-rows:repeat(3, var(--column-key-height));gap:6px}.column-game .column-keypad>span{display:none}.column-game .column-keypad>button{min-width:0;min-height:44px;height:var(--column-key-height);touch-action:manipulation;border-radius:12px;padding:4px;font-size:1.375rem}.column-game .column-keypad [data-key="7"]{grid-area:1/1}.column-game .column-keypad [data-key="8"]{grid-area:1/2}.column-game .column-keypad [data-key="9"]{grid-area:1/3}.column-game .column-keypad [data-key=backspace]{grid-area:1/4}.column-game .column-keypad [data-key="4"]{grid-area:2/1}.column-game .column-keypad [data-key="5"]{grid-area:2/2}.column-game .column-keypad [data-key="6"]{grid-area:2/3}.column-game .column-keypad [data-key="0"]{grid-area:2/4}.column-game .column-keypad [data-key="1"]{grid-area:3/1}.column-game .column-keypad [data-key="2"]{grid-area:3/2}.column-game .column-keypad [data-key="3"]{grid-area:3/3}.column-game .column-keypad [data-key=submit]{grid-area:3/4;font-size:1rem}.column-game .column-keypad svg{width:20px;height:20px}}@media (height<=600px){.column-game{--column-key-height:44px}.column-game-header{padding-top:2px;padding-bottom:2px}.column-step-progress{padding-top:4px}.column-game-main{gap:6px;padding-top:6px}.column-controls,.column-input-dock{gap:4px}.column-step-card{gap:4px;min-height:0;padding:6px 8px}.column-step-heading h2{font-size:1rem}.column-step-message{padding:4px 6px;font-size:.875rem;line-height:1.3}.column-equation{min-height:48px;padding:0 8px}}@media (width>=640px) and (height<=420px),(width<=639px) and (height<=520px){.column-game .column-keypad{grid-template-rows:repeat(2,44px);grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.column-game .column-keypad [data-key="1"]{grid-area:1/1}.column-game .column-keypad [data-key="2"]{grid-area:1/2}.column-game .column-keypad [data-key="3"]{grid-area:1/3}.column-game .column-keypad [data-key="4"]{grid-area:1/4}.column-game .column-keypad [data-key="5"]{grid-area:1/5}.column-game .column-keypad [data-key="6"]{grid-area:1/6}.column-game .column-keypad [data-key="7"]{grid-area:2/1}.column-game .column-keypad [data-key="8"]{grid-area:2/2}.column-game .column-keypad [data-key="9"]{grid-area:2/3}.column-game .column-keypad [data-key="0"]{grid-area:2/4}.column-game .column-keypad [data-key=backspace]{grid-area:2/5}.column-game .column-keypad [data-key=submit]{grid-area:2/6;gap:2px}.column-game .column-keypad [data-key=submit] svg{display:none}}