@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:#1f2933;background:#eceff3;font-family:Pretendard,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.game-layout{min-height:0;flex:1;display:grid;grid-template-columns:220px minmax(0,1fr)}.game-layout.is-stage-layout{grid-template-columns:auto minmax(0,1fr)}.palette-panel{min-height:0;overflow-y:auto;padding:14px 12px;background:#f8fafc;border-right:1px solid #d7dde5}.palette-title{margin-bottom:12px;color:#243043;font-size:.95rem;font-weight:800}.palette-section{margin-bottom:18px}.palette-section-title{margin-bottom:8px;color:#64748b;font-size:.78rem;font-weight:800;text-transform:uppercase}.palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.palette-item{min-height:42px;padding:5px 6px;background:#fff;border:1px solid #d5dce6;border-radius:8px;box-shadow:0 3px 8px #1f293312;cursor:grab;touch-action:none}.palette-item:active{cursor:grabbing}.stage-panel{width:246px;min-height:0;overflow:hidden;padding:14px 10px;background:#f8fafc;border-right:1px solid #d7dde5;transition:width .18s ease}.stage-panel.is-collapsed{width:54px;padding:14px 8px}.stage-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.stage-panel-title{color:#243043;font-size:.95rem;font-weight:900}.stage-collapse-button{display:grid;place-items:center;width:32px;height:32px;color:#475569;background:#fff;border:1px solid #d5dce6;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:900;line-height:1}.stage-collapse-button:hover{background:#eef2f7}.stage-list{display:grid;gap:7px;max-height:calc(100vh - 118px);overflow-y:auto;padding-right:2px}.stage-list-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:48px;padding:7px 8px 7px 10px;color:#243043;background:#fff;border:1px solid #d5dce6;border-radius:8px;box-shadow:0 3px 8px #1f29330d;cursor:pointer;text-align:left}.stage-list-item:hover:not(:disabled){background:#f3f7fb;border-color:#b9c8da}.stage-list-item.is-active{border-color:#2f80ed;box-shadow:0 0 0 1px #2f80ed2e,0 5px 12px #1f293314}.stage-list-item:disabled{color:#98a2b3;background:#eef2f7;cursor:not-allowed}.stage-list-name{min-width:0;overflow:hidden;font-size:.88rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.stage-list-status{display:grid;place-items:center;min-width:34px}.stage-lock-icon{width:18px;height:18px;color:#94a3b8;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.stage-reward-term{display:grid;place-items:center;width:72px;overflow:hidden}.stage-reward-term .term{background:#fff;border-color:#d5dce6;box-shadow:0 2px 5px #1f29330f}.stage-reward-term .factor-button{background:transparent}.shape-bundle-preview{display:flex;align-items:center;justify-content:center;gap:5px}.shape-bundle-preview.is-small{gap:2px}.preview-shape{width:34px;height:34px;filter:drop-shadow(0 1px 1px rgba(31,41,51,.12))}.shape-bundle-preview.is-small .preview-shape{width:24px;height:24px}.palette-drag-preview{position:fixed;z-index:100;padding:9px 12px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 12px 28px #1f29332e;pointer-events:none;transform:translate(-50%,-50%)}.rule-panel{position:fixed;top:auto;right:16px;bottom:16px;z-index:30;display:grid;gap:10px;width:min(350px,calc(100vw - 252px));padding:16px 12px 12px;background:#fffffff0;border:1px solid rgba(203,213,225,.95);border-radius:10px;box-shadow:0 14px 32px #1f293324;pointer-events:none}.rule-panel-title{position:absolute;left:12px;top:-28px;height:28px;display:flex;align-items:center;padding:0 13px;color:#243043;background:#fffffff5;border:1px solid rgba(203,213,225,.95);border-bottom:0;border-radius:9px 9px 0 0;box-shadow:0 -7px 18px #1f293314;font-size:.84rem;font-weight:900;line-height:1}.rule-block{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px}.rule-number{display:grid;place-items:center;align-self:start;width:18px;height:18px;margin-top:4px;color:#475569;background:#f1f5f9;border:1px solid #d5dce6;border-radius:999px;font-size:.72rem;font-weight:800;line-height:1}.rule-panel-section{display:grid;justify-items:center;gap:1px}.rule-diagram-row{--rule-left-column: 120px;--rule-action-column: 56px;--rule-right-column: 120px;display:grid;grid-template-columns:var(--rule-left-column) var(--rule-action-column) var(--rule-right-column);align-items:center;justify-items:center;width:calc(var(--rule-left-column) + var(--rule-action-column) + var(--rule-right-column))}.rule-diagram-row-transform{--rule-left-column: 42px;--rule-action-column: 38px;--rule-right-column: 42px}.rule-diagram-row-merge{align-items:center}.rule-action{position:relative;display:grid;place-items:center;width:var(--rule-action-column);height:30px;color:#64748b}.rule-action-label{position:absolute;left:50%;top:-4px;min-height:12px;transform:translate(-50%,-100%);font-size:.64rem;font-weight:800;line-height:1;letter-spacing:0}.rule-diagram-row-transform .rule-action-label{top:3px}.rule-arrow-icon{width:28px;height:18px;color:#64748b;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.rule-shape-only{display:grid;place-items:center;width:42px;height:40px}.rule-panel-divider{height:1px;background:#d7dde5}.rule-merge-stack{position:relative;display:grid;justify-items:center;gap:4px;width:max-content}.rule-merge-lines{position:absolute;inset:0;z-index:1;pointer-events:none}.rule-flow-line{position:absolute;left:var(--rule-line-left);top:var(--rule-line-top);width:1px;height:var(--rule-line-height);opacity:.42;background-image:repeating-linear-gradient(to bottom,var(--rule-line-color, #e5484d) 0,var(--rule-line-color, #e5484d) 4px,transparent 4px,transparent 8px);background-size:100% 8px;transform:translate(-50%)}.rule-flow-line.is-flowing-down{animation:rule-flow-down .52s linear infinite}.rule-flow-line.is-flowing-up{animation:rule-flow-up .52s linear infinite}.rule-panel .term,.rule-panel .factor-button{cursor:default}.rule-panel .term{box-shadow:0 4px 10px #1f293314}.rule-panel .factor-button{background:transparent}.rule-color-ladder{display:flex;align-items:center;justify-content:center;padding-top:1px;pointer-events:auto}.rule-color-chain{position:relative;display:grid;align-items:center;justify-items:center;column-gap:2px;min-height:32px}.rule-color-selection{position:relative;grid-row:1;z-index:3;justify-self:stretch;align-self:center;height:30px;margin:0 -5px;background:#f1f5f9d9;border:1px solid #94a3b8;border-radius:999px;box-shadow:0 2px 6px #1f29331a;pointer-events:none}.rule-color-dot-button,.rule-color-arrow-button{position:relative;grid-row:1;display:grid;place-items:center;height:28px;padding:0;background:transparent;border:0;border-radius:999px;cursor:pointer}.rule-color-dot-button{width:18px}.rule-color-arrow-button{width:20px}.rule-color-dot-button:before,.rule-color-arrow-button:before{content:"";position:absolute;z-index:1;background:#f8fafc;border-radius:999px;opacity:0;pointer-events:none}.rule-color-dot-button:before{inset:4px 2px}.rule-color-arrow-button:before{top:2px;bottom:2px;left:50%;width:42px;transform:translate(-50%)}.rule-color-dot-button:hover:before,.rule-color-arrow-button:hover:before{opacity:1}.rule-color-dot-button:focus-visible,.rule-color-arrow-button:focus-visible{outline:2px solid #2f80ed;outline-offset:2px}.rule-color-dot{position:relative;z-index:5;width:11px;height:11px;background:var(--rule-color);border:1px solid rgba(31,41,51,.16);border-radius:999px;box-shadow:0 1px 2px #1f29331a;pointer-events:none}.rule-color-arrow-icon{position:relative;z-index:5;width:14px;height:12px;color:#64748b;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px;background:#fff;border-bottom:1px solid #d7dde5}.top-bar h1{margin:0;font-size:1.45rem;line-height:1.1;letter-spacing:0}.level-name{margin-top:4px;color:#64748b;font-size:.92rem}.top-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.mode-toggle{display:inline-flex;align-items:center;padding:2px;background:#eef2f7;border:1px solid #cbd5e1;border-radius:8px}.mode-button{min-width:68px;height:28px;padding:0 9px;color:#64748b;background:transparent;border:0;border-radius:6px;cursor:pointer;font-size:.78rem;font-weight:800;line-height:1}.mode-button.is-active{color:#1f2933;background:#fff;box-shadow:0 1px 4px #1f29331f}.mode-button:focus-visible{outline:2px solid #2f80ed;outline-offset:2px}.locale-toggle{display:inline-flex;align-items:center;padding:2px;background:#eef2f7;border:1px solid #cbd5e1;border-radius:8px}.locale-button{min-width:34px;height:28px;padding:0 8px;color:#64748b;background:transparent;border:0;border-radius:6px;cursor:pointer;font-size:.78rem;font-weight:800;line-height:1}.locale-button.is-active{color:#1f2933;background:#fff;box-shadow:0 1px 4px #1f29331f}.locale-button:focus-visible{outline:2px solid #2f80ed;outline-offset:2px}.clear-message{min-width:68px;color:#087443;font-weight:800;text-align:right}.text-button{min-height:38px;padding:0 14px;color:#243043;background:#f6f8fb;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer}.text-button:hover:not(:disabled){background:#edf2f7}.text-button:disabled{color:#98a2b3;cursor:not-allowed}.board{position:relative;flex:1;min-height:620px;overflow:hidden;background:linear-gradient(rgba(36,48,67,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(36,48,67,.045) 1px,transparent 1px),#fbfaf7;background-size:32px 32px}.board.is-stage-board{height:100%;min-height:0;overflow:hidden}.stage-goal-banner{position:sticky;left:0;top:0;z-index:8;display:grid;gap:3px;width:max-content;max-width:min(760px,calc(100% - 32px));margin:18px auto 0;padding:4px 18px 10px;pointer-events:none;text-align:center}.stage-goal-stage{color:#64748b;font-size:.82rem;font-weight:900;letter-spacing:0}.stage-goal-text{color:#1f2933;font-size:clamp(1.8rem,4vw,3.1rem);font-weight:950;letter-spacing:0;line-height:1.04;text-shadow:0 2px 0 rgba(255,255,255,.9)}.stage-completion-overlay{position:absolute;inset:0;z-index:40;display:grid;place-items:center;width:100%;min-height:100%;padding:28px;background:#fbfaf79e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.stage-completion-card{position:relative;z-index:2;display:grid;justify-items:center;gap:12px;min-width:min(360px,calc(100vw - 48px));padding:26px 28px 24px;background:#fffffff5;border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 22px 54px #1f29332e;animation:completion-card-enter .42s cubic-bezier(.16,1,.3,1) both}.stage-completion-title{color:#1f2933;font-size:2.2rem;font-weight:950;line-height:1}.stage-completion-term{display:grid;place-items:center;min-height:76px}.stage-completion-subtitle{color:#64748b;font-size:.95rem;font-weight:800}.stage-next-button{min-height:40px;padding:0 18px;color:#fff;background:#243043;border:1px solid #1f2933;border-radius:8px;box-shadow:0 7px 16px #1f29332e;cursor:pointer;font-weight:900}.stage-next-button:hover{background:#111827}.stage-completion-burst{position:absolute;left:50%;top:50%;z-index:1;width:1px;height:1px;pointer-events:none}.stage-completion-particle{position:absolute;left:0;top:0;width:9px;height:9px;background:#f97316;border-radius:2px;opacity:0;transform:rotate(var(--particle-angle)) translate(0) rotate(calc(var(--particle-angle) * -1));animation:completion-particle .98s ease-out var(--particle-delay) both}.stage-completion-particle:nth-child(3n){background:#2f80ed}.stage-completion-particle:nth-child(3n+1){background:#22a06b}.stage-completion-particle:nth-child(4n){width:12px;height:5px}.sticky-group{position:absolute;display:flex;flex-direction:column;gap:8px;width:max-content;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;z-index:1}.sticky-group.is-stuck{cursor:default;isolation:isolate}.sticky-group.is-stuck:before{content:"";position:absolute;inset:-8px;z-index:0;background:#fff;border:1px solid #d5dce6;border-radius:8px;box-shadow:0 12px 24px #1f29331c;pointer-events:none}.sticky-group.is-splitting:before{inset:-8px auto auto -8px;width:calc(var(--group-full-width, 0px) + 16px);height:calc(var(--group-full-height, 0px) + 16px)}.sticky-group.is-merging:before{inset:-8px auto auto -8px;width:calc(100% + 16px);height:calc(100% + 16px);animation:group-card-merge-shrink .72s cubic-bezier(.45,0,.2,1) forwards}.sticky-group.is-splitting:before{animation:group-card-split-grow .56s cubic-bezier(.16,1,.3,1) both}.sticky-group.is-dragging{cursor:grabbing;z-index:10}.sticky-group.is-merging,.sticky-group.is-splitting{pointer-events:none;z-index:20}.sticky-group.is-snap-hidden{opacity:0;pointer-events:none}.sticky-group.is-snap-target{z-index:9}.snap-guide-bar{position:absolute;left:-10px;right:-10px;top:var(--snap-guide-top);z-index:6;height:4px;border-radius:999px;background:#22a06b85;box-shadow:0 0 0 1px #22a06b26;pointer-events:none;transform:translateY(-50%)}.sticky-group.is-merging .group-connection-line,.sticky-group.is-splitting .group-connection-line{opacity:.7}.group-actions{position:absolute;top:-34px;right:0;z-index:3;display:flex;justify-content:flex-end;gap:6px;min-height:28px;opacity:0;visibility:hidden;transform:translateY(-3px);transition:opacity .12s ease,transform .12s ease,visibility .12s ease}.sticky-group:hover .group-actions,.sticky-group:focus-within .group-actions{opacity:1;visibility:visible;transform:translateY(0)}.group-action-button{min-width:54px;height:28px;padding:0 10px;color:#243043;background:#fff;border:1px solid #b9c8da;border-radius:8px;box-shadow:0 3px 8px #1f29331a;cursor:pointer;font-size:.8rem;font-weight:700;line-height:1}.group-action-button:hover{background:#eef5ff;border-color:#8fb2dc}.group-action-button:focus-visible{outline:2px solid #2f80ed;outline-offset:2px}.group-connection-layer{position:absolute;left:0;top:0;z-index:1;overflow:visible;pointer-events:none}.group-connection-line{position:absolute;left:var(--to-left);top:var(--to-top);width:var(--to-length);height:1.35px;opacity:.48;background-image:repeating-linear-gradient(to right,var(--line-color) 0,var(--line-color) 6px,transparent 6px,transparent 11px);background-size:11px 100%;transform:translateY(-50%) rotate(var(--to-angle));transform-origin:0 50%}.group-connection-line.is-connection-moving{animation:connection-line-move .19s ease-out both}.group-connection-line.is-flowing-down{animation:connection-flow-down .52s linear infinite}.group-connection-line.is-flowing-up{animation:connection-flow-up .52s linear infinite}.group-connection-line.is-connection-moving.is-flowing-down{animation:connection-line-move .19s ease-out both,connection-flow-down .52s linear infinite}.group-connection-line.is-connection-moving.is-flowing-up{animation:connection-line-move .19s ease-out both,connection-flow-up .52s linear infinite}.group-connection-line.is-eating-line{left:calc(var(--vertical-left) - .675px);top:var(--vertical-top);width:1.35px;height:var(--vertical-height);background-image:repeating-linear-gradient(to bottom,var(--line-color) 0,var(--line-color) 5px,transparent 5px,transparent 10px);background-size:100% 10px;transform:none;transform-origin:50% 0;animation:connection-line-eat-vertical .42s cubic-bezier(.45,0,.2,1) forwards}.group-connection-line.is-spitting-line{left:calc(var(--vertical-left) - .675px);top:var(--vertical-top);width:1.35px;height:var(--vertical-height);background-image:repeating-linear-gradient(to bottom,var(--line-color) 0,var(--line-color) 5px,transparent 5px,transparent 10px);background-size:100% 10px;transform:none;transform-origin:50% 0;animation:connection-line-spit-vertical .52s cubic-bezier(.16,1,.3,1) both}.snap-slot{width:100%;height:calc(var(--term-cell-size, 44px) + 18px);border:1px dashed rgba(47,128,237,.36);border-radius:8px;background:#2f80ed0d;animation:snap-slot-open .16s ease-out}.term{position:relative;z-index:auto;display:flex;align-items:center;gap:var(--factor-gap, 8px);width:max-content;min-width:0;min-height:calc(var(--term-cell-size, 44px) + var(--term-padding-y-total, 18px));padding:var(--term-padding-y, 9px) var(--term-padding-x, 12px);background:#fff;border:1px solid #d5dce6;border-radius:8px;box-shadow:0 5px 14px #1f29331a;transition:transform .17s ease,opacity .17s ease,box-shadow .17s ease,min-height .16s ease}.term.is-selected{background:#fff;border-color:#9ab7df;box-shadow:0 5px 14px #1f29331a}.sticky-group.is-stuck .term{background:transparent;border-color:transparent;box-shadow:none}.sticky-group.is-stuck .factor-button{pointer-events:none}.term.is-group-handle,.term.is-detachable{cursor:grab}.sticky-group.is-dragging .term.is-group-handle,.sticky-group.is-dragging .term.is-detachable{cursor:grabbing}.term.is-detachable{box-shadow:inset 0 0 0 1px #64748b14,0 5px 14px #1f29331a}.sticky-group.is-stuck .term.is-detachable{border-color:transparent;box-shadow:none}.sticky-group.is-stuck .term.is-detachable:hover{border-color:#b9c8da;box-shadow:inset 0 0 0 1px #64748b14,0 5px 14px #1f29331a}.sticky-group.is-snap-target .term.is-preview-source{border-color:#2f80ed;box-shadow:inset 0 0 0 1px #2f80ed5c,0 5px 14px #2f80ed29}.term.is-term-moving{animation:term-preview-move .21s ease-out both}.term.is-fresh{animation:none}.factor-button{position:relative;z-index:2;width:var(--factor-cell-size, 44px);height:var(--factor-cell-size, 44px);display:grid;place-items:center;padding:0;background:transparent;border:0;border-radius:8px;cursor:pointer;transform:translate(calc(var(--drag-x, 0px) + var(--slot-x, 0px)));transition:transform .15s ease,width .16s ease,height .16s ease,background .12s ease}.factor-button:before{content:"";position:absolute;inset:-4px;border-radius:12px;opacity:0;transform:scale(.86);transition:opacity .14s ease,transform .14s ease;pointer-events:none}.factor-button.is-active-factor:before{opacity:0}.factor-button.is-active-factor{z-index:3}.factor-button.is-dimmed-factor{background:transparent}.factor-button:hover:not(.is-disabled){background:transparent}.factor-button.is-dimmed-factor:hover:not(.is-disabled){background:transparent}.factor-button:focus-visible{outline:2px solid #2f80ed;outline-offset:2px}.factor-button.is-disabled{cursor:grab}.factor-button.is-reordering-factor{z-index:4;cursor:grabbing;transition:none}.factor-button.is-transition-locked-factor,.factor-button.is-transition-locked-factor .factor-shape{transition:none}.factor-button.is-auto-sorting-factor{animation:factor-auto-sort .19s ease-out both}.factor-shape{position:relative;z-index:1;width:var(--factor-shape-size, 40px);height:var(--factor-shape-size, 40px);filter:drop-shadow(0 2px 2px rgba(31,41,51,.16));transform:scale(var(--factor-scale, 1));transform-origin:50% 50%;transition:transform .16s ease;will-change:transform}.factor-button.is-dimmed-factor .factor-shape{transform:scale(var(--factor-scale, 1))}.factor-button.is-reordering-factor .factor-shape{animation:factor-wiggle .22s ease-in-out infinite}.factor-button.is-merge-pulled-factor{z-index:5;animation:factor-merge-pull .42s cubic-bezier(.45,0,.2,1) forwards}.factor-button.is-merge-anchor-factor{z-index:9;animation:factor-merge-anchor .72s cubic-bezier(.45,0,.2,1) forwards}.factor-button.is-split-spit-factor{z-index:5;animation:factor-split-spit .38s cubic-bezier(.16,1,.3,1) both}.factor-button.is-split-anchor-factor{z-index:9;animation:factor-split-anchor .38s ease-out both}@keyframes merge-pop{0%{transform:scale(.92)}52%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes snap-slot-open{0%{height:18px;opacity:0}to{height:calc(var(--term-cell-size, 44px) + 18px);opacity:1}}@keyframes factor-merge-pull{0%{opacity:1;transform:translate(calc(var(--drag-x, 0px) + var(--slot-x, 0px))) scale(1)}68%{opacity:.95;transform:translate(calc(var(--drag-x, 0px) + var(--slot-x, 0px) + var(--merge-x, 0px)),var(--merge-y, 0px)) scale(.56)}to{opacity:0;transform:translate(calc(var(--drag-x, 0px) + var(--slot-x, 0px) + var(--merge-x, 0px)),var(--merge-y, 0px)) scale(.18)}}@keyframes factor-merge-anchor{0%{opacity:1;transform:translate(calc(var(--drag-x, 0px) + var(--slot-x, 0px))) scale(1)}45%{opacity:1;transform:translate(calc(var(--drag-x, 0px) + var(--slot-x, 0px))) scale(1)}62%{opacity:1;transform:translate(calc(var(--drag-x, 0px) + var(--slot-x, 0px))) scale(1)}to{opacity:1;transform:translate(calc(var(--drag-x, 0px) + var(--slot-x, 0px) + var(--settle-x, 0px)),var(--settle-y, 0px)) scale(1)}}@keyframes factor-split-spit{0%{opacity:0;transform:translate(calc(var(--drag-x, 0px) + var(--slot-x, 0px) + var(--split-x, 0px)),var(--split-y, 0px)) scale(.22)}62%{opacity:1;transform:translate(calc(var(--drag-x, 0px) + var(--slot-x, 0px))) scale(1.08)}to{opacity:1;transform:translate(calc(var(--drag-x, 0px) + var(--slot-x, 0px))) scale(1)}}@keyframes factor-split-anchor{0%{transform:translate(calc(var(--drag-x, 0px) + var(--slot-x, 0px))) scale(.82)}48%{transform:translate(calc(var(--drag-x, 0px) + var(--slot-x, 0px))) scale(1.2)}to{transform:translate(calc(var(--drag-x, 0px) + var(--slot-x, 0px))) scale(1)}}@keyframes group-card-merge-shrink{0%{left:-8px;top:-8px;width:calc(100% + 16px);height:calc(100% + 16px)}45%,62%{left:-8px;top:-8px;width:calc(100% + 16px);height:calc(100% + 16px)}to{left:var(--merge-card-left, 0px);top:var(--merge-card-top, 0px);width:var(--merge-card-width, 0px);height:var(--merge-card-height, 0px)}}@keyframes group-card-split-grow{0%{width:calc(var(--group-collapsed-width, 0px) + 16px);height:calc(var(--group-collapsed-height, 0px) + 16px)}to{width:calc(var(--group-full-width, 0px) + 16px);height:calc(var(--group-full-height, 0px) + 16px)}}@keyframes term-preview-move{0%{transform:translate(var(--term-dx, 0px),var(--term-dy, 0px))}to{transform:translate(0)}}@keyframes connection-flow-down{0%{background-position-x:0}to{background-position-x:11px}}@keyframes connection-flow-up{0%{background-position-x:0}to{background-position-x:-11px}}@keyframes connection-line-move{0%{left:var(--from-left);top:var(--from-top);width:var(--from-length);transform:translateY(-50%) rotate(var(--from-angle))}to{left:var(--to-left);top:var(--to-top);width:var(--to-length);transform:translateY(-50%) rotate(var(--to-angle))}}@keyframes connection-line-eat-vertical{0%{top:var(--vertical-top);height:var(--vertical-height);opacity:.52}to{top:var(--vertical-collapsed-top);height:0;opacity:0}}@keyframes connection-line-spit-vertical{0%{top:var(--vertical-collapsed-top);height:0;opacity:0}to{top:var(--vertical-top);height:var(--vertical-height);opacity:.5}}@keyframes factor-wiggle{0%{transform:translate(-.35px,-3px) rotate(-1deg) scale(var(--factor-wiggle-scale, 1.035))}25%{transform:translate(.55px,-3.35px) rotate(.7deg) scale(var(--factor-wiggle-scale, 1.035))}50%{transform:translate(-.55px,-2.75px) rotate(1deg) scale(var(--factor-wiggle-scale, 1.035))}75%{transform:translate(.35px,-3.25px) rotate(-.7deg) scale(var(--factor-wiggle-scale, 1.035))}to{transform:translate(-.35px,-3px) rotate(-1deg) scale(var(--factor-wiggle-scale, 1.035))}}@keyframes factor-auto-sort{0%{transform:translate(calc(var(--drag-x, 0px) + var(--slot-x, 0px) + var(--sort-dx, 0px)))}to{transform:translate(calc(var(--drag-x, 0px) + var(--slot-x, 0px)))}}@keyframes completion-card-enter{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes completion-particle{0%{opacity:0;transform:rotate(var(--particle-angle)) translate(0) rotate(calc(var(--particle-angle) * -1)) scale(.4)}18%{opacity:1}to{opacity:0;transform:rotate(var(--particle-angle)) translate(var(--particle-distance)) rotate(calc(var(--particle-angle) * -1)) scale(1)}}@keyframes rule-flow-down{0%{background-position-y:0}to{background-position-y:8px}}@keyframes rule-flow-up{0%{background-position-y:0}to{background-position-y:-8px}}@media(max-width:640px){.game-layout{grid-template-columns:1fr}.stage-panel,.palette-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-height:220px;border-right:0;border-bottom:1px solid #d7dde5}.stage-panel.is-collapsed{width:100%;max-height:58px}.stage-panel-header,.palette-title{grid-column:1 / -1;margin-bottom:0}.stage-list{grid-column:1 / -1;grid-template-columns:1fr 1fr;max-height:138px}.top-bar{align-items:flex-start;flex-direction:column;padding:14px 16px}.top-actions{justify-content:flex-start}.board{min-height:680px}.stage-goal-text{font-size:1.75rem}.rule-panel{top:auto;right:10px;bottom:10px;width:min(350px,calc(100vw - 20px))}}