.table-pane-grove.classic-shell{max-width:1360px}.table-pane-grove .classic-layout{grid-template-columns:minmax(0,1fr) 220px;gap:32px;max-width:1440px;padding-top:22px}.table-pane-grove .classic-play{min-width:0}.table-pane-grove .classic-heading{margin-bottom:14px}.table-pane-grove .classic-heading h1{margin:5px 0 10px}.table-pane-grove .table-score{margin-bottom:8px;padding-block:10px}.table-pane-grove .difficulty-controls{margin-bottom:14px;padding-block:10px}.pane-workbench{--pane-ink:#102e37;color:#edf3ef;font-family:var(--font-sans), sans-serif;background:radial-gradient(at 15% 0,#34525a,#0000 65%),#1c343c;border:1px solid #526d72;border-radius:18px;padding:22px;box-shadow:0 16px 35px #172c3220,inset 0 1px #ffffff20}.pane-caption{color:#c4d6d6;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.pane-caption>div>span{letter-spacing:.06em;font-size:11px}.pane-caption h2{letter-spacing:-.02em;color:#f3f4e9;margin:5px 0 13px;font-size:21px;font-weight:600}.pane-caption>span{white-space:nowrap;font-variant-numeric:tabular-nums}.pane-progress{appearance:none;background:#ffffff15;border:0;border-radius:2px;width:100%;height:3px;display:block;overflow:hidden}.pane-progress::-webkit-progress-bar{background:#ffffff15}.pane-progress::-webkit-progress-value{background:#f0cf87;transition:width .2s}.pane-progress::-moz-progress-bar{background:#f0cf87}.pane-steps{color:#b0c5c7;gap:18px;margin:17px 0 21px;padding:0;font-size:11px;list-style:none;display:flex}.pane-steps li{align-items:center;gap:7px;display:flex}.pane-steps li>span{border:1px solid #93b0b65e;border-radius:50%;place-items:center;width:21px;height:21px;font-size:10px;display:grid}.pane-steps li[aria-current]{color:#ffe0a0}.pane-steps li[aria-current]>span{color:#19333b;background:#f0cf87;border-color:#f0cf87;font-weight:700}.pane-layout{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:24px;display:grid}.pane-frame-wrap{min-width:0}.pane-frame{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-template-rows:repeat(var(--rows), minmax(0, 1fr));isolation:isolate;outline-offset:6px;background:#10262e;border:8px solid #15313b;border-radius:9px;width:100%;max-width:600px;margin:auto;scroll-margin-block:14px 100px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #b4ccc181,0 0 0 4px #0c222b66,0 12px 20px #071c2b66,inset 0 0 16px #0004}.pane-frame:focus-visible{outline:3px solid #f5c76a}.pane-cell{color:#cbdad4;cursor:crosshair;background:radial-gradient(at 25% 10%,#f8faf0ba,#0000 90%),linear-gradient(145deg,#dce8e0,#c3d6d1);border:1px solid #8ba8a564;border-radius:0;min-width:0;min-height:0;padding:0;position:relative;box-shadow:inset 0 0 14px #476d6a0a}.pane-cell:not(.is-hole):before{content:"";pointer-events:none;background:#688b8540;border-radius:50%;width:3px;height:3px;position:absolute;top:calc(50% - 1px);left:calc(50% - 1px)}.pane-cell.is-hole{color:#8ba9ac;cursor:default;background:repeating-linear-gradient(135deg,#ffffff06 0 1px,#0000 1px 7px),radial-gradient(at 70% 100%,#264550,#10232c);border:2px solid #0e2730;box-shadow:inset 0 3px 8px #0006}.pane-cell.is-hole span{border:1px solid #63838b66;border-radius:50%;width:16px;height:16px;font-size:13px;line-height:13px;display:inline-block}.pane-cell.is-preview{background:#c5dfd3}.pane-cell.is-invalid{background:repeating-linear-gradient(135deg,#f1b4af 0 5px,#eaa7a3 5px 7px)}.pane-frame:focus-visible .pane-cell.is-cursor:after{content:"";z-index:5;pointer-events:none;border:2px dashed #173c47;border-radius:2px;position:absolute;inset:4px}.pane-glass{background:linear-gradient(135deg, #fff9 0%, #fff2 21%, transparent 44%, #fff5 45%, #fff1 53%, transparent 54%), linear-gradient(to right, transparent calc(100% - 1px), #224b5d28 0) 0 0 / calc(100% / var(--pane-w,1)) 100%, linear-gradient(to bottom, transparent calc(100% - 1px), #224b5d28 0) 0 0 / 100% calc(100% / var(--pane-h,1)), var(--glass);color:#102e36;border:2px solid #244651;border-radius:5px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 0 0 2px #ffffff75,inset 3px 3px 7px #fff5,inset -3px -4px 8px #163c4736,0 3px 4px #092a3b55}.pane-glass:after{content:"";pointer-events:none;border-top:1px solid #ffffff75;border-left:1px solid #fff5;border-radius:2px;position:absolute;inset:4px}.pane-glass b{z-index:1;text-align:center;background:#f4fcf0ba;border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;font-weight:800;line-height:1;display:inline-grid;position:relative;box-shadow:0 1px 3px #092b3544,inset 0 0 0 1px #fff9}.pane-placed{z-index:2;cursor:grab;min-width:0;min-height:0;margin:1px;padding:0;transition:filter .15s,box-shadow .15s}.pane-placed:disabled{cursor:default;pointer-events:none;opacity:.96!important}.pane-placed:hover:not(:disabled){filter:brightness(1.12);box-shadow:inset 0 0 0 2px #fff,0 0 0 2px #f2d38c}.pattern-1{border-style:double;border-width:4px}.pattern-2{border-style:dashed}.pattern-3{border-bottom-width:5px}.pane-ghost{pointer-events:none;z-index:3;outline-offset:-4px;opacity:.82;outline:2px dashed #183b46;margin:1px;box-shadow:inset 0 0 0 2px #fff9,0 0 0 2px #fff8,0 4px 12px #06263377}.pane-ghost b{background:#f3ffeb;border-radius:5px;width:auto;min-width:36px;padding-inline:6px}.pane-ghost.is-invalid{color:#702b3a;background:repeating-linear-gradient(135deg,#eaa7a3bb 0 8px,#d6777abb 8px 10px);border-color:#782f40;outline-color:#782f40}.pane-position{text-align:center;color:#c1d5d5;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:54px;padding:9px 0 6px;font-size:11px;line-height:1.4;display:flex}.pane-position strong{color:#fff1c9;font-size:12px;font-weight:600}.pane-actions{background:#203c44;border-radius:10px;justify-content:center;gap:8px;margin:0 -6px;padding:6px;display:flex;box-shadow:0 3px 12px #09232b20}.pane-workbench button{font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pane-actions button,.pane-secondary button,.pane-complete button{color:#e9f2f2;cursor:pointer;background:#ffffff0d;border:1px solid #a8c8ca66;border-radius:7px;min-height:44px;padding:8px 13px;font-size:13px}.pane-actions .pane-place,.pane-complete button{color:#193139;background:linear-gradient(#ffe2a6,#e4bc6e);border-color:#f2d08a;flex:1;max-width:180px;font-weight:700;box-shadow:inset 0 1px #fff8,0 2px 3px #071c2a44}.pane-workbench button:disabled{opacity:.4;cursor:default}.pane-workbench button:focus-visible{outline-offset:3px;outline:3px solid #ffdb8e}.pane-tray{min-width:0}.pane-tray-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:5px;display:flex}.pane-tray-heading h2{color:#f1f5f3;margin:0;font-size:16px;font-weight:600}.pane-tray-heading>span{color:#bed2d1;font-size:10px}.pane-pieces{scrollbar-width:thin;scrollbar-color:#b6cdcc55 transparent;overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:min(520px,67svh);margin-top:12px;padding:3px;display:grid;overflow:auto}.pane-piece{color:#e4eeeb;cursor:pointer;background:radial-gradient(at 50% 30%,#ffffff10,#0000 90%),#0d273044;border:1px solid #7894995c;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:130px;padding:10px 6px 7px;transition:background .15s,border-color .15s;display:flex;font-size:12px!important}.pane-piece:hover:not(:disabled){background-color:#ffffff16;border-color:#b9d1d1}.pane-piece.is-selected{background-color:#f0cd8620;border:2px solid #f5cf87;padding:9px 5px 6px;box-shadow:inset 0 0 0 1px #f5cf8725}.pane-piece.is-used{border-style:dashed;opacity:.38!important}.pane-mini{--mini-unit:min(40px, calc(96px / var(--long-side)));width:calc(var(--pane-w) * var(--mini-unit));height:calc(var(--pane-h) * var(--mini-unit));flex-shrink:0;max-width:100%}.pane-mini b{width:19px;height:19px;font-size:11px}.pane-piece-label{align-items:center;gap:7px;margin-top:auto;display:flex}.pane-piece-label strong{font-weight:600}.pane-piece small{color:#cbdbda;font-size:10px}.pane-lesson{color:#c0d3d0;margin:14px 3px 0;font-size:12px;line-height:1.6}.pane-notice{color:#d6e6e1;min-height:20px;margin:17px 0 12px;font-size:12px;line-height:1.5}.pane-warning{color:#ffcf9f}.pane-secondary{border-top:1px solid #ffffff25;justify-content:space-between;gap:8px;padding-top:10px;display:flex}.pane-secondary button{text-underline-offset:4px;background:0 0;border:0;padding:5px 0;font-size:12px;text-decoration:underline}.pane-placed.is-reconsider{outline-offset:-5px;filter:brightness(1.15);outline:4px solid #ffdf8e}.pane-complete{border-top:1px solid #e9ce8a77;justify-content:space-between;align-items:center;gap:14px;margin-top:20px;padding-top:18px;display:flex}.pane-complete>div{flex-direction:column;gap:5px;display:flex}.pane-complete strong{color:#ffe5a9;font-size:18px}.pane-complete span{color:#c4d8d0;font-size:12px}.pane-complete button{flex:none}@media (max-width:1180px){.table-pane-grove .classic-layout{grid-template-columns:minmax(0,1fr)}.table-pane-grove .table-aside{display:none}}@media (max-width:700px){.table-pane-grove.classic-shell{padding-inline:10px}.table-pane-grove .classic-layout{gap:0;padding-top:16px}.table-pane-grove .classic-heading{margin-bottom:6px}.table-pane-grove .classic-heading h1{margin:3px 0 6px;font-size:31px}.table-pane-grove .classic-category{display:none}.table-pane-grove .classic-heading .age-notice{font-size:10px}.table-pane-grove .table-score{margin-block:4px 8px;padding-block:8px;font-size:11px}.table-pane-grove .difficulty-controls{gap:0;margin-bottom:10px;padding-block:8px}.table-pane-grove .difficulty-controls label{justify-content:space-between;width:100%;font-size:12px}.table-pane-grove .difficulty-controls select{max-width:75%;min-height:40px;padding:6px 8px;font-size:12px}.table-pane-grove .difficulty-controls p{display:none}.pane-workbench{border-radius:12px;padding:14px 10px}.pane-caption h2{margin-bottom:10px;font-size:17px}.pane-caption>span{font-size:10px}.pane-caption>div>span{font-size:9px}.pane-steps{justify-content:space-between;gap:10px;margin:12px 0 15px;font-size:10px}.pane-steps li{gap:4px}.pane-steps li>span{width:18px;height:18px;font-size:9px}.pane-layout{flex-direction:column;gap:16px;display:flex}.pane-frame-wrap,.pane-tray{width:100%}.pane-tray{order:-1}.pane-pieces{scroll-snap-type:none;gap:7px;max-height:none;margin:8px -3px 0;padding:3px 3px 9px;display:flex;overflow:auto hidden}.pane-piece{scroll-snap-align:start;flex:0 0 91px;gap:7px;min-width:91px;min-height:116px;padding:8px 5px 6px}.pane-piece.is-selected{padding:7px 4px 5px}.pane-mini{--mini-unit:min(36px, calc(72px / var(--long-side)))}.pane-lesson{display:none}.pane-frame{border-width:6px}.pane-position{min-height:49px;font-size:10px}.pane-actions{bottom:max(8px, env(safe-area-inset-bottom));z-index:8;position:sticky}.pane-actions button{min-height:44px;padding:8px 10px;font-size:12px}.pane-notice{margin-top:13px}}@media (prefers-reduced-motion:reduce){.pane-placed,.pane-piece{transition:none}.pane-progress::-webkit-progress-value{transition:none}}.game-is-fullscreen .pane-layout{grid-template-columns:minmax(0,1fr) min(32%,240px);gap:12px;display:grid}.game-is-fullscreen .pane-tray{order:0;width:auto}.game-is-fullscreen .pane-frame{width:min(100%, calc((var(--game-view-height) - 260px) * var(--cols) / var(--rows)));margin-inline:auto}.game-is-fullscreen .pane-pieces{max-height:min(360px, calc(var(--game-view-height) - 260px));grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:auto}.game-is-fullscreen .pane-piece{min-width:0;min-height:88px}.game-immersive .pane-workbench{box-sizing:border-box;height:100%;padding:4px}.game-immersive .pane-layout{grid-template-columns:minmax(0,1fr) 170px}.game-immersive .pane-frame{width:min(100%, calc((var(--game-view-height) - 68px) * var(--cols) / var(--rows)))}.game-immersive :is(.pane-progress,.pane-tray-heading){display:none}.game-immersive .pane-pieces{max-height:calc(var(--game-view-height) - 24px);margin:0;padding:0}.game-immersive .pane-actions{margin-block:4px}.game-immersive .pane-notice{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}