.lp-game{--lp-cell:var(--layout-legacy-cell);padding:var(--space-24);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);margin-block:var(--space-24)}
.lp-game button,.lp-game input{font:inherit}.lp-note{font-size:16px;line-height:24px;color:var(--color-secondary);margin-block:16px}.lp-objects,.lp-bank,.lp-slots{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.lp-objects{max-width:360px}.lp-choice,.lp-card,.lp-slot{position:relative;min-width:var(--lp-cell);height:var(--lp-cell);border:2px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:8px;font-size:24px!important;line-height:32px!important;font-weight:600!important;transition:background var(--motion-duration),border-color var(--motion-duration),transform var(--motion-duration)}
.lp-choice svg{width:44px;height:44px;fill:var(--color-notice-surface);stroke:var(--color-notice);stroke-width:2}.lp-scene-collect svg{fill:var(--color-selection);stroke:var(--color-primary)}.lp-choice[aria-pressed=true],.lp-card[aria-pressed=true],.lp-slot[aria-pressed=true]{border:3px solid var(--color-primary);background:var(--color-selection);box-shadow:inset 0 0 0 2px var(--color-surface)}.lp-choice[aria-pressed=true]:after{content:"";position:absolute;right:3px;top:3px;width:8px;height:8px;border-radius:50%;background:var(--color-primary)}.lp-game :is(button,input):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.lp-answer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:18px;font-weight:600}.lp-answer input{width:80px;height:56px;border:2px solid var(--color-border);border-radius:var(--radius-control);text-align:center;font-size:24px}.lp-feedback{min-height:48px;margin-top:16px;font-size:16px;line-height:24px}.lp-game[data-verdict=correct] .lp-feedback{color:var(--color-success)}.lp-game[data-verdict=wrong] .lp-feedback{color:var(--color-error)}.lp-bank{min-height:72px;margin-bottom:24px}.lp-card{touch-action:none;min-width:80px}.lp-card[disabled]{visibility:hidden}.lp-slot{width:96px;border-style:dashed}.lp-slot>span{color:var(--color-secondary);font-size:16px}.lp-slot[data-filled=true]{border-style:solid}.lp-drag-ghost{position:fixed!important;z-index:9999;pointer-events:none;opacity:.9;box-shadow:var(--shadow-pet-drag);transform:scale(1.06)}
.lp-grid{display:grid;grid-template-columns:24px repeat(5,minmax(44px,64px));grid-template-rows:repeat(5,minmax(44px,64px)) 24px;gap:0;max-width:344px}.lp-grid .lp-choice{min-width:0;width:100%;height:100%;border:1px solid var(--color-border);border-radius:0;padding:0;touch-action:none}.lp-grid .lp-origin{outline:3px dashed var(--color-secondary);outline-offset:-6px;background:var(--color-subtle)}.lp-grid .lp-choice[aria-pressed=true]{background:var(--color-selection);border:3px solid var(--color-primary);box-shadow:none}.lp-axis{display:flex;align-items:center;justify-content:center;font-size:16px;line-height:24px;font-weight:600}.lp-grid .lp-drag-target{box-shadow:inset 0 0 0 4px var(--color-focus)}
@media(max-width:600px){.lp-game{--lp-cell:var(--layout-legacy-cell-mobile);padding:12px}.lp-card{min-width:64px}.lp-slot{width:64px}.lp-grid{grid-template-rows:repeat(5,48px) 24px}.lp-game .game-actions{display:flex;flex-wrap:wrap;gap:12px}.lp-game .game-actions .button{min-height:48px}}
@media(prefers-reduced-motion:reduce){.lp-game *{transition:none!important;animation:none!important}}
.lp-given{font-size:40px;line-height:48px;font-weight:600;text-align:center;margin:16px 0 24px}.lp-places{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:450px;margin:auto}.lp-places label{font-size:16px;line-height:24px;font-weight:600;text-align:center}.lp-places input{display:block;margin:8px auto;width:64px;height:64px;text-align:center;font-size:24px;border:2px solid var(--color-border);border-radius:var(--radius-control)}.lp-line-track{display:flex;position:relative;isolation:isolate;max-width:660px}.lp-line-track:before{content:"";position:absolute;left:20px;right:20px;top:24px;height:3px;background:var(--color-border);z-index:-1}.lp-line-track .lp-choice{min-width:44px;width:9.09%;padding:4px;height:80px;background:transparent;border-color:transparent;flex-direction:column;font-size:16px!important}.lp-line-track .lp-choice:before{content:"";width:2px;height:24px;background:var(--color-secondary);margin-bottom:8px}.lp-line-track .lp-choice[aria-pressed=true]{background:var(--color-selection);border-color:var(--color-primary)}.lp-fraction-track{display:flex;max-width:576px}.lp-fraction-track .lp-choice{flex:1;min-width:44px;border-radius:0}.lp-initial{text-align:center;margin:12px 0 24px}.lp-initial svg{width:96px;height:96px;fill:var(--color-selection);stroke:var(--color-primary);stroke-width:2}.lp-directions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:600px}.lp-directions .lp-choice{height:112px;flex-direction:column;gap:8px}.lp-directions .lp-choice svg{fill:var(--color-selection);stroke:var(--color-primary)}.lp-directions span{font-size:16px;line-height:24px}.lp-balance{position:relative;width:100%;max-width:600px;aspect-ratio:600/320;margin:16px auto}.lp-balance>svg{width:100%;height:100%}.lp-pan{position:absolute;left:var(--pan-x);top:var(--pan-y);transform:translate(-50%,-100%);width:24%;height:50%;padding:0;background:transparent;border-color:transparent}.lp-pan img{width:100%;height:auto;max-height:100%;object-fit:contain}.lp-pan[aria-pressed=true]{background:var(--color-selection)}.lp-load{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:48%;width:30%}.lp-load img{width:52%;height:auto}.lp-weight{position:relative;display:inline-block;width:80px;max-width:64%;aspect-ratio:1;background:url('/assets/characters/legacy-math-atlas.png') 0 0/200% 200% no-repeat}.lp-weight>span{position:absolute;left:0;right:0;top:54%;text-align:center;color:var(--color-on-primary);font-size:16px;line-height:24px;font-weight:600;text-shadow:0 1px 2px #000}.lp-data{font-size:16px;line-height:24px;max-width:360px}.lp-data th,.lp-data td{padding:8px 16px;text-align:left}.lp-chart{display:flex;gap:12px;max-width:440px;padding-top:24px}.lp-chart-axis{height:264px;display:flex;flex-direction:column;justify-content:space-between;width:20px;flex:none;font-size:16px;line-height:24px;transform:translateY(-12px)}.lp-chart-column{flex:1;min-width:0;display:flex;align-items:center;flex-direction:column;gap:8px}.lp-bar-control{position:relative;width:100%;height:264px;background:repeating-linear-gradient(to top,var(--color-divider) 0 1px,transparent 1px 44px);border-bottom:2px solid var(--color-secondary);cursor:ns-resize;touch-action:none;outline-offset:4px}.lp-bar-control:focus-visible{outline:3px solid var(--color-focus)}.lp-bar{position:absolute;bottom:0;width:100%;background:var(--color-selection);border:2px solid var(--color-primary);min-height:0;pointer-events:none}.lp-bar-handle{position:absolute;left:0;width:100%;height:44px;transform:translateY(50%);border:2px solid var(--color-primary);border-radius:8px;background:var(--color-subtle);pointer-events:none}.lp-bar-handle:after{content:"";position:absolute;width:24px;height:4px;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--color-primary);border-radius:2px}.lp-fruit{width:56px;height:56px;background:url('/assets/characters/legacy-math-atlas.png') 100% 0/200% 200%;margin-top:20px}.lp-fruit-1{background-position:0 100%}.lp-fruit-2{background-position:100% 100%}.lp-fruit-label{font-size:16px;line-height:24px}.lp-grid-ghost{width:96px;height:96px;background:linear-gradient(var(--color-selection),var(--color-selection)) 0 0/48px 96px no-repeat,linear-gradient(var(--color-selection),var(--color-selection)) 0 48px/96px 48px no-repeat;opacity:.75}.lp-land{animation:lp-land var(--motion-duration) cubic-bezier(.16,1,.3,1)}@keyframes lp-land{from{transform:scale(.88)}to{transform:scale(1)}}
@media(max-width:600px){.lp-line-track{flex-direction:column-reverse;width:96px;margin:auto}.lp-line-track:before{left:26px;right:auto;top:22px;bottom:22px;width:3px;height:auto}.lp-line-track .lp-choice{width:96px;height:44px;flex-direction:row;justify-content:flex-start;gap:20px}.lp-line-track .lp-choice:before{width:32px;height:2px;margin:0}.lp-fraction-track{flex-direction:column;width:64px;margin:auto}.lp-fraction-track .lp-choice{height:44px;min-height:44px}.lp-directions{grid-template-columns:repeat(2,1fr)}.lp-places input{width:56px;height:56px}.lp-weight>span{font-size:16px}.lp-balance{min-height:156px}.lp-pan{min-width:44px;min-height:44px}.lp-chart{gap:8px}.lp-fruit{width:48px;height:48px}}

.lp-weight{clip-path:inset(0 0 4% 0)}

.lp-load{width:40%}.lp-load img{width:48%;max-width:calc(100% - var(--layout-legacy-weight))}.lp-weight{width:var(--layout-legacy-weight);max-width:none;flex-shrink:0}@media(max-width:600px){.lp-weight{width:var(--layout-legacy-weight-mobile)}.lp-load img{max-width:calc(100% - var(--layout-legacy-weight-mobile))}}