:root{--bg:#faf7f0;--surface:#fff;--text:#27272a;--text-muted:#52525b;--accent:#f2b400;--accent-dark:#b98a00;--cell-bg:#fff;--cell-border:#d4d4d8;--blocked-bg:#3f3f46;--blocked-border:#27272a;--preview-valid:#22c55e73;--preview-valid-border:#15803d;--preview-invalid:#ef444473;--preview-invalid-border:#b91c1c;--hint-color:#7c3aed;--focus-ring:3px solid #1d4ed8}@media (prefers-color-scheme:dark){:root{--bg:#18181b;--surface:#27272a;--text:#fafafa;--text-muted:#a1a1aa;--cell-bg:#3f3f46;--cell-border:#52525b;--blocked-bg:#09090b;--blocked-border:#000}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit;background:var(--surface);border:1.5px solid var(--cell-border);cursor:pointer;border-radius:10px;min-height:44px;padding:.55em .9em}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:var(--focus-ring);outline-offset:2px}button.danger{color:#b91c1c;border-color:#b91c1c}.screen{max-width:640px;margin:0 auto;padding:1rem 1rem 3rem}.screen-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.screen-header h1{margin:0;font-size:1.4rem}.icon-button{min-width:44px;font-size:1.3rem;line-height:1}.home-screen{text-align:center;padding-top:3rem}.app-title{margin:0;font-size:2.6rem}.app-title span{color:var(--accent)}.tagline{color:var(--text-muted);margin-top:.25rem;margin-bottom:2.5rem}.menu{flex-direction:column;gap:.75rem;max-width:320px;margin:0 auto;display:flex}.menu-button{text-align:center;padding:.9em 1em;font-size:1.05rem}.menu-button.primary{background:var(--accent);border-color:var(--accent-dark);color:#1c1917;font-weight:600}.editor-link{color:var(--text-muted);background:0 0;border:none;min-height:0;margin-top:2.5rem;text-decoration:underline}.play-screen{touch-action:manipulation;flex-direction:column;gap:.75rem;display:flex}.play-header{align-items:center;gap:.75rem;display:flex}.play-title{flex:1;min-width:0}.play-title h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.15rem;overflow:hidden}.play-progress{color:var(--text-muted);margin:0;font-size:.85rem}.play-timer{font-variant-numeric:tabular-nums;color:var(--text-muted)}.board-wrap{justify-content:center;display:flex}.board{touch-action:none;width:min(92vw,420px);height:auto}.board-piece{cursor:grab}.board-piece:focus-visible{outline:none}.board-piece:focus-visible rect{stroke:#1d4ed8;stroke-width:4px}.tray{background:var(--surface);border:1.5px solid var(--cell-border);border-radius:14px;flex-wrap:wrap;justify-content:center;gap:.75rem;min-height:96px;padding:.75rem;display:flex}.tray-empty{color:var(--text-muted);margin:auto}.tray-item{flex-direction:column;align-items:center;gap:.35rem;display:flex;position:relative}.tray-piece{touch-action:none;background:0 0;border:2px solid #0000;border-radius:12px;padding:8px}.tray-item.selected .tray-piece{background:#1d4ed814;border-color:#1d4ed8;transform:scale(1.06);box-shadow:0 4px 10px #0000002e}.tray-piece.hinted{border-color:var(--hint-color);animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 6px #7c3aed40}}.rotate-button{min-width:44px;font-size:1.2rem}.controls{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.messages{min-height:0}.banner{border-radius:12px;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.6rem .9rem;display:flex}.banner-warning{color:#78350f;background:#fef3c7;border:1.5px solid #d97706}.banner-hint{border:1.5px solid var(--hint-color);color:#4c1d95;background:#ede9fe}.banner-update{color:#1e3a8a;background:#dbeafe;border:1.5px solid #1d4ed8;border-radius:0;justify-content:center}@media (prefers-color-scheme:dark){.banner-warning{color:#fde68a;background:#451a03}.banner-hint{color:#ddd6fe;background:#2e1065}.banner-update{color:#bfdbfe;background:#172554}}.drag-overlay{pointer-events:none;z-index:50;filter:drop-shadow(0 6px 10px #0000004d);position:fixed}.overlay{z-index:100;background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.overlay-card{background:var(--surface);text-align:center;border-radius:18px;width:100%;max-width:380px;padding:1.5rem;animation:.25s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.9)}}.overlay-card h2{margin:0 0 .5rem}.stars{color:var(--accent);margin:.25rem 0;font-size:2.2rem}.stars-empty{color:var(--cell-border)}.encouragement{color:var(--text-muted)}.result-stats{grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1rem 0;display:grid}.result-stats div{background:var(--bg);border-radius:10px;padding:.5rem}.result-stats dt{color:var(--text-muted);font-size:.75rem}.result-stats dd{margin:.15rem 0 0;font-weight:600}.overlay-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.overlay-actions button:first-child{background:var(--accent);border-color:var(--accent-dark);color:#1c1917;font-weight:600}.world{margin-bottom:1.5rem}.world h2{margin-bottom:.2rem}.world-description{color:var(--text-muted);margin-top:0}.level-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.level-tile{aspect-ratio:1;flex-direction:column;justify-content:center;align-items:center;width:100%;font-size:1.1rem;font-weight:600;display:flex}.level-tile.solved{background:#ecfdf5;border-color:#059669}@media (prefers-color-scheme:dark){.level-tile.solved{background:#064e3b;border-color:#34d399}}.level-stars{color:var(--accent);min-height:1em;font-size:.8rem}.adaptive-intro{color:var(--text-muted)}.recommendation{background:var(--surface);border:1.5px solid var(--cell-border);border-radius:14px;padding:1rem}.profile-summary{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--surface);border:1.5px solid var(--cell-border);border-radius:12px;flex-direction:column;align-items:center;padding:.9rem;display:flex}.stat-value{font-size:1.6rem;font-weight:700}.skill-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.skill-row{grid-template-columns:130px 1fr 48px;align-items:center;gap:.6rem;display:grid}.skill-label{font-size:.9rem}.skill-bar{background:var(--cell-border);border-radius:999px;height:12px;display:block;overflow:hidden}.skill-bar-fill{background:var(--accent);border-radius:999px;height:100%;display:block}.skill-value{text-align:right;font-variant-numeric:tabular-nums;font-size:.9rem}.profile-note{color:var(--text-muted);font-size:.9rem}.settings-group{background:var(--surface);border:1.5px solid var(--cell-border);border-radius:14px;margin-bottom:1rem;padding:.9rem 1rem}.settings-group h2{margin:0 0 .5rem;font-size:1.05rem}.settings-row{justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;display:flex}.settings-row select,.settings-row input[type=checkbox]{min-height:28px}.settings-note{color:var(--text-muted);font-size:.9rem}.editor-config{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.editor-board{width:min(88vw,320px);height:auto;margin:.5rem 0 1rem;display:block}.editor-help{color:var(--text-muted);font-size:.9rem}.editor-shapes{flex-wrap:wrap;gap:.4rem;display:flex}.editor-piece-list{flex-wrap:wrap;gap:.4rem;padding:0;list-style:none;display:flex}.editor-piece-list li{background:var(--surface);border:1.5px solid var(--cell-border);border-radius:999px;padding:.25rem .6rem;font-size:.9rem}.editor-piece-list li button{border:none;min-height:0;padding:0 .3rem}.editor-actions{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.import-label{border:1.5px dashed var(--cell-border);cursor:pointer;border-radius:10px;align-items:center;padding:.55em .9em;display:inline-flex}.import-label input{display:none}.editor-message{font-weight:600}.editor-saved{flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}:root[data-reduced-motion=true] *,:root[data-reduced-motion=true] :before,:root[data-reduced-motion=true] :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.auth-screen{text-align:center;padding-top:3rem}.profile-grid{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.profile-tile{flex-direction:column;align-items:center;gap:.5rem;width:8.5rem;padding:1.25rem .75rem;font-size:1rem;display:flex}.profile-avatar{font-size:3rem;line-height:1}.profile-name{font-weight:600}.auth-avatar{margin-top:1rem;font-size:4rem}.auth-name{margin:.25rem 0 0;font-size:1.5rem}.auth-question{color:var(--text-muted);max-width:22rem;margin:.75rem auto 0}.pin-pad{max-width:16rem;margin:1.5rem auto 0}.pin-dots{justify-content:center;gap:.6rem;margin-bottom:.75rem;display:flex}.pin-dot{border:2px solid var(--cell-border);background:var(--surface);border-radius:50%;width:.9rem;height:.9rem}.pin-dot.filled{background:var(--accent);border-color:var(--accent-dark)}.pin-message{color:var(--preview-invalid-border);margin:0 0 .5rem;font-weight:600}.pin-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.pin-key{touch-action:manipulation;min-height:3.25rem;font-size:1.4rem}.pin-error .pin-dots{animation:.3s ease-in-out pin-shake}@keyframes pin-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}:root[data-reduced-motion=true] .pin-error .pin-dots{animation:none}:root[data-calm-mode=true]{--bg:#f6f4ee;--accent:#d9b04a;--accent-dark:#a8842f;--preview-valid:#22c55e4d;--preview-invalid:#ef44444d;--hint-color:#6d6ab0}:root[data-calm-mode=true] .overlay-card{animation:none}:root[data-calm-mode=true] .tray-piece.hinted{outline:3px dashed var(--hint-color);outline-offset:2px;animation:none}.pause-card h2{margin:.25rem 0 .5rem}.pause-emoji{margin:0;font-size:2.5rem}.parents-screen{max-width:720px}.child-picker{justify-content:center;gap:.75rem;margin-bottom:1rem;display:flex}.profile-tile.small{width:6.5rem;padding:.75rem .5rem}.profile-tile.small .profile-avatar{font-size:2rem}.profile-tile.active{border-color:var(--accent-dark);background:var(--accent);color:#1c1917}.tab-row{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.tab-button{min-height:2.5rem;padding:.4em .9em}.tab-button.active{background:var(--accent);border-color:var(--accent-dark);color:#1c1917;font-weight:600}.stat-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.stat-tile{background:var(--surface);border:1px solid var(--cell-border);text-align:center;border-radius:12px;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.stat-label{color:var(--text-muted);font-size:.85rem}.stat-value{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700}.chart-figure{background:var(--surface);border:1px solid var(--cell-border);border-radius:12px;margin:0 0 1.25rem;padding:.75rem}.chart-figure figcaption{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem}.chart-wrap{position:relative}.chart-wrap svg{touch-action:pan-y;width:100%;height:auto;display:block}.chart-grid{stroke:var(--cell-border);stroke-width:1px}.chart-crosshair{stroke:var(--text-muted);stroke-width:1px;stroke-dasharray:3 3}.chart-value-label{fill:var(--text);font-variant-numeric:tabular-nums;font-size:11px}.chart-axis-label{fill:var(--text-muted);font-size:10px}.chart-tooltip{background:var(--text);color:var(--bg);pointer-events:none;white-space:nowrap;border-radius:8px;gap:.5em;padding:.3em .6em;font-size:.8rem;display:flex;position:absolute;top:0;transform:translate(-50%)}.chart-tooltip-label{opacity:.75}.chart-empty{color:var(--text-muted);margin:.25rem 0;font-size:.9rem}line.chart-grid{pointer-events:none}section.chart-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;display:grid}.session-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.session-item{background:var(--surface);border:1px solid var(--cell-border);border-radius:12px;padding:.7rem .9rem}.session-head{justify-content:space-between;gap:.5rem;display:flex}.session-date{color:var(--text-muted);font-size:.85rem}.session-meta{color:var(--text-muted);flex-wrap:wrap;gap:1rem;margin-top:.25rem;font-size:.9rem;display:flex}.session-flags{flex-wrap:wrap;gap:.4rem;margin-top:.4rem;display:flex}.flag-chip{color:#8a4527;background:#c4663d1f;border-radius:999px;padding:.15em .6em;font-size:.8rem}.preset-row{gap:.75rem;margin:.75rem 0 1rem;display:flex}.support-editor .menu-button{margin-top:.75rem}.timeline{border-top:1px solid var(--cell-border);margin-top:.6rem;padding-top:.5rem}.timeline svg{width:100%;height:auto;display:block}.timeline-legend{color:var(--text-muted);flex-wrap:wrap;gap:.75rem;margin-top:.25rem;font-size:.8rem;display:flex}.timeline-toggle{min-height:2.25rem;margin-top:.5rem;font-size:.85rem}