[data-game=futoshiki]{--brand: #287154;--brand-strong: #1c6043;--brand-deep: #184c38;--brand-soft: #e5eee6;--brand-text: #1c6043}:root[data-theme=dark] [data-game=futoshiki]{--brand-strong: #a5dfbc;--brand-soft: #283c30;--brand-text: #b8ebca}@media (prefers-color-scheme: dark){:root[data-theme=auto] [data-game=futoshiki]{--brand-strong: #a5dfbc;--brand-soft: #283c30;--brand-text: #b8ebca}}[data-game=futoshiki] .title{color:var(--brand-text)}[data-game=futoshiki] .btn.primary{background:var(--brand);color:#fff}[data-game=futoshiki] .btn.primary:hover{background:var(--brand-deep)}.futo-wrap{width:min(100%,390px)}.futo-play .play-area #game{min-height:0}.futo-skeleton,.futo-example{width:min(100%,390px);aspect-ratio:1}.futo-example{margin:10px auto}.futo-play .gamebar .meta{min-height:1.6em}.futo-skeleton svg,.futo-example svg{display:block;width:100%;height:auto}.futo-info{margin-top:20px}.futo-board{display:grid;width:100%;gap:0;aspect-ratio:1;contain:layout paint}.futo-cell{aspect-ratio:1;min-width:0;min-height:0;padding:0;border:1px solid var(--line-strong);border-radius:5px;background:var(--cell);color:var(--fg);font-family:inherit;font-size:clamp(19px,5vw,30px);font-weight:600;touch-action:manipulation;contain:size layout paint}.futo-cell.given{background:var(--brand-soft);font-weight:800}.futo-cell.selected{box-shadow:inset 0 0 0 3px var(--brand-strong)}.futo-cell:focus-visible{outline:2px solid var(--fg);outline-offset:-4px}.futo-cell.hinted{color:var(--brand-text, var(--brand-strong))}.futo-cell.bad{box-shadow:inset 0 0 0 3px #b32d3d}.futo-sign{display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;font-weight:700;color:var(--fg)}.futo-sign.vertical{writing-mode:vertical-rl}.futo-notes{display:block;font-size:12px;line-height:1.2;padding:2px;color:var(--muted)}.futo-keypad,.futo-tools{display:flex;width:min(100%,390px);gap:6px;margin:8px auto}.futo-keypad .btn,.futo-tools .btn{flex:1;min-width:0;min-height:44px;padding:6px}.futo-progress,.futo-help,.futo-reason{max-width:390px;margin:8px auto}.futo-help{line-height:1.4;font-size:14px}.futo-reason{padding:12px;background:var(--brand-soft);border-left:3px solid var(--brand-strong);font-size:15px;line-height:1.5}.futo-reason h2{margin:0 0 6px;font-size:17px}.futo-reason p{margin:0 0 8px}.futo-reason li{margin:8px 0}:root[data-theme=dark] .futo-cell.bad{box-shadow:inset 0 0 0 3px #ffafb7}@media (prefers-color-scheme: dark){:root[data-theme=auto] .futo-cell.bad{box-shadow:inset 0 0 0 3px #ffafb7}}@media (max-width: 600px) and (orientation: portrait){.futo-wrap,.futo-skeleton{width:min(100%,390px,max(280px,calc(100svh - var(--above, 150px) - var(--bar, calc(70px + env(safe-area-inset-bottom, 0px)) ) - 112px)))}}@media (max-width: 360px) and (orientation: portrait){.futo-play .futo-wrap,.futo-play .futo-skeleton{width:min(100%,390px,calc(100svh - 340px))}}@media (orientation: landscape) and (max-height: 500px){.futo-wrap,.futo-skeleton{width:min(100%,390px,calc(100svh - 72px))}}