.shikaku-page{padding-top:1.25rem}.shikaku-page h1{font-size:clamp(2rem,5vw,3.5rem)}.shikaku-page>div.mb-8{margin-bottom:1.5rem}.shikaku-page>div.mb-8 p.mt-4{font-size:1rem;line-height:1.6;margin-top:.75rem}
#shikaku-game{scroll-margin-top:6rem}.shikaku-panel{padding:clamp(1rem,3vw,2rem);border:2px solid #183333;border-radius:24px;background:#fffdf7;box-shadow:6px 7px 0 #183333}
.shikaku-top,.shikaku-heading,.shikaku-levels,.shikaku-actions,.shikaku-stats{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.shikaku-top{justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.shikaku-heading{justify-content:space-between;margin-bottom:1rem}.shikaku-heading h2{font-size:clamp(1.3rem,3vw,1.8rem);font-weight:900;line-height:1.2}.shikaku-size{font-size:1rem;font-weight:900;background:#f4bd4f;padding:.45rem .75rem;border-radius:8px}
.shikaku-levels button,.shikaku-actions button{min-height:44px;padding:.55rem .9rem;border:1.5px solid #183333;border-radius:9px;font-size:.9rem;font-weight:800;color:#183333;background:#fffdf7;line-height:1.4}.shikaku-levels button[aria-pressed=true]{background:#183333;color:#fffdf7}.shikaku-panel button:disabled{opacity:.45;cursor:default}.shikaku-panel button:focus-visible{outline:3px solid #b63e24;outline-offset:3px}.shikaku-help{font-size:1rem;line-height:1.6;margin:.8rem 0 1rem;color:#36514f;max-width:46rem}
.shikaku-workspace{display:grid;gap:1.25rem;align-items:start}.shikaku-board-wrap{min-width:0;max-width:560px;width:100%}.shikaku-board{display:grid;grid-template-columns:repeat(var(--shikaku-size),minmax(0,1fr));border:2px solid #183333;background:#fffdf7;touch-action:none;user-select:none;-webkit-user-select:none;isolation:isolate}
.shikaku-cell{position:relative;aspect-ratio:1;min-width:0;min-height:0;padding:0;display:grid;place-items:center;border:1px solid #c4ceca;border-radius:0!important;background:#fffdf7;color:#183333;font-size:clamp(1rem,3.8vw,1.6rem);font-weight:900;line-height:1;cursor:crosshair;-webkit-tap-highlight-color:transparent}
.shikaku-cell.is-placed{background:var(--region-color,#a9d8cf)}.shikaku-cell.edge-top{border-top:3px solid #183333}.shikaku-cell.edge-bottom{border-bottom:3px solid #183333}.shikaku-cell.edge-left{border-left:3px solid #183333}.shikaku-cell.edge-right{border-right:3px solid #183333}.shikaku-cell.is-preview{background:#ffe49c;box-shadow:inset 0 0 0 2px #9c6500}.shikaku-cell.is-anchor::after{content:'';position:absolute;inset:4px;border:2px dashed #183333;pointer-events:none}.shikaku-cell.is-selected{box-shadow:inset 0 0 0 2px #486b69}.shikaku-cell.is-wrong{background:#ffe2db}.shikaku-cell .shikaku-mark{position:absolute;right:2px;bottom:2px;font-size:.75rem;font-weight:900;color:#922e1b}.shikaku-cell.is-checked .shikaku-mark,.shikaku-cell.is-hint .shikaku-mark{color:#174c40}.shikaku-cell:focus-visible{z-index:2;outline-offset:-4px!important}.shikaku-preview{min-height:1.7rem;font-size:.9rem;font-weight:800;margin-top:.5rem;color:#4f6362}
.shikaku-tools{min-width:0}.shikaku-actions{margin-bottom:.8rem}.shikaku-actions button[data-action=hint]{background:#f4bd4f}.shikaku-actions button[data-action=share]{background:#183333;color:white}.shikaku-status{font-size:1rem;line-height:1.6;padding:1rem;background:#efe9dc;border-radius:12px;min-height:5rem;margin:.8rem 0;overflow-wrap:anywhere}.shikaku-status.is-error{background:#ffe2db;color:#812c1e}.shikaku-status.is-won{background:#a9d8cf;color:#183333}.shikaku-stats{font-size:.875rem;line-height:1.6;gap:.35rem 1rem;font-weight:700}.shikaku-keyboard{font-size:.875rem;line-height:1.6;margin-top:1rem;color:#4f6362}.shikaku-panel .game-completion-actions{margin-top:1rem}
@media(min-width:900px){.shikaku-workspace{grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:2rem}.shikaku-tools{position:sticky;top:6rem}}
@media(max-width:420px){.shikaku-page{padding-left:.75rem;padding-right:.75rem}.shikaku-panel{padding:.75rem;box-shadow:3px 4px 0 #183333}.shikaku-levels{gap:.35rem}.shikaku-levels button{flex:1;padding:.5rem .3rem;font-size:.875rem}.shikaku-cell.edge-top{border-top-width:2px}.shikaku-cell.edge-bottom{border-bottom-width:2px}.shikaku-cell.edge-left{border-left-width:2px}.shikaku-cell.edge-right{border-right-width:2px}.shikaku-cell .shikaku-mark{font-size:.7rem;right:1px;bottom:1px}}