.t-board-wrap{aspect-ratio:1;width:100%;min-width:280px;max-width:min(480px,100dvh - 240px);margin-inline:auto;position:relative}.t-board{--sun:#f0a314;--moon:#4b5fc4;--line:#2b2a28;border:3px solid var(--line);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;background:#fff;border-radius:8px;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(6,1fr);width:100%;height:100%;display:grid;position:relative;overflow:hidden}.t-row{display:contents}.t-cell{box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fbfaf7;border:1px solid #0003;border-width:0 1px 1px 0;justify-content:center;align-items:center;min-width:0;padding:0;display:flex;position:relative}.t-cell:nth-child(6n),.t-row .t-cell:last-child{border-right-width:0}.t-row:nth-child(6) .t-cell,.t-static .t-cell:nth-child(n+31){border-bottom-width:0}.t-cell.is-given{cursor:default;background:#e7e3da}.t-cell:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;z-index:2}@media (hover:hover){.t-cell:not(.is-given):hover{filter:brightness(.95)}}.t-cell:after{content:"";z-index:1;pointer-events:none;width:64%;height:64%;position:relative}.t-cell.is-sun:after{background:var(--sun);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5.4'/%3E%3Cpath d='M12 1.6v3M12 19.4v3M1.6 12h3M19.4 12h3M4.6 4.6l2.1 2.1M17.3 17.3l2.1 2.1M4.6 19.4l2.1-2.1M17.3 6.7l2.1-2.1' stroke='black' stroke-width='2.3' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5.4'/%3E%3Cpath d='M12 1.6v3M12 19.4v3M1.6 12h3M19.4 12h3M4.6 4.6l2.1 2.1M17.3 17.3l2.1 2.1M4.6 19.4l2.1-2.1M17.3 6.7l2.1-2.1' stroke='black' stroke-width='2.3' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.t-cell.is-moon:after{background:var(--moon);width:56%;height:56%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 14.6A9 9 0 1 1 9.4 3a7.2 7.2 0 0 0 11.6 11.6z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 14.6A9 9 0 1 1 9.4 3a7.2 7.2 0 0 0 11.6 11.6z'/%3E%3C/svg%3E") 50%/contain no-repeat}.t-board.show-patterns .t-cell.is-sun:before,.t-board.show-patterns .t-cell.is-moon:before{content:"";pointer-events:none;position:absolute;inset:0}.t-board.show-patterns .t-cell.is-sun:before{background:radial-gradient(circle,#00000021 0 1.6px,#0000 2px) 0 0/8px 8px}.t-board.show-patterns .t-cell.is-moon:before{background:repeating-linear-gradient(45deg,#0000001f 0 2px,#0000 2px 8px)}.t-sign{z-index:3;aspect-ratio:1;color:#2b2a28;pointer-events:none;background:#fff;border:1.5px solid #8a857a;border-radius:999px;justify-content:center;align-items:center;width:clamp(16px,5.2%,26px);font:700 clamp(11px,3.4cqw,16px)/1 ui-sans-serif,system-ui,sans-serif;display:flex;position:absolute;transform:translate(-50%,-50%)}.t-board{container-type:size}.t-cell.is-error{background-color:#f6d6d3}.t-cell.is-given.is-error{background-color:#e9c6c1}.t-sign.is-error{color:#c62828;background:#fde8e6;border-color:#c62828}.t-cell.t-hint{animation:.9s ease-in-out 3 t-pulse;box-shadow:inset 0 0 0 3px #1b7f3b}.t-cell.t-mistake{animation:.9s ease-in-out 3 t-pulse;box-shadow:inset 0 0 0 3px #c62828}.t-cell.t-cause{box-shadow:inset 0 0 0 3px #5b3cc4e6}@keyframes t-pulse{50%{filter:brightness(1.12)}}@media (prefers-reduced-motion:reduce){.t-cell.t-hint,.t-cell.t-mistake{animation:none}}.is-won .t-cell:after{animation:.5s ease-out both t-pop}@keyframes t-pop{40%{transform:scale(1.18)}}.t-overlay{background:var(--surface-2);color:var(--fg);z-index:5;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-weight:600;display:none;position:absolute;inset:0}.is-paused .t-overlay[data-for=paused],.is-loading .t-overlay[data-for=loading]{display:flex}.t-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite t-spin}@keyframes t-spin{to{transform:rotate(360deg)}}.t-win::backdrop{background:#00000073}.t-win dl>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding:.35rem 0;display:flex}.t-win dt{color:var(--muted)}.t-win dd{font-variant-numeric:tabular-nums;font-weight:650}.t-static .t-cell{cursor:default}.t-static .t-cell:nth-child(6n){border-right-width:0}.t-static .t-cell.is-new{background:#e3f3e7;box-shadow:inset 0 0 0 3px #1b7f3b}.t-static .t-cell.is-focus{box-shadow:inset 0 0 0 3px #5b3cc4d9}