.ak356-page{max-width:1160px}.ak356-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:18px 0 12px}.ak356-head h1{margin:.15rem 0 .25rem;font-size:clamp(2rem,5vw,3.25rem);line-height:1}.ak356-head h1 small{display:block;margin-top:.45rem;font-size:.34em;font-weight:700;color:var(--muted)}.ak356-head p{max-width:760px;margin:0;color:var(--muted)}.ak356-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ak356-save,.ak356-iconbtn{border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--text);padding:8px 11px;font-size:.78rem;font-weight:800}.ak356-iconbtn{cursor:pointer}.ak356-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.ak356-tabs button{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:9px 15px;border-radius:999px;font-weight:850;cursor:pointer}.ak356-tabs button.active{background:var(--text);color:var(--bg)}.ak356-shell{padding:14px}.ak356-quick{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-bottom:10px;padding:9px;border:1px solid var(--border);border-radius:14px;background:var(--panel-2,#f5f5f5)}.ak356-quick label{display:grid;gap:3px;font-size:.75rem;color:var(--muted)}.ak356-quick select{min-width:112px;padding:8px;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--text)}.ak356-hud{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px}.ak356-hud>div{background:var(--panel-2,#f5f5f5);border:1px solid var(--border);border-radius:14px;padding:9px 11px}.ak356-hud small{display:block;color:var(--muted);font-size:.7rem}.ak356-hud strong{font-size:1.04rem}.ak356-game{display:grid;grid-template-columns:minmax(0,1fr) 188px;gap:18px;align-items:start}.ak356-boardwrap{min-width:0}.ak356-topline{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:9px}.ak356-topline strong{font-size:1.05rem}.ak356-topline small{color:var(--muted)}.ak356-mini{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.ak356-mini span{border:1px solid var(--border);border-radius:999px;padding:4px 8px;background:var(--panel);font-size:.72rem;font-weight:800;color:var(--muted)}.ak356-tools{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 8px}.ak356-tools button{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:8px 11px;border-radius:10px;font-weight:800;cursor:pointer}.ak356-tools button.active{outline:2px solid currentColor;background:var(--text);color:var(--bg)}.ak356-tools button:disabled{opacity:.42;cursor:not-allowed}.ak356-viewport-head{display:flex;justify-content:space-between;align-items:center;width:min(100%,700px);margin:0 auto 6px;color:var(--muted);font-size:.72rem}.ak356-zoom{display:flex;gap:4px}.ak356-zoom button{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;padding:5px 9px;font-weight:850;cursor:pointer}.ak356-viewport{width:min(100%,700px);max-height:76vh;margin:0 auto;overflow:auto;overscroll-behavior:contain;border-radius:2px;scrollbar-gutter:stable both-edges}.ak356-boardstage{position:relative;width:max-content;min-width:100%;display:flex;justify-content:center}.ak356-board{--n:7;--cell:48px;display:grid;grid-template-columns:repeat(var(--n),1fr);width:calc(var(--n)*var(--cell));aspect-ratio:1;border:2px solid var(--text);background:var(--text);gap:1px;touch-action:manipulation;user-select:none;-webkit-user-select:none;flex:none}.ak356-board.fit{width:min(100%,700px);max-width:700px}.ak356-board.fit[data-size="5"],.ak356-board.fit[data-size="6"],.ak356-board.fit[data-size="7"]{width:min(100%,480px);max-width:480px}.ak356-board.fit[data-size="8"]{width:min(100%,560px);max-width:560px}.ak356-board.fit[data-size="10"]{width:min(100%,620px);max-width:620px}.ak356-cell{position:relative;border:0;border-radius:0;background:var(--bg);color:var(--text);font-weight:900;font-size:clamp(.68rem,2.6vw,1.25rem);cursor:pointer;min-width:0;padding:0;touch-action:manipulation}.ak356-cell:hover,.ak356-cell:focus-visible{z-index:2;outline:3px solid #6677ff;outline-offset:-3px}.ak356-cell.wall{background:#202124;color:#fff;cursor:default}.ak356-cell.wall.satisfied{color:#b9f6ca}.ak356-cell.wall.conflict{box-shadow:inset 0 0 0 4px #db4d4d;color:#ffd0d0}.ak356-cell.lit{background:#fff8bf}.ak356-cell.bulb{background:#ffe36a}.ak356-cell.bulb::after{content:'💡';font-size:1.12em;filter:saturate(.95)}.ak356-cell.cross::after{content:'×';font-size:1.46em;color:#68707d}.ak356-cell.auto-cross::after{opacity:.38}.ak356-cell.conflict:not(.wall){box-shadow:inset 0 0 0 4px #db4d4d}.ak356-cell.hint-target{box-shadow:inset 0 0 0 4px #6275ff}.ak356-cell[aria-disabled="true"]{cursor:default}.ak356-pause-overlay{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:8px;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(5px);z-index:6;border:2px solid var(--text)}.ak356-pause-overlay strong{font-size:1.55rem}.ak356-pause-overlay span{color:var(--muted)}.ak356-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:min(100%,700px);margin:9px auto 0}.ak356-rules>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:7px;align-items:center;border:1px solid var(--border);border-radius:11px;padding:7px 9px;background:var(--panel)}.ak356-rules span{grid-row:1/3;font-weight:900}.ak356-rules small{color:var(--muted);font-size:.68rem}.ak356-rules strong{font-size:.83rem}.ak356-rules .ok strong{color:#22864f}.ak356-rules .bad strong{color:#c23a3a}.ak356-rules .open strong{color:var(--muted)}.ak356-status{margin:9px auto 0;min-height:1.45em;width:min(100%,700px);color:var(--muted)}.ak356-hint{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--border);border-radius:14px;padding:11px 12px;margin:10px auto 0;background:var(--panel);width:min(100%,700px)}.ak356-hint p{margin:.2rem 0 0;color:var(--muted)}.ak356-side{display:grid;gap:8px}.ak356-side .btn{width:100%;justify-content:center}.ak356-side-note{display:grid;gap:4px;border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--panel-2,#f6f6f6);font-size:.77rem;color:var(--muted)}.ak356-side-note strong{color:var(--text)}.ak356-result{display:grid;grid-template-columns:minmax(180px,1fr) minmax(320px,1.4fr);gap:14px;align-items:center;margin-top:13px;border:1px solid var(--border);border-radius:16px;padding:14px;background:var(--panel)}.ak356-result h2{margin:.2rem 0;font-size:1.45rem}.ak356-result p{margin:0;color:var(--muted)}.ak356-resultgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.ak356-resultgrid div{border:1px solid var(--border);border-radius:12px;padding:8px}.ak356-resultgrid small{display:block;color:var(--muted);font-size:.7rem}.ak356-resultgrid strong{font-size:1.05rem}.ak356-result-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.ak356-more{margin-top:14px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}.ak356-more>summary,.ak356-advanced>summary{cursor:pointer;padding:13px 15px;font-weight:850}.ak356-moregrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 14px 14px}.ak356-panel{border:1px solid var(--border);border-radius:14px;padding:12px}.ak356-panel h3{margin:.1rem 0 .7rem}.ak356-panel>label:not(.ak356-check){display:grid;gap:4px;font-size:.82rem;color:var(--muted)}.ak356-panel input,.ak356-panel select{width:100%;padding:8px;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--text)}.ak356-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:9px}.ak356-settings label{display:grid;gap:4px;font-size:.82rem;color:var(--muted)}.ak356-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.ak356-check{display:flex;align-items:flex-start;gap:8px;margin:8px 0;font-size:.87rem}.ak356-check input{width:auto;margin-top:2px}.ak356-record-panel{grid-column:1/-1}.ak356-recent{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.ak356-recent>div{border:1px solid var(--border);border-radius:10px;padding:8px}.ak356-recent small{display:block;color:var(--muted);font-size:.7rem}.ak356-recent strong{font-size:.95rem}.ak356-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.ak356-guide>div{border:1px solid var(--border);border-radius:16px;padding:14px;background:var(--panel)}.ak356-guide h2{font-size:1.05rem;margin:.15rem 0 .45rem}.ak356-guide p{margin:0;color:var(--muted)}.ak356-advanced{margin:18px 0;border:1px solid var(--border);border-radius:16px;background:var(--panel)}.ak356-advanced #ak226Lab{margin:0;border:0;border-top:1px solid var(--border);border-radius:0}.ak356-focus .topbar,.ak356-focus .preview-note,.ak356-focus .footer,.ak356-focus .ak356-guide,.ak356-focus .ak356-more,.ak356-focus .ak356-advanced{display:none!important}.ak356-focus .ak356-page{max-width:940px}.ak356-body .mobile-dock{display:none!important}
@media(max-width:840px){.ak356-head{margin-top:10px}.ak356-head h1{font-size:2rem}.ak356-head h1 small{font-size:.42em}.ak356-head p{font-size:.9rem}.ak356-head-actions{display:none}.ak356-tabs{margin:8px 0}.ak356-tabs button{padding:8px 12px}.ak356-shell{padding:10px}.ak356-hud{grid-template-columns:repeat(5,1fr);gap:5px}.ak356-hud>div{padding:7px 5px;text-align:center}.ak356-hud small{font-size:.6rem}.ak356-hud strong{font-size:.86rem}.ak356-game{display:block}.ak356-side{grid-template-columns:repeat(4,1fr);margin-top:9px}.ak356-side .btn{padding:9px 5px}.ak356-side-note{grid-column:1/-1;grid-template-columns:auto 1fr 1fr;align-items:center}.ak356-result{grid-template-columns:1fr}.ak356-resultgrid{grid-template-columns:repeat(4,1fr)}.ak356-moregrid{grid-template-columns:1fr}.ak356-record-panel{grid-column:auto}.ak356-recent{grid-template-columns:repeat(2,1fr)}.ak356-guide{grid-template-columns:1fr 1fr}.ak356-topline small{font-size:.74rem}.ak356-status{font-size:.88rem}.ak356-viewport{max-height:65vh}}
@media(max-width:520px){.ak356-page{padding-left:10px;padding-right:10px}.ak356-head h1{font-size:1.72rem}.ak356-head p{display:none}.ak356-tabs{gap:6px}.ak356-tabs button{padding:7px 10px;font-size:.85rem}.ak356-quick{padding:7px;gap:6px}.ak356-quick label{flex:1}.ak356-quick select{min-width:0;width:100%;padding:7px}.ak356-quick .btn{width:100%}.ak356-hud{grid-template-columns:repeat(5,1fr);margin-bottom:8px}.ak356-hud>div{padding:6px 3px;border-radius:10px}.ak356-hud small{font-size:.55rem}.ak356-hud strong{font-size:.76rem}.ak356-topline{margin-bottom:6px}.ak356-mini{gap:4px}.ak356-mini span{font-size:.64rem;padding:3px 6px}.ak356-tools{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:6px}.ak356-tools button{padding:7px 3px;font-size:.72rem;border-radius:8px}.ak356-tools button small{display:none}.ak356-viewport-head{margin-bottom:4px}.ak356-viewport{max-height:58vh;scrollbar-gutter:auto}.ak356-cell{font-size:clamp(.56rem,4.8vw,1.05rem)}.ak356-rules{gap:4px;margin-top:6px}.ak356-rules>div{padding:5px 6px;column-gap:4px}.ak356-rules span{font-size:.78rem}.ak356-rules small{font-size:.55rem}.ak356-rules strong{font-size:.68rem}.ak356-status{margin-top:6px;font-size:.8rem}.ak356-side{grid-template-columns:repeat(4,1fr);gap:5px}.ak356-side .btn{font-size:.76rem}.ak356-side-note{display:none}.ak356-resultgrid{grid-template-columns:repeat(2,1fr)}.ak356-result-actions .btn{flex:1 1 130px}.ak356-guide{grid-template-columns:1fr}.ak356-hint{align-items:flex-start;flex-direction:column}.ak356-more>summary,.ak356-advanced>summary{padding:11px 12px}}
@media print{body.ak356-print *{visibility:hidden!important}body.ak356-print .ak356-boardwrap,body.ak356-print .ak356-boardwrap *{visibility:visible!important}body.ak356-print .ak356-boardwrap{position:absolute;left:0;top:0;width:100%;padding:20px}body.ak356-print .ak356-tools,body.ak356-print .ak356-viewport-head,body.ak356-print .ak356-rules,body.ak356-print .ak356-status,body.ak356-print .ak356-hint{display:none!important}body.ak356-print .ak356-viewport{overflow:visible;max-height:none;width:100%}body.ak356-print .ak356-boardstage{width:100%;min-width:0}body.ak356-print .ak356-board{width:min(92vw,760px)!important;margin:auto;background:#111}body.ak356-print .ak356-cell{print-color-adjust:exact;-webkit-print-color-adjust:exact}}