.shikaku-page{color:var(--color-on-surface)}.shikaku-workspace,.shikaku-learning{margin:0 auto;max-width:1240px;padding:0 1rem 4rem}.shikaku-learning{max-width:780px}.shikaku-learning h2{margin-top:2rem;font-weight:800}.shikaku-learning ol{list-style:decimal;padding-left:1.5rem}.shikaku-switcher,.shikaku-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.shikaku-switcher a,.shikaku-actions button,.shikaku-primary,.shikaku-secondary,.shikaku-config-alert button{min-height:44px;border:1px solid var(--color-outline);border-radius:999px;background:var(--color-surface);padding:.6rem 1rem;color:var(--color-on-surface);font-weight:700}.shikaku-primary{width:100%;border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.shikaku-secondary{width:100%;margin-top:.5rem}.shikaku-choice-grid{display:grid;gap:.65rem}.shikaku-choice-grid button,.shikaku-segmented button{min-height:44px;border:1px solid var(--color-outline);border-radius:.75rem;background:var(--color-surface);padding:.7rem;color:var(--color-on-surface);text-align:start}.shikaku-choice-grid button{display:grid;grid-template-columns:1fr auto;gap:.25rem .75rem}.shikaku-choice-grid button small{grid-column:1 / -1;color:var(--color-on-surface-variant);line-height:1.35}.shikaku-choice-grid button[aria-pressed=true],.shikaku-segmented button[aria-pressed=true]{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 9%,var(--color-surface));box-shadow:inset 0 0 0 1px var(--color-primary)}.shikaku-segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.shikaku-config-warning{border-inline-start:4px solid var(--color-warning);border-radius:.35rem;background:var(--color-warning-50);padding:.7rem .8rem;color:var(--color-on-surface);font-weight:700}.shikaku-switcher a[aria-current=page]{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));color:var(--color-primary)}.shikaku-play{display:grid;gap:1rem;justify-items:center}.shikaku-board-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;width:min(100%,43rem)}.shikaku-board-status span{display:grid;gap:.2rem;min-width:0;border:1px solid var(--color-outline);border-radius:.75rem;background:var(--color-surface);padding:.65rem .75rem}.shikaku-board-status small{color:var(--color-on-surface-variant);font-weight:700}.shikaku-board-status strong{overflow-wrap:anywhere}.shikaku-current-selection{width:min(100%,35rem);min-height:1.5rem;margin:0;color:var(--color-on-surface-variant);font-weight:700}.shikaku-board-shell{position:relative;width:min(100%,35rem);aspect-ratio:1}.shikaku-board{display:grid;grid-template-columns:repeat(var(--shikaku-size),1fr);width:100%;height:100%;border:3px solid var(--color-on-surface);background:var(--color-surface);touch-action:pan-y;user-select:none}.shikaku-board button{min-width:44px;min-height:44px;border:1px solid var(--color-outline);background:transparent;padding:0;color:var(--color-on-surface);font-size:clamp(1rem,4vw,1.7rem);font-weight:900;z-index:2;touch-action:pan-y}.shikaku-board button[data-clue=true]{touch-action:none}.shikaku-board button:focus-visible,.shikaku-actions button:focus-visible{outline:3px solid var(--color-primary);outline-offset:-3px}.shikaku-rectangle,.shikaku-hint-rectangle{position:absolute;z-index:1;pointer-events:none;box-sizing:border-box;border:4px solid var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}[data-style=classic-lines] .shikaku-rectangle{background:transparent;border-color:var(--color-on-surface)}.shikaku-preview-rectangle{border-style:dashed;opacity:.7}.shikaku-hint-rectangle{z-index:3;border-color:var(--color-warning);border-style:dotted;background:transparent}.shikaku-status,.shikaku-preview-status{min-height:1.5rem;font-weight:700;color:var(--color-on-surface-variant)}.shikaku-rule-coach,[data-guidance-panel]{width:min(100%,35rem);border-inline-start:4px solid var(--color-primary);padding:.75rem 1rem;background:color-mix(in srgb,var(--color-primary) 7%,var(--color-surface))}.shikaku-rule-coach h3{margin:0 0 .5rem;font-size:1rem}.shikaku-rule-coach p{margin:.35rem 0}.shikaku-factor-pairs{font-variant-numeric:tabular-nums;font-weight:800}.shikaku-primary-actions,.shikaku-secondary-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;width:min(100%,35rem)}.shikaku-primary-actions button,.shikaku-secondary-actions button,.shikaku-completion-card button,.shikaku-completion-card a{min-height:44px;border:1px solid var(--color-outline);border-radius:999px;padding:.65rem 1rem;font-weight:800}.shikaku-primary-actions button{flex:1 1 9rem;border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.shikaku-secondary-actions button,.shikaku-completion-card button,.shikaku-completion-card a{background:var(--color-surface);color:var(--color-on-surface)}.shikaku-primary-actions button:disabled,.shikaku-secondary-actions button:disabled,.shikaku-completion-card button:disabled{cursor:not-allowed;opacity:.52}.shikaku-completion-card{width:min(100%,43rem);border:2px solid var(--color-primary);border-radius:1rem;background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface));padding:1rem;text-align:center}.shikaku-completion-card h3{margin-top:0}.shikaku-completion-card>div{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.shikaku-config-alert{margin-top:1rem;border:1px solid var(--color-error);border-radius:.75rem;padding:.75rem;color:var(--color-error)}.shikaku-config-alert ul{list-style:disc;padding-left:1.25rem}.shikaku-page-role-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:.5rem}.shikaku-page-role-switch button{min-height:44px;border:1px solid var(--color-outline);border-radius:.75rem;background:var(--color-surface);padding:.6rem;color:var(--color-on-surface);font-weight:800}.shikaku-page-role-switch button[aria-pressed=true]{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 9%,var(--color-surface));color:var(--color-primary)}.shikaku-page-role-switch button:disabled{cursor:not-allowed;opacity:.5}.shikaku-page-role-status{min-height:1.25rem;margin:0 0 .75rem;color:var(--color-on-surface-variant);font-size:.85rem;font-weight:700}.shikaku-page label{display:grid;gap:.35rem;margin-top:.75rem;font-weight:700}.shikaku-page select{min-height:44px;border:1px solid var(--color-outline);border-radius:.6rem;background:var(--color-surface);padding:.5rem}.shikaku-overview-shell{min-width:0;overflow:clip;border-radius:var(--radius-xl);background:var(--color-canvas)}.shikaku-overview-intro{border-bottom:1px solid color-mix(in srgb,var(--ui-pillar-border) 60%,transparent);background:radial-gradient(circle at 14% 22%,color-mix(in srgb,var(--color-error-50) 58%,transparent),transparent 34%),radial-gradient(circle at 86% 30%,color-mix(in srgb,var(--ui-pillar-soft) 70%,transparent),transparent 38%),color-mix(in srgb,var(--color-canvas) 72%,var(--color-surface))}.shikaku-overview-layout{width:min(100%,var(--container-2xl));margin-inline:auto;padding-top:var(--space-4)}.shikaku-overview-preview{display:grid;gap:var(--space-4);margin:0;justify-items:center;padding:clamp(var(--space-4),3vw,var(--space-7))}.shikaku-overview-preview__board{position:relative;width:min(100%,26rem);aspect-ratio:1;margin-inline:auto;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 .8rem 1.8rem color-mix(in srgb,var(--color-on-surface) 10%,transparent)}.shikaku-overview-preview__cells{display:grid;width:100%;height:100%;grid-template-columns:repeat(var(--overview-size),minmax(0,1fr));border:3px solid var(--color-on-surface)}.shikaku-overview-preview__cells span{display:grid;place-items:center;border:1px solid var(--color-outline);font-size:clamp(1rem,5vw,1.55rem);font-weight:900}.shikaku-overview-preview__rectangle{position:absolute;box-sizing:border-box;border:4px dashed var(--ui-pillar);background:color-mix(in srgb,var(--color-warning-50) 64%,transparent);pointer-events:none}.shikaku-overview-preview__rectangle--featured{z-index:1;border-color:var(--ui-pillar-dark);background:color-mix(in srgb,var(--ui-pillar) 16%,transparent)}.shikaku-overview-preview figcaption{display:grid;gap:var(--space-1);text-align:center}.shikaku-overview-preview figcaption span{color:var(--color-on-surface-variant);font-size:var(--text-sm);font-weight:750}.shikaku-mini-board{position:relative;width:min(100%,12rem);overflow:hidden;aspect-ratio:var(--shikaku-mini-columns) / var(--shikaku-mini-rows);border:2px solid var(--ui-pillar-dark);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-xs)}.shikaku-mini-board[data-density=difficulty]{width:min(100%,13rem)}.shikaku-mini-board__cells{display:grid;width:100%;height:100%;grid-template-columns:repeat(var(--shikaku-mini-columns),minmax(0,1fr));grid-template-rows:repeat(var(--shikaku-mini-rows),minmax(0,1fr))}.shikaku-mini-board__cells span{display:grid;min-width:0;min-height:0;place-items:center;border-right:1px solid color-mix(in srgb,var(--ui-pillar-dark) 24%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ui-pillar-dark) 24%,transparent);background:var(--color-surface);color:var(--color-on-surface);font-size:clamp(.68rem,2.4vw,1.05rem);font-variant-numeric:tabular-nums;font-weight:900}.shikaku-mini-board__cells span.is-focus{background:color-mix(in srgb,var(--color-warning-50) 82%,var(--color-surface));color:var(--ui-pillar-dark);box-shadow:inset 0 0 0 2px var(--color-warning)}.shikaku-mini-board__rectangle{position:absolute;box-sizing:border-box;border:3px solid var(--ui-pillar);background:color-mix(in srgb,var(--ui-pillar-soft) 48%,transparent);pointer-events:none}.shikaku-mini-board[data-presentation=candidate] .shikaku-mini-board__rectangle{border-style:dashed;background:color-mix(in srgb,var(--color-warning-50) 48%,transparent)}.shikaku-mini-board[data-presentation=partial] .shikaku-mini-board__rectangle:nth-of-type(4n+1),.shikaku-mini-board[data-presentation=partition] .shikaku-mini-board__rectangle:nth-of-type(4n+1){background:color-mix(in srgb,var(--color-success-50) 65%,transparent)}.shikaku-mini-board[data-presentation=partial] .shikaku-mini-board__rectangle:nth-of-type(4n+2),.shikaku-mini-board[data-presentation=partition] .shikaku-mini-board__rectangle:nth-of-type(4n+2){background:color-mix(in srgb,var(--color-warning-50) 65%,transparent)}.shikaku-mini-board[data-presentation=partial] .shikaku-mini-board__rectangle:nth-of-type(4n+3),.shikaku-mini-board[data-presentation=partition] .shikaku-mini-board__rectangle:nth-of-type(4n+3){background:color-mix(in srgb,var(--pillar-company-soft) 65%,transparent)}.shikaku-mini-board[data-presentation=partial] .shikaku-mini-board__rectangle:nth-of-type(4n+4),.shikaku-mini-board[data-presentation=partition] .shikaku-mini-board__rectangle:nth-of-type(4n+4){background:color-mix(in srgb,var(--color-error-50) 62%,transparent)}.shikaku-mini-board__rectangle.is-focus{z-index:1;border-color:var(--ui-pillar-dark)}.shikaku-print-sheets{position:relative;display:grid;width:min(100%,27rem);min-height:19rem;place-items:center}.shikaku-print-sheet{position:absolute;width:clamp(10rem,46%,13rem);margin:0;filter:drop-shadow(0 .8rem 1rem color-mix(in srgb,var(--color-on-surface) 14%,transparent))}.shikaku-print-sheet:first-child{z-index:1;transform:translate(-38%) rotate(-6deg)}.shikaku-print-sheet:last-child{transform:translate(38%) rotate(6deg)}.shikaku-print-sheet__page{overflow:hidden;border:1px solid var(--color-hairline);border-radius:var(--radius-sm);background:#fff}.shikaku-print-sheet__page>svg{display:block;width:100%;height:auto}.shikaku-print-sheet figcaption{width:fit-content;margin:var(--space-2) auto 0;border-radius:var(--radius-pill);background:var(--color-surface);padding:var(--space-1) var(--space-3);color:var(--ui-pillar-dark);font-size:var(--text-xs);font-weight:850;box-shadow:var(--shadow-xs)}html[data-puzzle-experience-mode=play] .shikaku-workspace{max-width:none;padding:0}.shikaku-online-workspace{min-width:0;max-width:100%}.shikaku-task-progress{font-variant-numeric:tabular-nums;font-weight:800}.shikaku-guidance-banner{display:flex;align-items:center;gap:var(--space-3);font-weight:750}.shikaku-guidance-banner:before{color:var(--color-primary);content:"smart_toy";font-family:Material Symbols Outlined;font-size:var(--text-2xl);font-weight:400}.shikaku-play{width:100%}.shikaku-board-shell,.shikaku-current-selection{width:min(100%,42rem)}.shikaku-preview-status{width:min(100%,42rem);margin:0}.shikaku-rectangle-actions,.shikaku-utility-actions{display:flex;width:100%;min-width:0;flex-wrap:wrap;gap:var(--space-2);align-items:center}.shikaku-rectangle-actions p{flex:1 1 20rem;margin:0;color:var(--color-on-surface-variant);line-height:var(--leading-relaxed)}.shikaku-rectangle-actions button,.shikaku-utility-actions button{min-width:44px;min-height:44px;border:1px solid var(--color-outline);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-on-surface);padding:var(--space-2) var(--space-4);font-weight:800}.shikaku-rectangle-actions button:not(:disabled),.shikaku-utility-actions button:first-child:not(:disabled){border-color:var(--ui-pillar);color:var(--ui-pillar-dark)}.shikaku-rectangle-actions button:disabled,.shikaku-utility-actions button:disabled{cursor:not-allowed;opacity:.52}.shikaku-side-rail{display:grid;gap:var(--space-4)}.shikaku-side-rail .shikaku-board-status{position:relative;width:100%;min-height:14rem;grid-template-columns:1fr;overflow:hidden;border:1px solid var(--ui-pillar-border);border-radius:var(--radius-xl);background:var(--color-surface);padding:var(--space-4) 42% var(--space-4) var(--space-4);box-shadow:var(--shadow-sm)}.shikaku-progress-companion{position:absolute;right:-2.4rem;bottom:-.5rem;width:58%;height:10rem;object-fit:cover;object-position:74% 50%;mix-blend-mode:multiply;pointer-events:none}.shikaku-side-rail .shikaku-rule-coach,.shikaku-side-rail [data-guidance-panel]{width:100%}.shikaku-rules-card{border:1px solid var(--ui-pillar-border);border-radius:var(--radius-lg);background:var(--ui-pillar-soft);padding:var(--space-4);box-shadow:var(--shadow-sm)}.shikaku-rules-card h2{margin:0 0 var(--space-2);font-size:var(--text-lg)}.shikaku-rules-card ul{display:grid;gap:var(--space-2);margin:0;padding-inline-start:var(--space-5)}.shikaku-play-settings{display:grid;gap:var(--space-4);border:1px solid var(--ui-pillar-border);border-radius:var(--radius-xl);background:var(--color-surface);padding:var(--space-4);box-shadow:var(--shadow-sm)}.shikaku-settings-sheet{border:1px solid var(--ui-pillar-border);border-radius:var(--radius-lg);background:var(--color-surface)}.shikaku-settings-sheet>summary{display:flex;min-height:44px;cursor:pointer;align-items:center;padding:var(--space-3) var(--space-4);color:var(--ui-pillar-dark);font-weight:850}.shikaku-settings-sheet>:not(summary){margin-inline:var(--space-4)}.shikaku-settings-sheet>:last-child{margin-bottom:var(--space-4)}.shikaku-mobile-progress{display:grid;gap:var(--space-1);margin-block:var(--space-3)}.shikaku-mobile-progress span{color:var(--color-on-surface-variant)}.shikaku-mobile-secondary-actions{display:flex;gap:var(--space-2);margin-block:var(--space-4)}.shikaku-mobile-secondary-actions button{min-height:44px;flex:1 1 0;border:1px solid var(--color-outline);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-on-surface);padding:var(--space-2) var(--space-3);font-weight:800}@media(max-width:47.999rem){.shikaku-overview-shell .puzzle-experience-overview-hero__actions{display:grid;grid-template-columns:1fr}.shikaku-overview-shell .puzzle-experience-action{width:100%}.shikaku-overview-preview{padding-inline:var(--space-3)}.shikaku-overview-preview__board{width:min(100%,22rem)}.shikaku-print-sheets{min-height:17rem}}@media(max-width:390px){.shikaku-workspace{padding-inline:.75rem}.shikaku-board-status{grid-template-columns:repeat(2,minmax(0,1fr))}.shikaku-board button{min-width:44px;min-height:44px}html[data-puzzle-experience-mode=play] .shikaku-workspace{padding-inline:0}.shikaku-board button{font-size:clamp(.95rem,5vw,1.35rem)}.shikaku-rectangle-actions p{flex-basis:100%;font-size:var(--text-sm)}.shikaku-utility-actions{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.shikaku-mobile-utility-actions{width:100%;overflow:visible}.shikaku-mobile-utility-actions button{min-width:0;flex:1 1 0;padding-inline:var(--space-2);font-size:var(--text-sm);white-space:nowrap}}@media(prefers-reduced-motion:reduce){.shikaku-page *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(forced-colors:active){.shikaku-overview-preview__board,.shikaku-mini-board,.shikaku-mini-board__cells span,.shikaku-print-sheet__page{border-color:CanvasText;box-shadow:none}.shikaku-overview-preview__rectangle,.shikaku-mini-board__rectangle,.shikaku-mini-board__cells span.is-focus{outline:3px solid Highlight;outline-offset:-3px}}@media(min-width:64rem){.shikaku-play{width:100%;height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr);gap:var(--space-2);place-items:center}.shikaku-board-shell{width:min(42rem,calc(100cqw - 1rem),calc(100cqh - 4rem));max-width:100%;max-height:100%}}