:root{color-scheme:light dark;--surface: #fef7ff;--on-surface: #1d1b20;--muted: #49454f;--outline: #79747e;--primary: #6650a4;--on-primary: #ffffff;--raised: #f3edf7;--scrim: rgb(0 0 0 / 40%);--border: #2b2b2b;--rule-breaking: #c62828;--wrong-place: #1565c0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media(prefers-color-scheme:dark){:root{--surface: #141218;--on-surface: #e6e0e9;--muted: #cac4d0;--outline: #938f99;--primary: #d0bcff;--on-primary: #381e72;--raised: #211f26}}*{box-sizing:border-box}html,body{margin:0;background:var(--surface);color:var(--on-surface);height:100%;overflow:hidden;overscroll-behavior:none}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.shell{display:flex;flex-direction:column;height:100dvh}.build-label{position:fixed;left:max(4px,env(safe-area-inset-left));bottom:env(safe-area-inset-bottom,0px);font-size:.5rem;line-height:1;color:var(--muted);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.notice{display:flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 12px;padding:8px 16px;padding-top:max(8px,env(safe-area-inset-top));background:var(--raised);font-size:.875rem;line-height:1.4;text-align:center}.screen{display:flex;flex:1;flex-direction:column;min-height:0}.top-bar{display:flex;align-items:center;justify-content:space-between;flex:none;height:56px;padding:0 4px 0 16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(4px,env(safe-area-inset-right))}.top-bar h1{margin:0;font-size:1.375rem;font-weight:400}.game{display:flex;flex:1;flex-direction:column;align-items:center;gap:16px;min-height:0;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:none}.game>:first-child{margin-top:auto}.game>:last-child{margin-bottom:auto}.status-bar,.footer{width:min(100%,560px)}.board-area{display:grid;flex:0 1 min(100vw - 32px,560px);place-items:center;width:100%;min-height:min(280px,100vw - 32px);container-type:size}.board{display:grid;width:min(100cqw,100cqh);aspect-ratio:1;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.board.slides{touch-action:none}.screen.beside{display:grid;grid-template-columns:auto minmax(200px,360px);grid-template-rows:auto 1fr auto auto 1fr;column-gap:16px;justify-content:center;padding:8px 16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(8px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:none;container-type:size}.screen.beside .game{display:contents}.screen.beside .game>*{margin-top:0;margin-bottom:0}.screen.beside .top-bar{grid-column:2;grid-row:1;padding:0}.screen.beside .board-area{grid-column:1;grid-row:1 / -1;width:auto;min-height:0;container-type:normal}.screen.beside .board{width:min(100cqh,560px)}.screen.beside .status-bar{grid-column:2;grid-row:3;flex-direction:column;gap:16px;width:100%}.screen.beside .footer{grid-column:2;grid-row:4;width:100%;margin-top:16px}.home{display:flex;flex:1;flex-direction:column;gap:16px;width:min(100%,560px);min-height:0;margin:0 auto;padding:8px 16px 24px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));overflow-y:auto}.home-day{margin:0;font-size:1.125rem;font-weight:500}.home-row h3{margin:0 0 6px;color:var(--muted);font-size:.875rem;font-weight:500}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;padding:6px 4px;border:1px solid var(--outline);border-radius:12px;background:var(--raised);color:var(--on-surface);overflow-wrap:anywhere;cursor:pointer}.tile.solved{color:var(--muted)}.tile-time{font-size:.8125rem;font-variant-numeric:tabular-nums}.home-hint{margin:0;padding:12px 0;border-top:1px solid var(--outline);border-bottom:1px solid var(--outline);color:var(--muted);font-size:.875rem;line-height:1.4;text-align:center}.home-settings{flex:none;align-self:center}.cell{position:relative;display:grid;place-items:center;min-width:0;padding:0;border:0;border-radius:0;aspect-ratio:1;cursor:pointer;--top: .5px;--right: .5px;--bottom: .5px;--left: .5px;box-shadow:inset 0 var(--top) 0 var(--border),inset calc(-1 * var(--right)) 0 0 var(--border),inset 0 calc(-1 * var(--bottom)) 0 var(--border),inset var(--left) 0 0 var(--border)}.cell.thick-top{--top: 1.5px}.cell.thick-right{--right: 1.5px}.cell.thick-bottom{--bottom: 1.5px}.cell.thick-left{--left: 1.5px}.cell:focus-visible{outline:3px solid var(--primary);outline-offset:-3px;z-index:1}.cross{font-size:20px;line-height:1;color:#2b2b2b73}.pet{width:92%;height:92%;padding:3px;border-radius:50%;pointer-events:none}.cell.fixed .pet{background:#ffffffbf}.ring{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:3px solid var(--rule-breaking);border-radius:50%;pointer-events:none}.ring.place{border-style:dashed;border-color:var(--wrong-place)}.status-bar{display:flex;align-items:center;justify-content:space-between;font-size:1.375rem}.counters{display:flex;gap:24px}.counter{display:flex;align-items:center;gap:6px}.counter img{width:32px;height:32px}.timer{font-variant-numeric:tabular-nums}.footer{display:flex;flex-direction:column;align-items:center;gap:8px}.status-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;min-height:48px}.status-message{font-size:1.5rem;text-align:center}.controls{display:flex;gap:16px}.control,.icon-button{position:relative;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--outline);border-radius:50%;background:none;color:var(--muted);cursor:pointer}.icon-button{border:0}.control:disabled{border-color:#79747e4d;color:#79747e73;cursor:default}.icon{display:grid;width:24px;height:24px}.badge{position:absolute;top:-4px;right:-4px;min-width:16px;padding:0 4px;border-radius:8px;background:#b3261e;color:#fff;font-size:.6875rem;line-height:16px}.filled-button{min-height:40px;padding:0 24px;border:0;border-radius:20px;background:var(--primary);color:var(--on-primary);cursor:pointer}.text-button{min-height:40px;padding:0 12px;border:0;border-radius:20px;background:none;color:var(--primary);font-weight:500;cursor:pointer}button:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.menu-holder{position:relative}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}.menu{position:absolute;top:100%;right:4px;z-index:11;display:flex;flex-direction:column;min-width:180px;padding:8px 0;border-radius:4px;background:var(--raised);box-shadow:0 2px 8px #0000004d}.menu button{min-height:48px;padding:0 16px;border:0;background:none;text-align:left;cursor:pointer}.menu button:disabled{color:#79747e99;cursor:default}.menu button:not(:disabled):hover{background:#79747e26}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:var(--scrim)}.dialog{width:min(100%,400px);padding:24px;border-radius:28px;background:var(--raised)}.dialog h2{margin:0 0 16px;font-size:1.5rem;font-weight:400}.dialog p{margin:0 0 24px;color:var(--muted);line-height:1.4}.dialog-buttons{display:flex;justify-content:flex-end;gap:8px}.spinner{width:40px;height:40px;border:4px solid rgb(121 116 126 / 25%);border-top-color:var(--primary);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.settings-bar{justify-content:flex-start;gap:8px;padding-left:4px}.settings{display:flex;flex:1;flex-direction:column;gap:20px;width:min(100%,560px);min-height:0;margin:0 auto;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));overflow-y:auto}.setting{display:flex;flex-direction:column;gap:4px;min-width:0;margin:0;padding:0;border:0}.setting-title{display:block;padding:0;font-size:1rem;font-weight:500}.setting-summary{display:block;margin:0;color:var(--muted);font-size:.875rem;line-height:1.4}.setting input[type=range]{width:100%;height:32px;margin:4px 0 0;accent-color:var(--primary)}.theme-choice{display:flex;align-items:center;gap:12px;min-height:52px;cursor:pointer}.theme-choice img{width:36px;height:36px}.setting input[type=radio]{width:20px;height:20px;margin:0;accent-color:var(--primary)}.segments{display:flex;margin-top:8px;border:1px solid var(--outline);border-radius:20px;overflow:hidden}.segment{position:relative;flex:1;cursor:pointer}.segment+.segment{border-left:1px solid var(--outline)}.segment input{position:absolute;opacity:0}.segment span{display:grid;place-items:center;min-height:40px}.segment input:checked+span{background:color-mix(in srgb,var(--primary) 22%,transparent);font-weight:500}.segment input:focus-visible+span{outline:3px solid var(--primary);outline-offset:-3px}.switch-setting{flex-direction:row;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}.switch-setting input{flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:52px;height:32px;margin:0;border:2px solid var(--outline);border-radius:16px;background:none;cursor:pointer;transition:background .15s}.switch-setting input:before{content:"";position:absolute;top:6px;left:6px;width:16px;height:16px;border-radius:50%;background:var(--outline);transition:transform .15s}.switch-setting input:checked{border-color:var(--primary);background:var(--primary)}.switch-setting input:checked:before{background:var(--on-primary);transform:translate(20px) scale(1.4)}.switch-setting input:focus-visible{outline:3px solid var(--primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:3s}.switch-setting input,.switch-setting input:before{transition:none}}