:root{color:#1f2522;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f6f4ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(145deg,#486f6629,#0000 34rem),linear-gradient(315deg,#bf594424,#0000 30rem),#f6f4ef;min-width:320px;min-height:100vh;margin:0}body,button{-webkit-user-select:none;user-select:none}button{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}.app-shell{width:min(100%,46rem);min-height:100svh;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));grid-template-rows:auto auto auto auto auto;align-content:start;gap:.75rem;margin:0 auto;display:grid}.topbar,.status-row{align-items:center;gap:1rem}.topbar{grid-template-columns:2.75rem minmax(0,1fr) auto;display:grid}.status-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.title-block{text-align:center;min-width:0}.eyebrow{color:#68726d;letter-spacing:0;text-transform:uppercase;margin:0 0 .2rem;font-size:.78rem;font-weight:700}h1{margin:0;font-size:clamp(2rem,10vw,4rem);line-height:.95}.topbar-spacer{width:2.75rem;height:2.75rem}.icon-button{width:2.75rem;height:2.75rem;color:inherit;background:#ffffffbd;border:1px solid #1f252226;border-radius:8px;place-items:center;text-decoration:none;transition:background-color .14s,border-color .14s,box-shadow .14s,transform .14s;display:grid;box-shadow:0 .7rem 1.6rem #1f252214}.icon-button svg{width:1.15rem;height:1.15rem}.icon-button:hover{background:#e9f1ec;border-color:#2c6a6380;box-shadow:0 .8rem 1.8rem #1f25221f}.icon-button:focus-visible{outline-offset:3px;outline:3px solid #bf5944a6}.icon-button:active{background:#f7d58f;border-color:#bf59448c;transform:translateY(1px)scale(.97);box-shadow:0 .35rem .9rem #1f252224}.status-row{color:#4f5d57;font-size:.92rem;font-weight:700}.status-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.status-row span:nth-child(2){text-align:center}.status-row span:last-child{text-align:right}.board-wrap{justify-items:center;display:grid}.board{aspect-ratio:1;background:#202723;border:3px solid #202723;border-radius:8px;width:min(100%,42rem);max-width:42rem;position:relative;overflow:hidden;box-shadow:0 1.8rem 4rem #1f25222e}.board:after{z-index:2;content:"";pointer-events:none;background:linear-gradient(90deg,#0000 calc(11.111% - .5px),#1f25222e calc(11.111% - .5px) calc(11.111% + .5px),#0000 calc(11.111% + .5px)),linear-gradient(90deg,#0000 calc(22.222% - .5px),#1f25222e calc(22.222% - .5px) calc(22.222% + .5px),#0000 calc(22.222% + .5px)),linear-gradient(90deg,#0000 calc(33.333% - 1.5px),#202723 calc(33.333% - 1.5px) calc(33.333% + 1.5px),#0000 calc(33.333% + 1.5px)),linear-gradient(90deg,#0000 calc(44.444% - .5px),#1f25222e calc(44.444% - .5px) calc(44.444% + .5px),#0000 calc(44.444% + .5px)),linear-gradient(90deg,#0000 calc(55.556% - .5px),#1f25222e calc(55.556% - .5px) calc(55.556% + .5px),#0000 calc(55.556% + .5px)),linear-gradient(90deg,#0000 calc(66.667% - 1.5px),#202723 calc(66.667% - 1.5px) calc(66.667% + 1.5px),#0000 calc(66.667% + 1.5px)),linear-gradient(90deg,#0000 calc(77.778% - .5px),#1f25222e calc(77.778% - .5px) calc(77.778% + .5px),#0000 calc(77.778% + .5px)),linear-gradient(90deg,#0000 calc(88.889% - .5px),#1f25222e calc(88.889% - .5px) calc(88.889% + .5px),#0000 calc(88.889% + .5px)),linear-gradient(#0000 calc(11.111% - .5px),#1f25222e calc(11.111% - .5px) calc(11.111% + .5px),#0000 calc(11.111% + .5px)),linear-gradient(#0000 calc(22.222% - .5px),#1f25222e calc(22.222% - .5px) calc(22.222% + .5px),#0000 calc(22.222% + .5px)),linear-gradient(#0000 calc(33.333% - 1.5px),#202723 calc(33.333% - 1.5px) calc(33.333% + 1.5px),#0000 calc(33.333% + 1.5px)),linear-gradient(#0000 calc(44.444% - .5px),#1f25222e calc(44.444% - .5px) calc(44.444% + .5px),#0000 calc(44.444% + .5px)),linear-gradient(#0000 calc(55.556% - .5px),#1f25222e calc(55.556% - .5px) calc(55.556% + .5px),#0000 calc(55.556% + .5px)),linear-gradient(#0000 calc(66.667% - 1.5px),#202723 calc(66.667% - 1.5px) calc(66.667% + 1.5px),#0000 calc(66.667% + 1.5px)),linear-gradient(#0000 calc(77.778% - .5px),#1f25222e calc(77.778% - .5px) calc(77.778% + .5px),#0000 calc(77.778% + .5px)),linear-gradient(#0000 calc(88.889% - .5px),#1f25222e calc(88.889% - .5px) calc(88.889% + .5px),#0000 calc(88.889% + .5px));position:absolute;inset:0}.cell{top:calc(var(--row) * 100% / 9);left:calc(var(--col) * 100% / 9);appearance:none;color:#2c6a63;background:#fffdfa;border:0;outline:0;place-items:center;width:11.1111%;min-width:0;height:11.1111%;min-height:0;padding:0;font-size:clamp(1.15rem,7vw,2.3rem);font-weight:800;line-height:1;display:grid;position:absolute}.cell:focus,.cell:focus-visible{outline:0}.cell.given{color:#1f2522;background:#f1eee6}.cell.peer{background:#e9f1ec}.cell.same-value{background:#d7e9e2}.cell.selected{background:#f7d58f}.cell.conflict{color:#a43c34;background:#fae3dc}.digit-tray{background:#ffffffdb;border:1px solid #1f25221f;border-radius:8px;justify-self:center;gap:.75rem;width:min(100%,42rem);padding:1rem;display:grid;box-shadow:0 1rem 2rem #1f25221a}.tray-prompt{color:#4f5d57;align-items:center;min-height:2.75rem;margin:0;font-weight:800;display:flex}.digit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.digit-button,.clear-button{color:#fff;background:#244b46;border:0;border-radius:8px;font-weight:900}.digit-button{min-height:3.15rem;font-size:1.35rem}.clear-button{color:#29332f;background:#e8e2d5;min-height:2.75rem}.digit-button:disabled,.clear-button:disabled{cursor:not-allowed;opacity:.38}.difficulty-bar{background:#ffffffa8;border:1px solid #1f25221f;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));justify-self:center;gap:.4rem;width:min(100%,42rem);padding:.35rem;display:grid}.difficulty-button{color:#4f5d57;text-transform:capitalize;background:0 0;border:0;border-radius:6px;min-height:2.45rem;font-weight:850;transition:background-color .14s,color .14s,transform .14s}.difficulty-button:hover{color:#244b46;background:#e9f1ec}.difficulty-button:focus-visible{outline-offset:2px;outline:3px solid #bf5944a6}.difficulty-button:active{transform:scale(.98)}.difficulty-button.active{color:#fff;background:#244b46}.day-picker{background:#ffffffa8;border:1px solid #1f25221f;border-radius:8px;grid-auto-columns:minmax(60px,1fr);grid-auto-flow:column;justify-self:center;gap:.35rem;width:min(100%,42rem);padding:.35rem;display:grid}.day-button{color:#4f5d57;background:0 0;border:0;border-radius:6px;align-content:center;gap:.1rem;min-width:0;min-height:3.2rem;font-weight:850;transition:background-color .14s,color .14s,transform .14s;display:grid}.day-button span,.day-button small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.day-button span{font-size:.78rem}.day-button small{opacity:.78;font-size:.66rem;font-weight:750}.day-button:hover{color:#244b46;background:#e9f1ec}.day-button:focus-visible{outline-offset:2px;outline:3px solid #bf5944a6}.day-button:active{transform:scale(.98)}.day-button.active{color:#fff;background:#244b46}@media (width<=520px){.app-shell{gap:.75rem;padding-inline:.75rem}.digit-button{min-height:3.45rem}.day-picker{gap:.25rem;padding:.25rem}.day-button{min-height:2.85rem}.day-button span{font-size:.7rem}.day-button small{font-size:.58rem}}@media (width>=760px){.app-shell{padding-block:2rem}}