:root,html[data-theme=day]{color-scheme:light;--ink: #2a241f;--ink-soft: #6d645c;--paper: #f3eee6;--paper-2: #fffaf3;--line: #e4dcd0;--danger: #c4473a;--conflict-ink: #2a241f;--conflict-pulse-mid: #ffffff;--shadow: 0 10px 30px rgba(64, 48, 32, .08);--piece: #2a241f;--given-dot: rgba(42, 36, 31, .28);--page-glow: #fff8ee;--fab-active: #2a241f;--fab-active-text: #fff;--radius: 18px;--cell-radius: 3px;--cell: 52px;--gap: 5px;--n: 8}html[data-theme=night]{color-scheme:dark;--ink: #eceae4;--ink-soft: #a8a6a0;--paper: #000000;--paper-2: #141414;--line: rgba(255, 255, 255, .16);--danger: #e07068;--conflict-ink: #2a241f;--conflict-pulse-mid: #ffffff;--shadow: 0 10px 28px rgba(0, 0, 0, .45);--piece: #eceae4;--given-dot: rgba(255, 255, 255, .22);--page-glow: #000000;--fab-active: #eceae4;--fab-active-text: #000000}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(1200px 500px at 50% -10%,var(--page-glow),transparent 60%),var(--paper);color:var(--ink);font-family:Nunito,Trebuchet MS,sans-serif}#app{min-height:100svh;min-height:-webkit-fill-available}.shell{width:min(460px,100%);min-height:100svh;min-height:-webkit-fill-available;max-height:100svh;max-height:-webkit-fill-available;margin:0 auto;padding:18px 16px 0;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(1200px 500px at 50% -10%,var(--page-glow),transparent 60%),var(--paper)}.play-area{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:16px 0 0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:transparent}.bottom-bar{flex-shrink:0;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding-top:16px;padding-bottom:max(12px,env(safe-area-inset-bottom,0px));background:transparent}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.top-brand{display:flex;align-items:center;gap:8px;min-width:0}.top-title{flex:1;text-align:center}.top-spacer{width:40px;flex-shrink:0}.menu-btn{appearance:none;border:1px solid var(--line);background:var(--paper-2);color:var(--ink);width:40px;height:40px;border-radius:10px;font:inherit;font-size:1.05rem;font-weight:800;line-height:1;cursor:pointer;flex-shrink:0;display:grid;place-items:center}.menu-btn:active{transform:scale(.97)}.app-menu{position:fixed;inset:0;z-index:40;pointer-events:none}.app-menu.open{pointer-events:auto}.app-menu-backdrop{position:absolute;inset:0;background:#2a241f47;opacity:0;transition:opacity .18s ease}html[data-theme=night] .app-menu-backdrop{background:#0000008c}.app-menu.open .app-menu-backdrop{opacity:1}.app-menu-panel{position:absolute;top:0;left:0;width:min(260px,82vw);height:100%;background:var(--paper-2);border-right:1px solid var(--line);padding:max(18px,env(safe-area-inset-top,0px)) 14px 18px;transform:translate(-100%);transition:transform .18s ease;box-shadow:var(--shadow)}.app-menu.open .app-menu-panel{transform:translate(0)}.app-menu-item{appearance:none;width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;font-size:.95rem;font-weight:800;border-radius:10px;padding:12px 14px;text-align:left;cursor:pointer}.history-page{padding:4px 0 12px}.history-empty{margin:24px 0 0;text-align:center;color:var(--ink-soft);font-size:.92rem;font-weight:700}.history-section+.history-section{margin-top:22px}.history-section-title{margin:0 0 10px;font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.history-card{appearance:none;border:1px solid var(--line);background:var(--paper-2);border-radius:12px;padding:8px 8px 10px;cursor:pointer;text-align:center;color:inherit;font:inherit}.history-card.locked{opacity:.72}.history-card:active{transform:scale(.98)}.history-board{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;width:100%;aspect-ratio:1;margin:6px auto 0}.history-cell{display:grid;place-items:center;border-radius:1px;min-width:0;min-height:0}.history-piece{font-size:.42rem;font-weight:800;line-height:1}.history-card-meta{display:flex;flex-direction:column;gap:2px;margin-top:8px}.history-card-id{font-size:.78rem;font-weight:800;color:var(--ink);letter-spacing:.04em;display:block}.history-card-time{font-size:.72rem;font-weight:700;color:var(--ink-soft);font-variant-numeric:tabular-nums}.history-card-ago{font-size:.66rem;font-weight:600;color:var(--ink-muted, var(--ink-soft));opacity:.85}.bottom-tools{display:flex;align-items:center;gap:8px;flex-shrink:0}.lang-switch{display:flex;gap:4px}.lang-btn{appearance:none;border:1px solid var(--line);background:transparent;color:var(--ink-soft);border-radius:6px;width:32px;height:40px;font:inherit;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;padding:0}.lang-btn.is-on{background:var(--paper-2);color:var(--ink);border-color:var(--ink-soft)}h1{margin:0;font-size:1.65rem;font-weight:800;letter-spacing:-.03em;text-align:left}.level-picker{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;color:var(--ink-soft);flex-shrink:0}.level-label{white-space:nowrap}.level-menu-wrap{position:relative}.level-trigger{appearance:none;border:1px solid var(--line);background:var(--paper-2);color:var(--ink);font:inherit;font-weight:800;font-size:.82rem;padding:5px 28px 5px 10px;border-radius:6px;cursor:pointer;min-width:5.8em;text-align:left;position:relative;box-shadow:0 1px #4030200a}.level-trigger:after{content:"";position:absolute;right:10px;top:50%;width:10px;height:6px;transform:translateY(-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%236d645c' d='M1 1l4 4 4-4'/%3E%3C/svg%3E") no-repeat center / contain;transition:transform .15s ease}.level-menu-wrap.open .level-trigger:after{transform:translateY(-50%) rotate(180deg)}.level-trigger:focus-visible{outline:2px solid var(--ink-soft);outline-offset:2px}.level-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:100%;display:none;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--paper-2);box-shadow:var(--shadow);z-index:40}.level-menu-wrap.open .level-menu{display:grid;gap:2px;animation:menu-in .12s ease}.level-option{appearance:none;border:0;background:transparent;color:var(--ink);font:inherit;font-weight:700;font-size:.82rem;padding:8px 10px;border-radius:5px;cursor:pointer;text-align:left;white-space:nowrap}.level-option:hover,.level-option:focus-visible{background:var(--paper)}.level-option.active{background:var(--fab-active);color:var(--fab-active-text);font-weight:800}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.fab{appearance:none;border:1px solid var(--line);background:var(--paper-2);color:var(--ink-soft);font:inherit;font-weight:800;cursor:pointer;box-shadow:var(--shadow);flex-shrink:0}.fab.help-btn,.fab.theme-btn{width:40px;height:40px;border-radius:50%;font-size:1rem;line-height:1;padding:0}.fab.theme-btn{font-size:.95rem}.meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px;padding:0 2px;font-size:.78rem;font-weight:700;color:var(--ink-soft);font-variant-numeric:tabular-nums;flex-shrink:0}.meta-schema strong{color:var(--ink);letter-spacing:.04em;font-weight:800}.meta-counts{letter-spacing:-.01em}.meta-sep{padding:0 .15em;color:var(--ink-soft)}.meta-time{white-space:nowrap;text-align:right}.meta-time-value{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:800}.meta-time-block{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.pause-btn{appearance:none;border:1px solid var(--line);background:var(--paper-2);color:var(--ink-soft);font:inherit;font-size:.68rem;font-weight:800;line-height:1;border-radius:999px;padding:5px 8px;cursor:pointer;white-space:nowrap}.pause-btn:active{transform:scale(.97)}.board-wrap{position:relative;-webkit-user-select:none;user-select:none}.board-wrap.paused .board{pointer-events:none}.pause-overlay{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;padding:16px;background:#f3eee6d1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--cell-radius);z-index:2;pointer-events:auto}html[data-theme=night] .pause-overlay{background:#000000b8}.pause-overlay-title{margin:0;font-size:1.05rem;font-weight:800;color:var(--ink)}.pause-overlay-hint{margin:0 0 6px;font-size:.82rem;font-weight:700;color:var(--ink-soft)}.pause-resume-btn{min-width:120px}.rules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px 0 0}.rule{min-width:0;padding:4px 2px 6px;text-align:center}.rule p{margin:6px 0 0;font-size:.6rem;line-height:1.3;font-weight:400;color:var(--ink-soft);text-wrap:pretty}.mini{display:grid;grid-template-columns:repeat(4,10px);gap:1px;width:43px;margin:0 auto}.mini span{width:10px;height:10px;border-radius:2px;display:grid;place-items:center;font-size:.5rem;font-weight:800;letter-spacing:-.06em}.modal-overlay[data-modal=help] .modal{display:flex;flex-direction:column;width:min(100%,460px);max-height:calc(100dvh - 40px);overflow:hidden;padding:22px 20px 16px;background:var(--paper)}.modal-overlay[data-modal=help] .rules{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;--mini-cell: 28px;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;padding:0}.modal-overlay[data-modal=help] .help-modal-actions{flex-shrink:0;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.modal-overlay[data-modal=help] .help-tip{flex-shrink:0;margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:.88rem;line-height:1.45;font-weight:700;color:var(--ink-soft)}.modal-overlay[data-modal=help] .modal-title{font-size:1.3rem;margin-bottom:18px;color:var(--ink)}.modal-overlay[data-modal=help] .rule{padding:8px 6px 10px;min-width:0}.modal-overlay[data-modal=help] .rule p{margin:14px 0 0;font-size:.95rem;line-height:1.4;font-weight:700;color:var(--ink-soft)}.modal-overlay[data-modal=help] .mini{grid-template-columns:repeat(4,var(--mini-cell));gap:3px;width:calc(var(--mini-cell) * 4 + 9px)}.modal-overlay[data-modal=help] .mini span{width:var(--mini-cell);height:var(--mini-cell);border-radius:var(--cell-radius);font-size:.85rem}.modal-overlay[data-modal=help] .mini-cell.empty{box-shadow:inset 0 0 0 1px var(--line)}.modal-overlay[data-modal=help] .mini-cell.mark{font-size:1.2rem;line-height:1;font-weight:800}.modal-overlay[data-modal=help] .mini-cell.piece{font-size:1rem;font-weight:800}.modal-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#2a241f6b;animation:fade-in .18s ease}.modal{width:min(100%,380px);background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:18px 16px 16px;box-shadow:var(--shadow);animation:pop .22s ease}.modal-title{margin:0 0 12px;font-size:1.1rem;font-weight:800;text-align:center;color:var(--ink)}.modal-text{margin:0;text-align:center;font-weight:700;color:var(--ink-soft);line-height:1.45}.modal-actions{display:flex;gap:10px;margin-top:18px}.modal-btn{flex:1;appearance:none;border:1px solid var(--line);background:var(--paper-2);color:var(--ink);font:inherit;font-weight:800;border-radius:12px;padding:11px 12px;cursor:pointer}.modal-btn.primary{background:var(--fab-active);border-color:var(--fab-active);color:var(--fab-active-text)}.modal-overlay[data-modal=win] .modal{background:#e7f6e4;border-color:#b5dbad}.modal-overlay[data-modal=win] .modal-title{color:#215c28}html[data-theme=night] .modal-overlay[data-modal=win] .modal{background:#141414;border-color:#ffffff29}html[data-theme=night] .modal-overlay[data-modal=win] .modal-title{color:#b8dfc4}.board{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:var(--gap)}.cell{position:relative;border:0;padding:0;aspect-ratio:1;border-radius:var(--cell-radius);cursor:pointer;display:grid;place-items:center;container-type:size;touch-action:manipulation;transition:transform .08s ease}.cell:active{transform:scale(.96)}.cell.conflict .piece{animation:conflict-pulse 1.4s ease-in-out infinite}@keyframes conflict-pulse{0%,to{color:var(--conflict-ink)}50%{color:var(--conflict-pulse-mid)}}.board-wrap.locked{pointer-events:none}.board-wrap.locked .cell{cursor:default}.board-wrap.locked .cell:active{transform:none}.toolbar.locked .tool,.toolbar.locked .tool.active{opacity:1;background:var(--paper-2);border-color:var(--line);color:var(--ink-soft);transform:none;box-shadow:none;cursor:default}.tool:disabled{opacity:1;pointer-events:none;cursor:default}.cell.given{cursor:default}.cell.given:after{content:"";position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--given-dot);z-index:2}.cell.blocked-hint:before{content:"";position:absolute;inset:0;border-radius:var(--cell-radius);background:#0000004d;pointer-events:none;z-index:1}.piece{display:grid;place-items:center;font-weight:800;line-height:1;letter-spacing:-.06em;z-index:1;font-size:52cqmin}.toolbar{display:flex;justify-content:center;gap:10px;margin:16px 0 0;padding-bottom:4px;flex-shrink:0}.tool{width:64px;height:64px;border-radius:50%;border:2px solid var(--line);background:var(--paper-2);color:var(--ink);font:inherit;font-weight:800;font-size:1.55rem;letter-spacing:-.05em;cursor:pointer;display:grid;place-items:center;box-shadow:0 2px 8px #40302012;position:relative;padding:0}.tool.active{background:var(--fab-active);border-color:var(--fab-active);color:var(--fab-active-text);transform:translateY(-2px)}.new-btn{width:auto;max-width:100%;height:40px;flex:1 1 auto;min-width:0;appearance:none;border:1px solid var(--line);background:var(--paper-2);color:var(--ink);font:inherit;font-weight:800;font-size:.82rem;border-radius:8px;padding:0 16px;cursor:pointer;box-shadow:0 1px #4030200a;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.busy,.error{margin:0;text-align:center;font-weight:800;color:var(--ink-soft)}.error{color:var(--danger)}@keyframes pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(display-mode:standalone){#app,.shell{min-height:100dvh;max-height:none;overflow:visible;padding-bottom:max(12px,env(safe-area-inset-bottom,0px))}.play-area{flex:1;justify-content:center;overflow-y:visible;padding:28px 0 12px}.bottom-bar{padding-top:12px}}@media(max-width:430px){h1{font-size:1.5rem}.level-picker,.level-trigger,.level-option{font-size:.76rem}.level-trigger{padding:4px 26px 4px 8px}.play-area{padding:8px 0}.meta-row{margin-bottom:12px}.toolbar{margin-top:12px}.modal-overlay[data-modal=help] .modal{padding:18px 16px 16px}.modal-overlay[data-modal=help] .rules{--mini-cell: 26px;grid-template-columns:1fr;gap:18px}.modal-overlay[data-modal=help] .rule p{font-size:.88rem}.modal-overlay[data-modal=help] .mini-cell.mark{font-size:1.05rem}.modal-overlay[data-modal=help] .mini-cell.piece{font-size:.92rem}.tool{width:58px;height:58px}.meta-row{font-size:.72rem}}