:root{font-family:Arial,Helvetica,sans-serif;color:#1d2226;background:#f3f2ef;font-synthesis:none;--border: #d9d6d0;--text-muted: #666;--sun: #f8b62d;--sun-edge: #cc7924;--moon: #4c8ed8;--moon-edge: #1762ae}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f3f2ef}button,input{font:inherit}button{color:inherit}.app{min-height:100vh}.fatal-error{min-height:100vh;display:grid;place-content:center;text-align:center;padding:30px}.fatal-error h1{margin:0 0 10px;font-size:30px}.fatal-error p{color:#b24032}.fatal-error button{justify-self:center;border:0;background:#0a66c2;color:#fff;padding:12px 20px;cursor:pointer}.topbar{height:57px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 max(24px,calc((100vw - 1100px)/2));background:#fff;border-bottom:1px solid #e6e6e6;position:sticky;top:0;z-index:20}.topbar-left,.topbar-right,.timer{display:flex;align-items:center}.topbar-left{gap:12px}.topbar-left strong{font-size:16px}.unofficial{font-size:10px;line-height:18px;padding:0 7px;border-radius:3px;color:#666;background:#eef3f8}.topbar-right{justify-self:end;gap:20px}.icon-button,.help-button,.settings-button,.reset-button{border:0;background:none;cursor:pointer}.back-button{display:grid;place-items:center;width:28px;height:36px;padding:0}.line-icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.timer{gap:5px;font-size:14px;font-variant-numeric:tabular-nums}.clock-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.timer strong{font-weight:600}.reset-button{border:1px solid #333;height:34px;padding:0 17px;border-radius:18px;font-size:13px}.reset-button:hover{background:#f2f2f2;box-shadow:inset 0 0 0 1px #333}.help-button{width:22px;height:22px;padding:0;border-radius:50%;background:#444;color:#fff;font-weight:700;font-size:14px}.settings-button{height:40px;padding:0;font-size:13px;display:flex;align-items:center;gap:7px}.settings-button span{font-size:15px;transform:translateY(-2px)}.settings-wrap{position:relative}.settings-popover{position:absolute;width:330px;right:0;top:46px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 8px 24px #00000029;padding:19px;z-index:30;animation:pop-in .12s ease-out}.check-setting{display:flex;align-items:center;justify-content:space-between;min-height:36px;font-size:12px}.check-setting{cursor:pointer}.check-setting input{accent-color:#0a66c2;width:17px;height:17px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #eee;margin-top:16px;padding-top:14px}.mini-stats span{display:flex;flex-direction:column;gap:3px;align-items:center;font-size:9px;color:#777;text-transform:uppercase}.mini-stats b{font-size:14px;color:#222;text-transform:none}.workspace{min-height:calc(100vh - 57px);padding:24px 16px 60px}.game-column{width:min(432px,100%);margin:0 auto}.primary-modes{height:45px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:12px}.primary-modes button{position:relative;border:0;background:none;color:#666;font-size:12px;font-weight:600;text-transform:capitalize;cursor:pointer}.primary-modes button:after{content:"";position:absolute;height:2px;left:50%;right:50%;bottom:-1px;background:#0a66c2;transition:left .16s,right .16s}.primary-modes button:hover{background:#f7f7f7;color:#222}.primary-modes button.active{color:#0a66c2}.primary-modes button.active:after{left:22%;right:22%}.mode-options{min-height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 2px 10px;gap:12px}.difficulty-tabs{display:flex;align-items:center;gap:5px}.difficulty-tabs button{border:0;border-radius:15px;background:transparent;color:#666;padding:6px 11px;font-size:10px;text-transform:capitalize;cursor:pointer}.difficulty-tabs button.active{background:#e8f3ff;color:#0a66c2;font-weight:700}.level-control{display:flex;align-items:center;gap:8px;color:#555;font-size:11px}.level-control button{width:25px;height:25px;display:grid;place-items:center;border:1px solid #777;border-radius:50%;background:#fff;font-size:18px;line-height:1;cursor:pointer}.level-control button:disabled{opacity:.28;cursor:not-allowed}.level-control span{display:flex;align-items:center;gap:5px}.level-control em{padding:3px 6px;border-radius:9px;background:#e8f3ff;color:#0a66c2;font-size:9px;font-style:normal}.unlock-note{margin-left:auto;color:#777;font-size:9px}.new-puzzle-link{border:0;background:none;color:#0a66c2;font-size:11px;font-weight:600;cursor:pointer;padding:6px 2px}.mode-line{display:flex;justify-content:space-between;padding:0 3px 8px;color:#666;font-size:10px;text-transform:uppercase;letter-spacing:.7px}.board-card{position:relative;background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #00000014}.board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));width:100%;aspect-ratio:1;border:1px solid #cfcac3;background:#fff}.cell-wrap{min-width:0;min-height:0;position:relative;background:#fff;border-right:1px solid #d8d3cc;border-bottom:1px solid #d8d3cc}.cell-wrap:nth-child(6n){border-right:0}.cell-wrap:nth-child(n+31){border-bottom:0}.cell{width:100%;height:100%;padding:13%;display:grid;place-items:center;border:0;background:#fff;cursor:pointer;transition:background .12s}.cell:hover:not(:disabled){background:#f7f7f7}.cell:focus-visible{outline:3px solid #0a66c2;outline-offset:-3px;z-index:5;position:relative}.cell.fixed{background:#eeecea;cursor:default}.cell.invalid{background:#fce2df;box-shadow:inset 0 0 0 2px #d94c3d}.cell.invalid .piece{animation:shake .25s ease}.piece{width:62%;height:62%;overflow:visible;animation:piece-in .15s ease-out}.sun-piece circle{fill:var(--sun);stroke:var(--sun-edge);stroke-width:5}.moon-piece{position:relative;display:inline-block}.moon-piece:not(.tiny){width:45%;height:45%}.moon-piece:before,.moon-piece:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask:url(../moon-702471.png) center / contain no-repeat;mask:url(../moon-702471.png) center / contain no-repeat}.moon-piece:before{background:var(--moon-edge);transform:scaleX(-1) scale(1.08)}.moon-piece:after{background:var(--moon);transform:scaleX(-1)}.piece.tiny{width:19px;height:19px;flex:0 0 auto;vertical-align:middle;margin:0 1px}.relation{position:absolute;z-index:6;width:20px;height:20px;display:grid;place-items:center;background:#fff;color:#957d5b;font-size:15px;line-height:1;font-weight:600;pointer-events:none}.relation-right{right:-10px;top:calc(50% - 10px)}.relation-down{bottom:-10px;left:calc(50% - 10px)}.fixed+.relation{background:#fff}.board-complete{animation:win-pulse .55s ease}.win-overlay{position:absolute;z-index:20;top:38%;right:18%;bottom:38%;left:18%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffffff5;border:1px solid #bbb;border-radius:7px;box-shadow:0 6px 24px #00000024;pointer-events:none;animation:pop-in .22s ease-out}.win-overlay span{color:#31764d;font-size:13px;font-weight:600}.win-overlay strong{font-size:24px;margin-top:2px}.game-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.game-actions button,.continue-button{height:36px;border-radius:19px;border:1px solid #333;background:#fff;font-size:13px;cursor:pointer}.game-actions button:hover:not(:disabled){background:#ededed;box-shadow:inset 0 0 0 1px #333}.game-actions button:disabled{opacity:.42;cursor:default}.continue-button{width:100%;margin-top:9px;border-color:#0a66c2;background:#0a66c2;color:#fff;font-weight:600}.how-to-card{margin-top:16px;background:#fff;border:1px solid #ddd;border-radius:4px}.how-to-heading{width:100%;height:48px;padding:0 18px;border:0;background:none;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;cursor:pointer}.how-to-heading .line-icon{width:17px;height:17px}.how-to-card ul{margin:0;padding:0 24px 20px 38px;font-size:12px;line-height:1.45}.how-to-card li{margin:0 0 12px;padding-left:2px}.how-to-card li:last-child{margin-bottom:0}.icon-credit{margin:10px 0 0;color:#777;font-size:9px;text-align:center}.icon-credit a{color:#666}@keyframes piece-in{0%{transform:scale(.65);opacity:.2}}@keyframes pop-in{0%{transform:translateY(-4px);opacity:0}}@keyframes shake{33%{transform:translate(-3px)}66%{transform:translate(3px)}}@keyframes win-pulse{50%{filter:brightness(1.08);transform:scale(1.005)}}@media(max-width:640px){.topbar{height:54px;padding:0 12px;grid-template-columns:1fr auto auto}.topbar-left{gap:7px}.unofficial{display:none}.topbar-right{margin-left:14px;gap:10px}.settings-button{width:25px;overflow:hidden;font-size:0;justify-content:center}.settings-button span{font-size:20px;transform:rotate(0)}.reset-button{display:none}.settings-popover{position:fixed;width:calc(100vw - 24px);right:12px;top:61px}.workspace{padding:16px 10px 42px}.primary-modes{margin-left:-2px;margin-right:-2px}.mode-options{padding-left:5px;padding-right:5px}.mode-line{padding-left:7px;padding-right:7px}.board-card{padding:8px;border-radius:5px}.relation{width:16px;height:16px;font-size:12px}.relation-right{right:-8px;top:calc(50% - 8px)}.relation-down{bottom:-8px;left:calc(50% - 8px)}.game-actions{margin-top:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}