.blk-stage{position:absolute;inset:14px 0 140px;overflow:hidden;touch-action:manipulation}.blk-stage:focus-visible{outline:3px solid var(--butter);outline-offset:-6px;box-shadow:none}.blk-stage.can-edit,.blk-stage.can-view{touch-action:none;-webkit-user-select:none;user-select:none}.blk-stage.can-view{cursor:grab}.blk-stage.can-edit .blk-face,.blk-stage.can-edit .blk-tile{cursor:pointer}.blk-stage.is-turning,.blk-stage.is-turning .blk-face,.blk-stage.is-turning .blk-tile{cursor:grabbing}.blk-svg{display:block;width:100%;height:100%}.blk-ghost,.blk-marks,.blk-mark,.blk-x{pointer-events:none}.blk-tile{fill:var(--paper-2);stroke:var(--ink);stroke-width:1.5;stroke-linejoin:round}.blk-tile.is-odd{fill:var(--paper-3)}.blk-tile.is-under{fill-opacity:.5}.blk-tile.is-goal{fill:var(--butter)}.blk-face{stroke:var(--ink);stroke-width:2;stroke-linejoin:round}.blk-face.is-hidden-cube{stroke:var(--primary);stroke-width:3.5;stroke-dasharray:7 4}.blk-face.is-diff{stroke:var(--wrong);stroke-width:3.5;stroke-dasharray:6 4}.blk-x{fill:var(--wrong);stroke:var(--paper);stroke-width:4px;paint-order:stroke;font-family:var(--font);font-size:20px;font-weight:900;text-anchor:middle;dominant-baseline:central}.blk-mark{fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.blk-mark-dot{fill:var(--ink);stroke:none;fill-opacity:.55}.blk-ghost-face{fill:#fffdf88c;stroke:var(--ink);stroke-width:2.5;stroke-dasharray:6 5;stroke-linejoin:round}.blk-ghost-face.is-remove{fill:#b23f1459;stroke:var(--wrong)}.blk-arrow{fill:var(--butter);stroke:var(--ink);stroke-width:1.5;stroke-linejoin:round}.blk-chip rect{fill:var(--paper);stroke:var(--ink);stroke-width:2}.blk-chip text{fill:var(--ink);font-family:var(--font);font-size:14px;font-weight:800;text-anchor:middle;dominant-baseline:central}.blk-chip.blk-edge rect{fill:var(--butter)}.blk-chip.blk-hid rect{stroke:var(--primary);stroke-dasharray:5 3}.blk-dirs{position:absolute;left:14px;top:24px;z-index:3;display:flex;gap:4px}.blk-dirs.is-locked,.blk-dirs:empty{display:none}.blk-dir{min-width:var(--tap);min-height:var(--tap);padding:4px 10px;gap:4px}.blk-dir .icon{width:1.2em;height:1.2em}.blk-padbox{position:absolute;left:14px;top:84px;z-index:3;display:grid;grid-template:"title title" auto "grid side" auto "front ." auto "count count" auto / auto auto;gap:2px 4px;align-items:center;justify-items:center;padding:4px 6px 4px 8px;border-radius:12px;border:2px solid var(--ink);background:#fffdf8f0}.blk-pad-title{grid-area:title;font-size:var(--fs-xs);font-weight:800;line-height:1.4;white-space:nowrap}.blk-pad-grid{grid-area:grid;display:flex;flex-direction:column;gap:3px}.blk-pad-row{display:flex;gap:3px}.blk-pad-side{grid-area:side}.blk-pad-front{grid-area:front}.blk-pad-side,.blk-pad-front{font-size:var(--fs-xs);font-weight:800;line-height:1.2;color:var(--ink-2)}.blk-pad-count{grid-area:count;font-size:var(--fs-xs);font-weight:700;line-height:1.4;white-space:nowrap}.blk-pad-count b{font-family:var(--font-display);font-weight:700;font-size:1.15rem;padding:0 2px}.blk-cell{width:var(--tap);height:var(--tap);margin:0;padding:0;display:grid;place-items:center;border:2px solid var(--ink);border-radius:6px;background:var(--paper-2);color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:1.35rem;line-height:1;cursor:pointer;touch-action:manipulation}.blk-cell.is-on{background:var(--face-1);box-shadow:inset 0 -3px #1e214038}.blk-cell.is-goal{background:var(--butter);outline:3px dashed var(--ink);outline-offset:-5px}.blk-cell:disabled{cursor:default;opacity:.75}.blk-cell:focus-visible{z-index:1}.blk-tools{min-height:52px}.blk-tools .btn{min-height:52px;padding:6px 14px;gap:6px;white-space:nowrap}.blk-modes{display:flex;gap:4px;flex:none}.blk-mode[aria-pressed=true]{background:var(--primary-soft);color:var(--primary-edge);box-shadow:inset 0 3px 0 var(--primary-edge);transform:translateY(3px)}.blk-tools .blk-check{margin-left:auto;padding:6px 20px;font-size:1.2rem}.blk-tools .blk-hint:not([hidden]){margin-left:auto}.blk-tools .blk-hint:not([hidden])+.blk-check{margin-left:0}.blk-card{position:absolute;right:14px;top:186px;z-index:3}.blk-card .blk-figure{background:var(--paper);border:2px solid var(--ink);border-radius:6px;box-shadow:3px 4px #00000040;padding:4px 6px 2px}.blk-card .blk-plan{width:166px}.blk-card .blk-flat{width:124px}.blk-key{position:absolute;left:14px;top:84px;z-index:3;padding:6px 10px;border-radius:12px;border:2px solid var(--ink);background:#fffdf8f0}.blk-mat .blk-tag{left:50%;top:20px;transform:translate(-50%);max-width:calc(100% - 430px);line-height:1.3}.blk-photo{position:absolute;inset:20px 0 84px;display:grid;place-items:center}.blk-photo .blk-figure{background:var(--paper);border:2px solid var(--ink);border-radius:6px;box-shadow:4px 5px #00000040;padding:8px 10px 6px}.blk-map{display:block;width:min(330px,100%);height:auto;max-height:100%}.blk-map-card .blk-figure{height:min(100%,372px);aspect-ratio:1 / 1.08}.blk-map-card .blk-map{width:100%;height:calc(100% - 22px)}.blk-map-board{fill:var(--paper-2);stroke:var(--ink);stroke-width:2}.blk-map-arrow{fill:none;stroke:var(--stamp);stroke-width:7;stroke-linecap:round}.blk-map-head{fill:var(--stamp);stroke:var(--stamp);stroke-width:2;stroke-linejoin:round}.blk-panel .blk-prompt{font-size:1.35rem}.blk-given{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:8px 10px}.blk-given:empty,.blk-answer:empty,.blk-figure-slot:empty{display:none}.blk-figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px 4px;border-radius:10px;border:1.5px solid var(--line);background:var(--paper-2)}.blk-figure figcaption{font-size:var(--fs-xs);font-weight:800;color:var(--ink-2);line-height:1.3}.blk-picture{display:block;width:132px;height:auto}.blk-plan{display:block;width:188px;max-width:100%;height:auto}.blk-given.is-small .blk-plan{width:128px}.blk-plan-cell{fill:var(--paper);stroke:var(--ink);stroke-width:1.5;stroke-linejoin:round}.blk-plan-cell.is-on{fill:var(--face-1)}.blk-plan-cell.is-diff{stroke:var(--wrong);stroke-width:3;stroke-dasharray:5 3}.blk-plan-label{fill:var(--ink-2);font-family:var(--font);font-size:13px;font-weight:800;text-anchor:middle;dominant-baseline:central}.blk-plan-num{fill:var(--ink);font-family:var(--font-display);font-size:17px;font-weight:700;text-anchor:middle;dominant-baseline:central}.blk-flat{display:block;width:104px;height:auto}.blk-flat-cell{fill:var(--paper);stroke:var(--line);stroke-width:1.5}.blk-flat-cell.is-on{stroke:var(--ink);stroke-width:2}.blk-flat-ground{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round}.blk-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;font-size:var(--fs-xs);font-weight:700;line-height:1.3}.blk-legend li{display:flex;align-items:center;gap:6px;white-space:nowrap}.blk-swatch{flex:none;width:20px;height:20px}.answer-row.blk-choices-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.answer-btn.blk-choice{min-height:58px;padding:4px 6px}.blk-choices-4 .answer-btn.blk-choice{flex-direction:row;gap:3px;align-items:baseline;justify-content:center}.blk-choices-4 .blk-choice b{font-size:1.5rem;font-weight:700}.blk-choices-4 .blk-choice span{font-family:var(--font);font-size:.9rem;font-weight:800}.blk-guess .answer-btn.blk-choice{font-size:1.05rem}.blk-choice.is-answer,.blk-choice.is-answer[disabled]{border:2px dashed var(--correct);color:var(--correct);opacity:1}.blk-choice.is-answer:after{content:"정답";position:absolute;top:-10px;right:-6px;padding:0 6px;border-radius:6px;background:var(--correct);color:#fff;font-family:var(--font);font-size:.72rem;font-weight:800;line-height:1.5}.blk-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.answer-btn.blk-option{flex-direction:column;gap:2px;min-height:96px;padding:4px 2px 6px}.blk-option b{font-size:1.05rem;font-weight:700;white-space:nowrap;line-height:1.2}.blk-option .blk-flat{width:108px;max-width:100%}.blk-options.is-answered{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.blk-options.is-answered .blk-flat{width:62px}.blk-tasks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.blk-task{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;border:2px dashed var(--line);font-weight:700;line-height:1.35;color:var(--ink-2)}.blk-task.is-now{border:2px solid var(--ink);background:var(--butter-soft);color:var(--ink)}.blk-task.is-done{border-style:solid;color:var(--correct)}.blk-task-mark{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid currentColor;font-family:var(--font-display);font-weight:700;line-height:1}.blk-task-mark .icon{width:1em;height:1em;stroke-width:3}.blk-task-tip{margin-top:8px}.blk-hint-text{display:flex;align-items:flex-start;gap:6px;font-weight:700;line-height:1.4}.blk-hint-text .icon{flex:none;margin-top:.15em}.blk-apart{margin-left:auto}.blk-clue .reason-pick-q{flex-wrap:nowrap;align-items:flex-start}.blk-clue .reason-pick-q .icon{flex:none;align-self:flex-start;margin-top:.2em}.blk-clue-q{min-width:0;line-height:1.25}.blk-clue-q small{display:block;margin-top:2px}@media(max-height:720px)and (min-width:901px){.blk-panel .blk-prompt{font-size:1.25rem}.answer-btn.blk-choice{min-height:54px}.answer-btn.blk-option{min-height:92px}.blk-option .blk-flat{width:100px}}@media(max-height:720px)and (min-width:1001px),(min-width:1001px)and (max-width:1279px){.blk-panel .blk-prompt{font-size:1.25rem}.blk-panel.net-panel{gap:8px;padding-top:14px;padding-bottom:12px}.blk-given .blk-plan{width:156px}.blk-given.is-small .blk-plan{width:128px}.blk-given.is-done{display:none}.reason-pick.blk-clue{margin-top:0;padding:6px 10px}.blk-clue .reason-chips{gap:6px}}@media(min-width:1001px){.blk-given.is-done{display:none}}@media(min-width:1001px)and (max-width:1279px){.workbench.blk-bench{grid-template-columns:minmax(0,1fr) clamp(300px,calc(372px - ((1280px - 100vw)*.33)),372px);gap:14px}}@media(max-width:760px),(min-width:1001px)and (max-width:1180px){.blk-tools .blk-undo,.blk-tools .blk-clear{min-width:var(--tap);padding:6px 12px}.blk-tools .blk-undo span,.blk-tools .blk-clear span{display:none}}@media(max-width:1000px){.workbench.blk-bench{grid-template-columns:minmax(0,1fr);height:auto;gap:16px}.blk-panel.net-panel{height:auto;overflow:visible}.blk-panel.net-panel .next-btn{margin-top:4px}.mat.blk-mat{height:clamp(380px,60vw,500px)}.blk-panel{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:16px;row-gap:10px;align-content:start}.blk-panel>*{grid-column:2;min-width:0}.blk-panel>.order-head{grid-column:1 / -1}.blk-panel>.blk-given{grid-column:1;grid-row:2 / span 7;flex-direction:column;align-items:center}.blk-panel:has(>.blk-given:empty)>*{grid-column:1 / -1}.blk-legend{flex-direction:column}.blk-options,.blk-options.is-answered{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.blk-option .blk-flat{width:108px}}@media(max-width:1000px)and (min-width:561px){.blk-bench .blk-panel.has-paints>*{grid-column:2}.blk-bench .blk-panel.has-paints>.order-head{grid-column:1 / -1}.blk-bench .blk-panel.has-paints>.blk-answer{grid-column:1;grid-row:2 / span 7;align-self:start}}@media(max-width:1000px)and (min-width:561px)and (max-height:820px){.mat.blk-mat{height:clamp(380px,min(60vw,440px),500px)}}@media(max-width:900px){.blk-stage{inset:14px 0 72px}.blk-photo{inset:20px 0}}@media(max-width:560px){.mat.blk-mat{height:auto;display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;padding:16px 10px 10px}.blk-mat .blk-stage{position:relative;inset:auto;flex:none;width:100%;height:260px}.blk-mat .blk-photo{position:relative;inset:auto;width:100%;height:300px}.blk-mat .blk-dirs,.blk-mat .blk-padbox,.blk-mat .blk-card,.blk-mat .blk-key,.blk-mat .blk-viewpad,.blk-mat .blk-tools{position:static}.blk-mat .blk-tag{position:static;transform:none;max-width:100%;white-space:normal;order:-1}.blk-mat .blk-padbox,.blk-mat .blk-key{order:1}.blk-mat .blk-card{order:2;flex:1;display:grid;justify-items:center}.blk-mat .blk-card .blk-picture{width:112px}.blk-mat .blk-tools{order:3;width:100%;flex-wrap:wrap;gap:6px}.blk-mat .blk-dirs{order:4}.blk-mat .blk-viewpad{order:5;margin-left:auto}.blk-mat .blk-viewpad.is-locked{display:none}.blk-panel{display:flex}.blk-panel .blk-prompt{font-size:1.15rem}.answer-row.blk-choices-4,.blk-options,.blk-options.is-answered{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.blk-mode[aria-pressed=true]{transform:none}}@media(min-width:1001px)and (max-width:1279px){.blk-wide .blk-panel.net-panel{padding-left:16px;padding-right:16px}.blk-wide .blk-view-fig{padding:4px 4px 3px}.blk-wide .blk-view-fig .blk-grid-pic{width:66px}.blk-wide .blk-view-fig .blk-grid-pic.is-top{width:80px}}@media(min-width:1001px)and (max-height:720px),(max-width:1000px)and (min-width:561px)and (max-height:820px){.blk-wide .blk-mat:has(>.blk-stage.is-frozen)>.blk-tag{left:14px;transform:none;max-width:calc(100% - 240px)}}.blk-padbox.blk-paintbox.is-side{left:auto;right:14px;top:186px}@media(max-width:1000px)and (min-width:561px)and (max-height:820px){.blk-paint-bench .mat.blk-mat{height:clamp(320px,calc(100vh - var(--play-header-h, 56px) - 352px),360px);height:clamp(320px,calc(100dvh - var(--play-header-h, 56px) - 352px),360px)}.blk-paint-bench .blk-panel.has-paints>.order-head{grid-column:2}.blk-paint-bench .blk-panel.has-paints>.blk-answer{grid-row:1 / span 8}}@media(max-width:1000px)and (min-width:901px)and (max-height:820px){.blk-paint-bench .blk-stage{inset:14px 0 120px}}.blk-grid-pic{display:block;max-width:100%;height:auto}.blk-grid-cell{fill:var(--paper);stroke:var(--line);stroke-width:1.5}.blk-grid-cell.is-on{fill:var(--face-1);stroke:var(--ink);stroke-width:2}.blk-grid-pic.is-numbers .blk-grid-cell.is-on{fill:var(--butter-soft)}.blk-grid-num{fill:var(--ink);font-family:var(--font-display);font-weight:700;font-size:var(--cell-font, 16px);text-anchor:middle;dominant-baseline:central}.blk-grid-hint{fill:var(--primary)}.blk-grid-diff{fill:#b23f141f;stroke:var(--wrong);stroke-width:2.5;stroke-dasharray:5 3}.blk-grid-x{font-size:var(--cell-font, 16px)}.blk-grid-mark{fill:none;stroke:var(--primary);stroke-width:3;stroke-dasharray:5 3}.blk-views{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:6px}.blk-view-fig{padding:4px 6px 3px}.blk-view-fig .blk-same{color:var(--correct);font-weight:900}.blk-paints{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:8px 6px}.blk-paint{display:inline-grid;grid-template:"title" auto "grid" auto "foot" auto / auto;gap:2px 4px;align-items:center;justify-items:center}.blk-paint.is-top{grid-template:"title title" auto "grid side" auto "foot ." auto / auto auto}.blk-paint-title{grid-area:title;font-size:var(--fs-xs);font-weight:800;color:var(--ink-2);line-height:1.4;white-space:nowrap}.blk-pgrid{grid-area:grid;display:flex;flex-direction:column;gap:2px}.blk-pgrid-row{display:flex;gap:2px}.blk-paint-side{grid-area:side}.blk-paint-front{grid-area:foot}.blk-paint-side,.blk-paint-front{font-size:var(--fs-xs);font-weight:800;line-height:1.2;color:var(--ink-2)}.blk-paint-ground{grid-area:foot;justify-self:stretch;height:3px;border-radius:2px;background:var(--ink)}.blk-pcell{position:relative;width:var(--tap);height:var(--tap);margin:0;padding:0;border:2px solid var(--line);border-radius:4px;background:var(--paper);cursor:pointer;touch-action:manipulation}.blk-pcell.is-on{border-color:var(--ink);background:var(--face-1);box-shadow:inset 0 -4px #1e214038}.blk-pcell:disabled{cursor:default}.blk-pcell:focus-visible{z-index:1}.blk-pcell.is-diff{border:2.5px dashed var(--wrong)}.blk-pcell.is-diff:after{content:"✗";position:absolute;inset:0;display:grid;place-items:center;color:var(--wrong);font-family:var(--font);font-size:1.35rem;font-weight:900;text-shadow:0 0 3px var(--paper)}.blk-pcell.is-extra{background-image:repeating-linear-gradient(135deg,rgb(178 63 20 / 30%) 0 3px,transparent 3px 9px)}.blk-padbox.blk-paintbox{display:block;padding:4px 8px}.blk-numbox{grid-template:"title title" auto "grid side" auto "front ." auto "steps steps" auto / auto auto}.blk-ncell{width:var(--tap);height:var(--tap);margin:0;padding:0;display:grid;place-items:center;border:2px solid var(--ink);border-radius:6px;background:var(--paper);color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:1.45rem;line-height:1;cursor:pointer;touch-action:manipulation;position:relative}.blk-ncell.is-off{border:2px dashed var(--line);background:var(--paper-3);cursor:default}.blk-ncell.is-on{background:var(--butter-soft)}.blk-ncell.is-chosen{box-shadow:0 0 0 3px var(--primary)}.blk-ncell:disabled{cursor:default}.blk-ncell.is-diff{border:2.5px dashed var(--wrong)}.blk-ncell.is-diff:after{content:"✗";position:absolute;right:1px;top:-3px;color:var(--wrong);font-family:var(--font);font-size:.95rem;font-weight:900}.blk-nsteps{grid-area:steps;display:flex;gap:4px;margin-top:4px}.blk-nsteps .btn{min-height:var(--tap);padding:4px 8px;gap:2px;font-size:.95rem}.blk-over{fill:#2747c824;stroke:var(--primary);stroke-width:3;stroke-linejoin:round}.blk-over.is-extra{fill:#b23f1429;stroke:var(--wrong);stroke-dasharray:7 4}.blk-over.is-missing{fill:none;stroke:var(--wrong);stroke-dasharray:7 4}.blk-over-hatch{fill:none;stroke:var(--wrong);stroke-width:2;stroke-linecap:round}.blk-face.is-counted{stroke:var(--primary);stroke-width:3.5}.blk-chip.blk-tally rect{fill:var(--primary-soft);stroke:var(--primary)}.blk-dirs.is-five{flex-wrap:wrap;width:196px}.blk-dirs.is-five .blk-dir{padding:4px 10px}.blk-options.blk-options-3{grid-template-columns:repeat(3,minmax(0,1fr))}.blk-options-3 .answer-btn.blk-option{min-height:112px}.blk-options-3.is-answered{gap:6px}.blk-options-3.is-answered .answer-btn.blk-option{min-height:0;flex-direction:row;gap:6px;padding:4px 6px}.blk-options-3.is-answered .blk-grid-pic{width:46px}.blk-options.blk-pictures .answer-btn.blk-option{min-height:104px}.blk-options.blk-pictures .blk-picture{width:92px}.blk-options.blk-pictures.is-answered{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.blk-options.blk-pictures.is-answered .answer-btn.blk-option{min-height:0}.blk-options.blk-pictures.is-answered .blk-picture{width:56px}.blk-picture.has-edges .blk-chip text{font-size:16px}.blk-picture.has-edges .blk-chip rect{stroke-width:1.5}.blk-plan-card .blk-figure{padding:10px 14px 8px}.blk-plan-card .blk-grid-pic{width:216px}.workbench [hidden]{display:none!important}.workbench{--bench-h: clamp(420px, calc(100vh - 114px - var(--play-header-h, 56px)), 640px);--bench-h: clamp(420px, calc(100dvh - 114px - var(--play-header-h, 56px)), 640px);display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:18px;align-items:stretch;height:var(--bench-h)}.mat{position:relative;min-width:0;overflow:hidden;border-radius:var(--radius-lg);border:2px solid var(--ink);background-color:var(--mat);background-image:linear-gradient(var(--mat-line) 1px,transparent 1px),linear-gradient(90deg,var(--mat-line) 1px,transparent 1px),linear-gradient(rgb(255 255 255 / 7%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 7%) 1px,transparent 1px);background-size:96px 96px,96px 96px,24px 24px,24px 24px;box-shadow:inset 0 0 0 6px #00000014,var(--sheet)}.mat:after{content:"";position:absolute;left:0;right:0;top:0;height:14px;pointer-events:none;background:repeating-linear-gradient(90deg,rgb(255 255 255 / 55%) 0 2px,transparent 2px 24px) top / 100% 10px no-repeat,repeating-linear-gradient(90deg,rgb(255 255 255 / 35%) 0 1px,transparent 1px 6px) top / 100% 5px no-repeat}.mat-tools{position:absolute;left:14px;right:14px;bottom:12px;z-index:3;display:flex;align-items:center;gap:10px}.mat-tools .btn{flex:none}.btn-ico{display:inline-flex}.btn-icon{width:var(--tap);padding:0}.btn-icon .icon{width:1.35em;height:1.35em}.fold-slider{flex:1;min-width:0;display:flex;align-items:center;gap:10px;height:52px;padding:0 14px;border-radius:14px;border:2px solid var(--ink);background:var(--paper);box-shadow:var(--edge-sm);font-size:var(--fs-xs);font-weight:800;color:var(--ink-2)}.fold-slider-label{flex:none}.fold-range{flex:1;min-width:60px;height:var(--tap);margin:0;accent-color:var(--primary);cursor:pointer}.fold-range:disabled{opacity:.45}.mat-status{flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;border:2px solid var(--ink);background:#fffdf8f0;font-size:.95rem;font-weight:700;white-space:nowrap;overflow:hidden}.mat-status b{font-family:var(--font-display);font-weight:700;font-size:1.15rem}.status-extra{color:var(--wrong)}.view-pad{position:absolute;right:14px;top:24px;z-index:3;display:grid;grid-template:"out up in" var(--tap) "left home right" var(--tap) ". down ." var(--tap) / var(--tap) var(--tap) var(--tap);gap:4px;pointer-events:none}.view-pad .btn{pointer-events:auto;min-height:var(--tap)}.view-pad.is-locked{display:none}.fold-tools:not(.is-locked) .band-turn{display:none}.view-left{grid-area:left}.view-right{grid-area:right}.view-up{grid-area:up}.view-down{grid-area:down}.view-out{grid-area:out}.view-in{grid-area:in}.view-home{grid-area:home}.free-mat .view-pad{top:64px}.view-tip{position:absolute;right:0;top:calc(100% + 10px);display:inline-flex;align-items:center;gap:6px;margin:0;padding:3px 12px;border-radius:999px;border:2px solid var(--ink);background:#fffdf8f0;font-size:var(--fs-xs);font-weight:800;line-height:1.4;white-space:nowrap;pointer-events:none}.fold-stage{position:absolute;inset:14px 0 140px;perspective:1100px;perspective-origin:50% 42%;overflow:hidden;touch-action:manipulation}.fold-stage:focus-visible{outline:3px solid var(--butter);outline-offset:-6px;box-shadow:none}.fold-stage.can-view{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.fold-stage.can-view .net-face{cursor:grab}.fold-stage.is-turning,.fold-stage.is-turning .net-face{cursor:grabbing}.net-scene{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d}.net-face,.net-slot,.net-ghost,.net-dot{position:absolute;left:0;top:0;margin:0;padding:0;transform-origin:0 0;display:flex;align-items:center;justify-content:center;line-height:1}.net-face{border:calc(2.5px * var(--k, 1)) solid var(--ink);border-radius:calc(3px * var(--k, 1));background-color:var(--face-color, var(--face-1));background-image:linear-gradient(135deg,rgb(255 255 255 / 35%),transparent 45%);color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:calc(var(--unit, 60px) * .42);cursor:default;-webkit-backface-visibility:visible;backface-visibility:visible}.net-face:after{content:"";position:absolute;inset:0;background:rgb(15 20 40 / var(--shade, 0));pointer-events:none}.net-face:not([tabindex="-1"]){cursor:pointer}.net-face:not([tabindex="-1"]):hover{box-shadow:inset 0 0 0 calc(3px * var(--k, 1)) var(--primary)}.net-face:focus-visible{outline:calc(4px * var(--k, 1)) solid var(--ink);outline-offset:calc(-4px * var(--k, 1));box-shadow:inset 0 0 0 calc(7px * var(--k, 1)) var(--paper),0 0 0 calc(7px * var(--k, 1)) var(--butter)}.face-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.face-mark{position:absolute;left:0;right:0;bottom:6%;font-family:var(--font);font-weight:800;font-size:max(calc(11px * var(--k, 1)),calc(var(--unit, 60px) * .15));text-align:center;white-space:nowrap}.net-face.is-star{background-color:var(--butter)}.net-face.is-correct{border:calc(4px * var(--k, 1)) solid var(--correct)}.net-face.is-correct .face-mark{color:var(--correct)}.net-face.is-wrong,.net-face.is-wrong:hover{border:calc(4px * var(--k, 1)) dashed var(--wrong)}.net-face.is-wrong .face-mark{color:var(--wrong)}.net-face.is-placed{box-shadow:inset 0 0 0 calc(4px * var(--k, 1)) var(--primary)}.net-face.is-overlap{border:calc(3px * var(--k, 1)) solid var(--wrong);background-color:#fff4ec;background-image:repeating-linear-gradient(45deg,rgb(178 63 20 / 50%) 0 calc(4px * var(--k, 1)),transparent calc(4px * var(--k, 1)) calc(11px * var(--k, 1)))}.net-face.is-overlap .face-mark{color:#fff;background:var(--wrong);left:8%;right:8%;padding:calc(2px * var(--k, 1)) 0;border-radius:calc(8px * var(--k, 1))}.marks-on .net-face.is-overlap .face-inner,.marks-on .net-face.is-correct .face-inner,.marks-on .net-face.is-placed .face-inner,.marks-blocked .net-face .face-inner{transform:rotate(var(--mark-turn, 0deg))}.net-face.is-back .face-inner{transform:scaleX(-1)}.marks-on .net-face.is-overlap.is-back .face-inner,.marks-on .net-face.is-correct.is-back .face-inner,.marks-on .net-face.is-placed.is-back .face-inner,.marks-blocked .net-face.is-back .face-inner{transform:rotate(var(--mark-turn, 0deg)) scaleX(-1)}.net-ghost{border:calc(4px * var(--k, 1)) dashed var(--butter);background:#fff1c238;color:var(--ink);font-size:max(calc(12px * var(--k, 1)),calc(var(--unit, 60px) * .2));pointer-events:none}.net-ghost span{background:var(--butter);border:calc(2px * var(--k, 1)) solid var(--ink);padding:calc(2px * var(--k, 1)) calc(6px * var(--k, 1));border-radius:calc(6px * var(--k, 1));font-family:var(--font-display);font-weight:700;transform:rotate(var(--mark-turn, 0deg))}.net-ghost.is-back span{transform:rotate(var(--mark-turn, 0deg)) scaleX(-1)}.net-dot{color:var(--wrong);font-size:calc(var(--unit, 60px) * .34);pointer-events:none}.net-slot{width:var(--unit, 60px);height:var(--unit, 60px);border:3px dashed var(--butter);border-radius:6px;background:#fff1c233;color:var(--butter);font-family:var(--font-display);font-weight:700;font-size:calc(var(--unit, 60px) * .4);cursor:pointer}.net-slot:hover{background:#fff1c257}.net-slot.is-tried{border-color:var(--wrong);background:var(--wrong-bg);color:var(--wrong)}.net-slot .icon{width:.9em;height:.9em;stroke-width:3}.fold-stage:not(.is-flat) .net-slot{visibility:hidden}.stage-badge{position:absolute;left:14px;top:10px;z-index:2;margin:0;padding:6px 14px 6px 10px;max-width:calc(100% - 192px);border-radius:12px;border:2px solid var(--ink);background:var(--paper);color:var(--correct);box-shadow:0 3px 0 var(--ink);font-family:var(--font-display);font-weight:700;font-size:1.12rem;line-height:1.3}.stage-badge.is-wrong{color:var(--wrong)}.badge-main,.badge-hint{display:flex;align-items:center;gap:6px}.badge-hint{font-size:.92em;color:var(--ink)}.btn-icon.is-hint{border-color:var(--primary);background:var(--primary-soft);animation:turn-hint .9s ease-in-out 4}@keyframes turn-hint{0%,to{box-shadow:var(--edge-sm),0 0 #2747c800}50%{box-shadow:var(--edge-sm),0 0 0 6px #2747c859}}.hero-net{position:absolute;inset:0}.hero-net .fold-stage{inset:6% 4% 4%}.hero-sticky{position:absolute;left:22px;top:30px;z-index:3;padding:10px 14px;background:var(--butter);border:2px solid var(--ink);border-radius:4px 4px 14px;font-family:var(--font-display);font-weight:700;font-size:1.15rem;line-height:1.25;transform:rotate(-4deg);box-shadow:3px 4px #00000040}.net-panel{min-width:0;height:var(--bench-h);overflow:hidden auto}.q-prompt{font-family:var(--font-display);font-weight:700;font-size:1.55rem;line-height:1.3}.answer-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer-btn{position:relative;min-height:64px;padding:6px 10px;flex-direction:column;gap:2px;font-size:1.25rem}.answer-sym{display:inline-flex;color:var(--stamp)}.answer-sym .icon{width:1.45em;height:1.45em;stroke-width:3}.answer-btn[disabled] .answer-sym{color:var(--ink-2)}.answer-btn.is-chosen,.answer-btn.is-chosen[disabled]{border-style:solid;color:var(--primary-edge);background:var(--primary-soft);box-shadow:0 4px 0 var(--primary-edge);cursor:default}.answer-btn.is-chosen .answer-sym{color:var(--primary-edge)}.answer-btn.is-chosen:after{content:"내 답";position:absolute;top:-10px;right:-6px;padding:0 6px;border-radius:6px;background:var(--primary);color:#fff;font-family:var(--font);font-size:.72rem;font-weight:800;line-height:1.5}.answer-tip{color:var(--ink-2);font-size:.95rem}.fold-note{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:700;color:var(--ink-2)}.hint-btn{align-self:flex-start}.reason-slot:empty,.bonus-slot:empty,.pick-slot:empty{display:none}.next-btn{width:100%;margin-top:auto;flex:none}.card-row{display:flex;align-items:center;gap:12px}.card-home{flex:none;display:grid;place-items:center;width:92px;height:88px;border-radius:var(--radius-sm);border:1.5px dashed var(--line);background:var(--paper-2)}.face-card{width:72px;height:72px;border:2.5px solid var(--ink);border-radius:4px;background-color:var(--face-color, var(--face-1));background-image:linear-gradient(135deg,rgb(255 255 255 / 35%),transparent 45%);box-shadow:0 4px 0 var(--ink);font-family:var(--font-display);font-weight:700;font-size:2rem;color:var(--ink);cursor:grab}.reason-pick{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:14px;border:2px dashed var(--line);background:var(--paper-2);margin-top:4px}.reason-pick-q{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;font-family:var(--font-display);font-weight:700;font-size:1.15rem}.reason-pick-q .icon{align-self:center}.reason-pick-q small{font-family:var(--font);font-size:var(--fs-xs);font-weight:700;color:var(--ink-2)}.reason-chips{display:flex;flex-wrap:wrap;gap:8px}.reason-chip{padding:6px 12px;font-size:.98rem}.reason-chip.is-right{background:var(--correct-bg);border-color:var(--correct);color:var(--correct)}.reason-chip.is-wrong{background:var(--wrong-bg);border-color:var(--wrong);color:var(--wrong)}.reason-skip{padding:6px 12px;font-size:.95rem;color:var(--ink-2)}.reason-pick-result{display:flex;align-items:flex-start;gap:6px;font-weight:700;font-size:.95rem;line-height:1.45;color:var(--ink-2)}.reason-pick-result:empty{display:none}.reason-pick-result.is-right{color:var(--correct)}.reason-pick-result .icon{margin-top:.15em}.reason-pick.is-done{padding:0;border:0;background:none;margin-top:0}.free-panel.is-picking .free-buttons,.free-panel.is-picking .dex{display:none}.free-host{position:absolute;inset:54px 14px 72px;display:grid;place-items:center}.free-host .fold-stage{inset:0 0 68px}.board-legend{position:absolute;left:16px;top:20px;z-index:3;display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 32px);padding:3px 12px;border-radius:999px;border:2px solid var(--ink);background:#fffdf8f0;font-size:var(--fs-xs);font-weight:800;line-height:1.4}.hint-sticky{position:absolute;left:16px;top:12px;z-index:4;display:flex;align-items:flex-start;gap:6px;max-width:calc(100% - 32px);padding:5px 12px;border:2px solid var(--ink);border-radius:4px 4px 12px;background:var(--butter);font-weight:700;font-size:.95rem;line-height:1.35;transform:rotate(-1deg);box-shadow:3px 4px #00000040;pointer-events:none}.hint-sticky .icon{margin-top:.15em}.free-board{position:relative;display:flex;flex-direction:column;--cell: 84px}.board-row{display:flex}.cell{position:relative;flex:none;width:var(--cell);height:var(--cell);display:grid;place-items:center;border:1.5px dashed rgb(255 255 255 / 30%);border-radius:4px;color:#fff0;font-family:var(--font-display);font-weight:700;font-size:1.6rem;cursor:pointer;touch-action:manipulation}.cell:hover:not(.is-filled),.cell:focus-visible:not(.is-filled){color:var(--butter);background:#ffd54f1f}.cell:focus-visible{outline:3px solid var(--butter);outline-offset:-3px;box-shadow:none;z-index:2}.free-play.has-selection .cell,.free-play.is-dragging-any .cell{outline:none}.free-play.has-selection .cell:not(.is-filled),.free-play.is-dragging-any .cell:not(.is-filled){border-color:#ffd54fbf}.cell.dnd-target.is-over{outline:3px solid var(--butter);background:#ffd54f38}.cell-ghost{opacity:.75;color:var(--butter)}.tile-face{position:relative;width:calc(var(--cell) - 4px);height:calc(var(--cell) - 4px);display:grid;place-items:center;border:2.5px solid var(--ink);border-radius:3px;background-color:var(--face-color, var(--face-1));background-image:linear-gradient(135deg,rgb(255 255 255 / 35%),transparent 45%);box-shadow:0 4px #00000047;color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:calc(var(--cell) * .42);line-height:1}.tile-face.dnd-item.is-selected,.tile-face.is-held{outline:3px solid var(--butter);outline-offset:2px;transform:translate(-4px,-8px) rotate(-3deg);box-shadow:6px 12px #0000004d;z-index:3}.tile-face.is-apart{border-style:dashed;opacity:.88}.tile-face.is-apart:after{content:"떨어짐";position:absolute;left:50%;bottom:-9px;transform:translate(-50%);padding:0 6px;border-radius:6px;border:1.5px solid var(--ink);background:var(--butter);font-family:var(--font);font-size:.72rem;font-weight:800;line-height:1.5;white-space:nowrap}.board-shadow{position:absolute;inset:0;pointer-events:none}.shadow-cell{position:absolute;width:var(--cell);height:var(--cell);border:3px dashed var(--butter);border-radius:4px;background:#ffd54f29}.free-board.is-full-flash{animation:board-full .6s ease-in-out}@keyframes board-full{50%{transform:translate(4px)}}.found-stamp{position:absolute;right:26px;bottom:84px;z-index:4;--size: 128px;background:#fffdf8eb;pointer-events:none}.found-stamp .stamp-inner{display:flex;flex-direction:column;align-items:center}.found-stamp b{font-size:calc(var(--size) * .22)}.free-edit{display:flex;flex-direction:column;gap:14px}.free-result{display:flex;flex-direction:column;gap:10px}.tray{display:flex;flex-direction:column;gap:8px}.tray-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.tray-head b{font-family:var(--font-display);font-weight:700;font-size:1.15rem}.tray-tip{font-size:.85rem;font-weight:700;color:var(--ink-2)}.tray-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:4px;margin:-4px;border-radius:12px}.tray-card{position:relative;min-height:var(--tap);padding:0;border:2px solid var(--ink);border-radius:8px;background-color:var(--face-color, var(--face-1));background-image:linear-gradient(135deg,rgb(255 255 255 / 35%),transparent 45%);box-shadow:0 3px 0 var(--ink);color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:1.35rem;cursor:grab}.tray-card.is-used{cursor:default;border-style:dashed;box-shadow:none;background-image:repeating-linear-gradient(45deg,rgb(255 255 255 / 60%) 0 4px,transparent 4px 9px);font-size:1.1rem}.tray-card .used-check{position:absolute;right:-7px;top:-7px;width:20px;height:20px;padding:2px;border-radius:50%;border:2px solid var(--ink);background:var(--correct);color:#fff;stroke-width:3.2}.tray-card.dnd-item.is-selected{outline:3px solid var(--butter);outline-offset:2px;transform:translateY(-3px);box-shadow:0 6px 0 var(--ink)}.free-play.has-selection .tray-drop:not(:has(.is-selected)),.free-play.is-dragging-any .tray-drop{outline:3px dashed var(--primary);outline-offset:2px}.free-play.has-selection .tray-drop:has(.is-selected){outline:none}.tray-drop.is-over{outline:3px solid var(--primary);background:var(--primary-soft)}.free-go{display:flex;flex-direction:column;gap:8px}.free-fold{width:100%;min-height:58px;font-size:1.25rem}.free-note{font-size:.86rem;font-weight:700;color:var(--ink-2);line-height:1.4}.free-note.is-wrong{color:var(--wrong)}.dex{display:flex;flex-direction:column;gap:8px}.dex-head{display:flex;justify-content:space-between;align-items:baseline}.dex-head b{display:inline-flex;gap:6px;align-items:center;font-family:var(--font-display);font-weight:700;font-size:1.12rem}.dex-count,.dex-note-line{font-size:var(--fs-xs);font-weight:800;color:var(--ink-2)}.dex.is-folded{gap:0}.dex-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.dex-slot{position:relative;aspect-ratio:1;display:grid;place-items:center;border-radius:10px;border:2px solid var(--ink);background:var(--paper-2);font-family:var(--font-display);font-weight:700;color:var(--ink-2)}.dex-slot.is-empty{border:2px dashed var(--star-line)}.dex-slot.is-new{background:var(--butter-soft);box-shadow:0 0 0 3px var(--butter)}.dex-slot.is-new:after{content:"새로!";position:absolute;top:-9px;right:-6px;padding:0 4px;border-radius:5px;background:var(--stamp);color:#fff;font-family:var(--font);font-size:.66rem;font-weight:800;line-height:1.5}.dex-slot.is-same{box-shadow:0 0 0 3px var(--primary)}.dex-note{background:var(--wrong-bg);color:var(--wrong);align-content:center;gap:0;line-height:1.1}.dex-note-text{display:inline-flex;align-items:center;gap:2px;font-family:var(--font);font-size:.7rem;font-weight:800}.dex-note-text .icon{width:.9em;height:.9em;stroke-width:3}.dex-note b{font-family:var(--font-display);font-weight:700;font-size:1.05rem}.mini-net{width:80%;height:80%}.free-buttons{margin-top:auto;display:flex;flex-direction:column;gap:8px}.free-buttons:empty{display:none}.free-buttons .btn{width:100%;min-height:56px;padding:8px 12px}.btn-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn-trio{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr) minmax(0,1fr);gap:8px}.free-buttons .btn-trio .btn{flex-direction:column;gap:2px;padding:6px 4px;font-size:1rem;line-height:1.15}.free-buttons .btn-trio .free-finish{flex-direction:column-reverse}@media(min-width:561px)and (max-width:900px){.dice-play .free-mat{height:clamp(420px,calc(124px + (100vw - 60px) * 5 / 7),482px)}.free-buttons .btn-trio .btn,.free-buttons .btn-trio .free-finish{flex-direction:row;gap:8px;padding:8px 12px;font-size:1.12rem;line-height:1.2}}.goal-done{display:flex;align-items:center;gap:6px;font-weight:800;color:var(--correct)}.free-stop{flex-direction:column;gap:0;line-height:1.2}.stop-main{display:inline-flex;align-items:center;gap:8px}.stop-sub{font-family:var(--font);font-size:var(--fs-xs);font-weight:700;color:var(--ink-2)}.btn-trio .stop-sub,.btn-trio .stop-main .icon{display:none}.dex-rule{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:700;color:var(--ink-2);line-height:1.4}.dex-rule .icon{flex:none}.pips{display:inline-block;vertical-align:middle;width:1.62em;height:1.62em}.tray-card .pips{width:1.5em;height:1.5em}.tray-label:has(>.pips),.tile-label:has(>.pips),.face-label:has(>.pips){display:inline-flex}.pair-1{background-color:var(--face-1);background-image:repeating-linear-gradient(0deg,rgb(30 33 64 / 16%) 0 calc(3px * var(--k, 1)),transparent calc(3px * var(--k, 1)) calc(12px * var(--k, 1)))}.pair-2{background-color:var(--face-2);background-image:radial-gradient(rgb(30 33 64 / 22%) calc(2.4px * var(--k, 1)),transparent calc(2.9px * var(--k, 1)));background-size:calc(12px * var(--k, 1)) calc(12px * var(--k, 1))}.pair-3{background-color:var(--face-5);background-image:repeating-linear-gradient(45deg,rgb(30 33 64 / 14%) 0 calc(2px * var(--k, 1)),transparent calc(2px * var(--k, 1)) calc(11px * var(--k, 1))),repeating-linear-gradient(-45deg,rgb(30 33 64 / 14%) 0 calc(2px * var(--k, 1)),transparent calc(2px * var(--k, 1)) calc(11px * var(--k, 1)))}.net-face.is-pair .face-label{transform:translateY(-11%) scale(.84)}.net-face.is-pair .face-mark{left:8%;right:8%;bottom:4%;padding:calc(1px * var(--k, 1)) 0;border-radius:calc(8px * var(--k, 1));border:calc(1.5px * var(--k, 1)) solid var(--ink);background:var(--paper);color:var(--correct)}.net-face.is-pair.is-miss{border:calc(4px * var(--k, 1)) dashed var(--wrong)}.net-face.is-pair.is-miss .face-mark{color:var(--wrong)}.marks-on .net-face.is-pair .face-inner{transform:rotate(var(--mark-turn, 0deg))}.marks-on .net-face.is-pair.is-back .face-inner{transform:rotate(var(--mark-turn, 0deg)) scaleX(-1)}.pair-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.pair-item{display:flex;flex-direction:column;align-items:center;gap:0;padding:4px 4px 3px;border-radius:10px;border:2px solid var(--ink);font-size:var(--fs-xs);font-weight:800;line-height:1.3;text-align:center}.pair-item b{font-family:var(--font-display);font-weight:700;font-size:1.05rem}.pair-item .pair-sum{display:inline-flex;align-items:center;gap:3px;padding:0 8px;border-radius:8px;background:var(--paper);color:var(--correct)}.pair-item.is-miss{border-style:dashed;border-color:var(--wrong)}.pair-item.is-miss .pair-sum{color:var(--wrong)}.pair-item .icon{width:1em;height:1em;stroke-width:3}.made{display:flex;flex-direction:column;gap:8px}.made-head{display:flex;justify-content:space-between;align-items:baseline}.made-head b{display:inline-flex;gap:6px;align-items:center;font-family:var(--font-display);font-weight:700;font-size:1.12rem}.made-count{font-size:var(--fs-xs);font-weight:800;color:var(--ink-2)}.made-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.made-slot{display:flex;align-items:center;gap:8px;min-height:60px;padding:4px 10px;border-radius:10px;border:2px solid var(--ink);background:var(--paper-2);font-size:.9rem;font-weight:700;color:var(--ink-2);line-height:1.3}.made-slot.is-empty{border:2px dashed var(--star-line)}.made-slot.is-new{background:var(--butter-soft);box-shadow:0 0 0 3px var(--butter)}.made-slot .mini-net{flex:none;width:48px;height:48px}.made-slot b{display:block;font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--ink)}.dice-stamp b{font-size:calc(var(--size) * .2)}.note.is-info{background:var(--paper-2)}@media(max-height:720px)and (min-width:901px){.workbench{--bench-h: clamp(400px, calc(100vh - 88px - var(--play-header-h, 52px)), 600px);--bench-h: clamp(400px, calc(100dvh - 88px - var(--play-header-h, 52px)), 600px);gap:16px}.net-panel{gap:10px;padding:18px 18px 14px}.q-prompt{font-size:1.4rem}.answer-btn{min-height:56px}.free-fold{min-height:52px}.free-edit{gap:10px}.dex-grid{gap:5px}.net-panel .btn-lg{min-height:54px}.reason-pick{padding:8px 10px;gap:6px}}@media(max-width:900px){.workbench{grid-template-columns:minmax(0,1fr);height:auto;gap:16px}.mat>.fold-stage{inset:14px 0 72px}.free-host .fold-stage{inset:0}.mat{height:clamp(380px,64vw,540px)}.free-mat{height:clamp(420px,calc(124px + (100vw - 60px) * 5 / 7),530px)}.net-panel{height:auto;overflow:visible}.free-edit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.free-result{gap:8px}.dex-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.net-panel .next-btn{margin-top:4px}.made{flex-direction:row;align-items:center;gap:12px}.made-head{flex:none;flex-direction:column;align-items:flex-start;gap:0}.made-grid{flex:1}.made-slot{min-height:52px}.made-slot .mini-net{width:42px;height:42px}.pair-item{flex-direction:row;justify-content:center;gap:10px;padding:5px 4px}}@media(max-width:560px){.mat{height:calc(clamp(340px,100vw,440px) + 48px)}.free-mat{height:calc(64px + 100vw)}.free-host{inset:54px 12px 70px}.q-prompt{font-size:1.2rem}.answer-btn{font-size:1.05rem}.free-edit{grid-template-columns:minmax(0,1fr);gap:12px}.tray-cards{gap:4px}.dex-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.made{flex-direction:column;align-items:stretch;gap:8px}.made-head{flex-direction:row;align-items:baseline}.made-slot{min-height:60px}.pair-item{flex-direction:column;gap:0;padding:4px 4px 3px}.board-legend{font-size:.72rem}.mat-tools{left:10px;right:10px;gap:6px}.mat-tools .btn{padding:6px 10px;font-size:.95rem}.mat-status{padding:0 8px;font-size:.85rem}.mat-status>span:first-of-type{display:none}.fold-slider{padding:0 8px}.fold-slider-label{display:none}.hint-sticky{left:10px;right:10px;max-width:none;top:8px;padding:3px 8px;font-size:.78rem;line-height:1.3}.found-stamp{--size: 96px;right:12px;bottom:124px}.mat>.fold-stage{inset:54px 0 120px;overflow:visible}.free-host .fold-stage{inset:0 0 50px;overflow:visible}.mat>.fold-stage.can-view,.mat>.fold-stage.is-easing,.free-host .fold-stage.can-view,.free-host .fold-stage.is-easing{clip-path:inset(-54px 0 0 0)}.stage-badge{top:-46px;left:0;max-width:100%;padding:4px 10px 4px 8px;font-size:.92rem;line-height:1.25}.free-host .stage-badge{top:-46px}.fold-tools{right:214px;flex-direction:column;align-items:stretch;gap:4px}.fold-tools .btn{min-height:var(--tap)}.fold-tools .fold-slider{flex:none;height:var(--tap)}.view-pad,.free-mat .view-pad{top:auto;right:10px;bottom:12px;grid-template:"left up right in" var(--tap) "home down . out" var(--tap) / var(--tap) var(--tap) var(--tap) var(--tap);gap:4px 2px}.view-tip{display:none}.view-pad.is-locked{display:grid}.view-pad.is-locked .view-new{display:none}.view-pad.is-locked .view-right{grid-area:up}.fold-tools.is-locked{right:10px}.fold-tools.is-locked .fold-toggle{align-self:flex-start;width:calc(100% - 204px)}.fold-tools .band-turn,.fold-tools.is-locked .band-turn{display:none}}.screen-intro{--intro-logo-img: url("./intro-title-6774JTYH.png");--intro-sky: linear-gradient(180deg, #0f66d0 0%, #1b74d9 45%, #2a83e0 100%)}.screen-intro .intro-bg{background-image:url("./intro-bg-535GLYCB.jpg")}.screen-intro .intro-logo{background-image:var(--intro-logo-img)}.screen-intro .intro-shine{-webkit-mask-image:var(--intro-logo-img);mask-image:var(--intro-logo-img)}
