:root{--color-bg: #0f0e17;--color-surface: #1a1925;--color-text: #fffffe;--color-text-muted: #a7a9be;--color-accent: #ffd700;--color-error: #e63946;--color-cell-bg: #232136;--color-cell-border: #393552;--color-cell-hover: #2e2b44;--color-sun: #ffa726;--color-moon: #7ec8e3;--color-constraint: #a7a9be;--color-locked: rgba(255, 255, 255, .08);--shadow-panel: 0 4px 24px rgba(0, 0, 0, .4)}:root.light{--color-bg: #f8f9fc;--color-surface: #ffffff;--color-text: #191a2a;--color-text-muted: #50556d;--color-cell-bg: #f3f5fd;--color-cell-border: #ccd4ee;--color-cell-hover: #e8ecfb;--color-constraint: #5d668a;--color-locked: rgba(29, 37, 78, .08);--color-sun: #e65100;--color-moon: #1565c0;--color-accent: #c49000;--color-error: #c62828;--shadow-panel: 0 4px 16px rgba(10, 15, 40, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#1d1a2c 0%,var(--color-bg) 60%);color:var(--color-text)}:root.light body{background:radial-gradient(circle at top,#eef2ff 0%,var(--color-bg) 60%)}:root.light .board-loading{background:#f8f9fcbf}#app{max-width:780px;margin:0 auto;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;gap:1rem;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom))}.header{display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;align-items:center}.title{margin:0;letter-spacing:.15em}.seed-display,.timer-display{margin:0;color:var(--color-text-muted)}.timer-display.hidden{visibility:hidden}.header-buttons{display:flex;gap:.4rem;grid-column:2;grid-row:1 / 3;align-self:center}.header-button{width:44px;height:44px;border-radius:12px;border:1px solid var(--color-cell-border);background:var(--color-cell-bg);color:var(--color-text);cursor:pointer;font-size:1.1rem;font-weight:700;display:grid;place-items:center}.main{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.board-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:3;background:#0a0c1699;border-radius:18px}.board-loading.hidden{display:none}.footer{background:var(--color-surface);border:1px solid var(--color-cell-border);border-radius:14px;padding:.75rem;box-shadow:var(--shadow-panel)}@media(max-width:480px){#app{padding-inline:.65rem}.header{grid-template-columns:1fr}}.board{--size: 6;width:min(100%,560px);display:grid;grid-template-columns:repeat(var(--size),minmax(44px,1fr));gap:0;border:2px solid var(--color-cell-border);border-radius:14px;overflow:auto;box-shadow:var(--shadow-panel);background:var(--color-surface)}.cell{position:relative;aspect-ratio:1;min-width:44px;border:1px solid var(--color-cell-border);background:var(--color-cell-bg);color:var(--color-text);cursor:pointer;display:grid;place-items:center;padding:0;touch-action:manipulation}@media(pointer:fine){.cell:hover{background:var(--color-cell-hover)}}.cell:focus-visible{outline:3px solid var(--color-accent);outline-offset:-3px;z-index:1}.cell.is-locked{background:linear-gradient(180deg,var(--color-cell-bg),var(--color-locked))}.cell.is-error{background:color-mix(in srgb,var(--color-cell-bg) 80%,var(--color-error) 20%)}.icon{width:70%;height:70%;display:inline-grid;place-items:center}.icon svg{width:100%;height:100%}.icon-sun{color:var(--color-sun)}.icon-moon{color:var(--color-moon)}.constraint{position:absolute;width:22px;height:22px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--color-cell-border);background:color-mix(in srgb,var(--color-surface) 85%,transparent);color:var(--color-constraint);font-size:14px;font-weight:700;pointer-events:none;z-index:2}.constraint-h{left:100%;top:50%;transform:translate(-50%,-50%)}.constraint-v{left:50%;top:100%;transform:translate(-50%,-50%)}.constraint.is-error{color:var(--color-error);border-color:var(--color-error);animation:pulse .85s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.08)}}.board-legend{display:flex;justify-content:center;gap:1rem;margin-top:.6rem;color:var(--color-text-muted);font-size:.85rem}.legend-item{display:flex;align-items:center;gap:.3rem}.legend-icon{font-size:1rem;line-height:1}.legend-sun{color:var(--color-sun)}.legend-moon{color:var(--color-moon)}.legend-marker{font-weight:700;color:var(--color-constraint);font-size:.95rem}.hint-toast{position:fixed;left:50%;bottom:1rem;transform:translate(-50%) translateY(20px);opacity:0;transition:transform .18s ease,opacity .18s ease;background:var(--color-surface);border:1px solid var(--color-cell-border);border-radius:999px;padding:.5rem .9rem;max-width:min(90vw,560px);text-align:center;box-shadow:var(--shadow-panel);z-index:30}.hint-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}@media(prefers-reduced-motion:reduce){.constraint.is-error{animation:none}.hint-toast{transition:none}}.controls-row{display:flex;gap:.5rem;margin-bottom:.6rem}.controls-row:last-child{margin-bottom:0}.controls-row-center{align-items:center;justify-content:center}.controls-label{color:var(--color-text-muted);font-size:.95rem;white-space:nowrap}.btn{flex:1;min-height:44px;border:1px solid var(--color-cell-border);border-radius:10px;padding:.5rem .8rem;background:var(--color-cell-bg);color:var(--color-text);cursor:pointer;font-size:.95rem}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.active,.btn-primary{border-color:color-mix(in srgb,var(--color-accent) 60%,var(--color-cell-border));background:color-mix(in srgb,var(--color-cell-bg) 70%,var(--color-accent) 30%)}.btn-ghost{background:transparent}.size-group{display:inline-flex;gap:.4rem;margin-left:.5rem}.size-group .btn{flex:0;min-width:44px}.seed-group{display:flex;align-items:center;gap:.5rem;width:100%}.seed-label{flex-shrink:0}.seed-input{flex:1;min-height:44px;border-radius:10px;border:1px solid var(--color-cell-border);padding:.45rem .65rem;background:var(--color-cell-bg);color:var(--color-text);font-size:.95rem}.seed-go-btn{flex:0 0 auto;min-width:56px}@media(max-width:520px){.controls-row{flex-wrap:wrap}}#modal-root{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#080a128c;z-index:40;padding:1rem}#modal-root.modal-open{display:flex}:root.light #modal-root{background:#64647859}.modal-dialog{width:min(480px,100%);background:var(--color-surface);border:1px solid var(--color-cell-border);border-radius:16px;padding:1rem;box-shadow:var(--shadow-panel)}.modal-title{margin-top:0}.modal-body p{color:var(--color-text-muted)}.modal-actions{display:flex;gap:.6rem;justify-content:flex-end;margin-top:1rem}.settings-form,.tutorial-content{display:grid;gap:.6rem}.settings-row{min-height:44px;display:flex;align-items:center;justify-content:space-between}.settings-row input{width:22px;height:22px}