.game{--board:min(calc(100vw - 2 * var(--board-gutter)), 560px, calc(100dvh - 250px));--board-gutter:clamp(8px, 2.6vw, 24px);width:calc(var(--board) + 2 * var(--board-gutter));max-width:100%;padding:14px var(--board-gutter) 0;grid-template-columns:minmax(0,1fr);gap:14px;margin:0 auto;display:grid}@media (max-height:560px){.game{--board:min(calc(100vw - 2 * var(--board-gutter)), 560px, 340px)}}.game__head{justify-content:space-between;align-items:end;gap:12px;min-height:56px;display:flex}.game__title h1{letter-spacing:-.035em;font-size:clamp(1.75rem,7vw,2.25rem);font-weight:820;line-height:1}.game__meta{color:var(--ink-soft);margin-top:6px;font-size:.9375rem;line-height:1.3}.game__timer{letter-spacing:-.01em;text-align:right;font-variant-numeric:tabular-nums;min-width:4ch;padding-bottom:2px;font-size:1.375rem;font-weight:700}.game__board{width:var(--board);aspect-ratio:1;justify-self:center}.board-skeleton{border-radius:var(--radius-m);background:linear-gradient(110deg, transparent 30%, color-mix(in oklab, var(--panel-raised) 70%, transparent) 50%, transparent 70%) 0 0 / 220% 100%, var(--grout);width:100%;height:100%;animation:1.4s linear infinite skeleton}@keyframes skeleton{to{background-position:-220% 0,0 0}}.board{--gap:clamp(2px, .6vw, 3px);--seam-w:clamp(3px, .9vw, 4.5px);aspect-ratio:1;width:100%;padding:var(--seam-w);border-radius:var(--radius-m);background:var(--grout);box-shadow:inset 0 0 0 1px var(--grout-line), var(--shadow);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative}.board__grid{grid-template-rows:repeat(var(--n), 1fr);gap:var(--gap);width:100%;height:100%;display:grid}.board__row{grid-template-columns:repeat(var(--n), 1fr);gap:var(--gap);display:grid}.board__seams{inset:calc(var(--seam-w) / 2);width:calc(100% - var(--seam-w));height:calc(100% - var(--seam-w));pointer-events:none;position:absolute;overflow:visible}.board__seams path,.board__seams rect{fill:none;stroke:var(--seam);stroke-width:var(--seam-w);stroke-linecap:square}.board__seams .board__seam-light{stroke:var(--seam-light);stroke-width:1px;transform:translate(.025px,.035px)}.board__frame{rx:.08}.cell{--glaze:var(--g0);--v:1;cursor:pointer;background:radial-gradient(130% 110% at 28% 18%, #ffffff3d, #fff0 52%), radial-gradient(farthest-corner at 50% 45%, #0000 58%, #0003 100%), var(--motif) 0 0 / 50% 50%, url(/textures/glaze.webp) var(--tx,0) var(--ty,0) / 230px 230px, var(--glaze);background-blend-mode:normal, normal, normal, overlay, normal;filter:brightness(var(--v));transition:filter .18s var(--ease-out), box-shadow .22s var(--ease-out), transform .16s var(--ease-out);border-radius:3px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff4d,inset 0 -2px 1px #0000002e}.cell:focus-visible{outline:3px solid var(--ink);outline-offset:-3px;z-index:2}@media (hover:hover){.board:not([data-solved]) .cell:hover{filter:brightness(calc(var(--v) * 1.08)) saturate(1.05)}}.cell[data-press]{animation:press .24s var(--ease-out)}@keyframes press{40%{transform:scale(.93)}}.cell[data-glaze="0"]{--glaze:var(--g0);--motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg transform='translate(0.5 0.8)' fill='rgba(0,0,0,0.3)'%3E%3Ccircle cx='8' cy='8.5' r='1.7'/%3E%3Ccircle cx='16' cy='8.5' r='1.7'/%3E%3Ccircle cx='12' cy='15.5' r='1.7'/%3E%3C/g%3E%3Cg transform='translate(0 0)' fill='rgba(255,255,255,0.45)'%3E%3Ccircle cx='8' cy='8.5' r='1.7'/%3E%3Ccircle cx='16' cy='8.5' r='1.7'/%3E%3Ccircle cx='12' cy='15.5' r='1.7'/%3E%3C/g%3E%3C/svg%3E")}.cell[data-glaze="1"]{--glaze:var(--g1);--motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg transform='translate(0.5 0.8)' fill='none' stroke='rgba(0,0,0,0.3)' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13 13 5M11 19 19 11'/%3E%3C/g%3E%3Cg transform='translate(0 0)' fill='none' stroke='rgba(255,255,255,0.45)' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13 13 5M11 19 19 11'/%3E%3C/g%3E%3C/svg%3E")}.cell[data-glaze="2"]{--glaze:var(--g2);--motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg transform='translate(0.5 0.8)' fill='none' stroke='rgba(0,0,0,0.3)' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5h12M6 14.5h12'/%3E%3C/g%3E%3Cg transform='translate(0 0)' fill='none' stroke='rgba(255,255,255,0.45)' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5h12M6 14.5h12'/%3E%3C/g%3E%3C/svg%3E")}.cell[data-glaze="3"]{--glaze:var(--g3);--motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg transform='translate(0.5 0.8)' fill='none' stroke='rgba(0,0,0,0.3)' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4.6'/%3E%3C/g%3E%3Cg transform='translate(0 0)' fill='none' stroke='rgba(255,255,255,0.45)' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4.6'/%3E%3C/g%3E%3C/svg%3E")}.cell[data-glaze="4"]{--glaze:var(--g4);--motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg transform='translate(0.5 0.8)' fill='none' stroke='rgba(0,0,0,0.3)' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6.5 17.5 12 12 17.5 6.5 12z'/%3E%3C/g%3E%3Cg transform='translate(0 0)' fill='none' stroke='rgba(255,255,255,0.45)' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6.5 17.5 12 12 17.5 6.5 12z'/%3E%3C/g%3E%3C/svg%3E")}.cell[data-glaze="5"]{--glaze:var(--g5);--motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg transform='translate(0.5 0.8)' fill='rgba(0,0,0,0.3)'%3E%3Crect x='7' y='7' width='3.6' height='3.6' rx='0.6'/%3E%3Crect x='13.4' y='7' width='3.6' height='3.6' rx='0.6'/%3E%3Crect x='7' y='13.4' width='3.6' height='3.6' rx='0.6'/%3E%3Crect x='13.4' y='13.4' width='3.6' height='3.6' rx='0.6'/%3E%3C/g%3E%3Cg fill='rgba(255,255,255,0.45)'%3E%3Crect x='7' y='7' width='3.6' height='3.6' rx='0.6'/%3E%3Crect x='13.4' y='7' width='3.6' height='3.6' rx='0.6'/%3E%3Crect x='7' y='13.4' width='3.6' height='3.6' rx='0.6'/%3E%3Crect x='13.4' y='13.4' width='3.6' height='3.6' rx='0.6'/%3E%3C/g%3E%3C/svg%3E")}.cell[data-glaze="6"]{--glaze:var(--g6);--motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg transform='translate(0.5 0.8)' fill='rgba(0,0,0,0.3)'%3E%3Cpath d='M7 9h10l-5 7.5z' stroke-linejoin='round'/%3E%3C/g%3E%3Cg fill='rgba(255,255,255,0.45)'%3E%3Cpath d='M7 9h10l-5 7.5z' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E")}.cell[data-glaze="7"]{--glaze:var(--g7);--motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg transform='translate(0.5 0.8)' fill='none' stroke='rgba(0,0,0,0.3)' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 14.5 6-5 6 5'/%3E%3C/g%3E%3Cg transform='translate(0 0)' fill='none' stroke='rgba(255,255,255,0.45)' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 14.5 6-5 6 5'/%3E%3C/g%3E%3C/svg%3E")}.cell[data-glaze="8"]{--glaze:var(--g8);--motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg transform='translate(0.5 0.8)' fill='none' stroke='rgba(0,0,0,0.3)' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13.5c2.3-3.4 4.7-3.4 7 0s4.7 3.4 7 0'/%3E%3C/g%3E%3Cg transform='translate(0 0)' fill='none' stroke='rgba(255,255,255,0.45)' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13.5c2.3-3.4 4.7-3.4 7 0s4.7 3.4 7 0'/%3E%3C/g%3E%3C/svg%3E")}.mark{fill:none;stroke:#0f121c9e;stroke-width:2.6px;stroke-linecap:round;width:46%;height:46%;animation:mark-in .16s var(--ease-out)}@keyframes mark-in{0%{opacity:0;transform:scale(.4)}}.cell[data-kind=auto]:after{content:"";aspect-ratio:1;background:#0f121c66;border-radius:50%;width:16%}.cell[data-kind=auto],.cell[data-kind=mark]{filter:saturate(.72)brightness(.9)}.cell[data-kind=star]{background:radial-gradient(130% 110% at 28% 18%, #ffffff3d, #fff0 52%), radial-gradient(farthest-corner at 50% 45%, #0000 58%, #0003 100%), url(/textures/glaze.webp) var(--tx,0) var(--ty,0) / 230px 230px, var(--glaze);background-blend-mode:normal, normal, overlay, normal}.star{width:72%;height:72%;overflow:visible}.star__well{fill:#00000073}.star__rim{fill:none;stroke:#ffffff80;stroke-width:.7px;stroke-linejoin:round}.star__body{fill:url(#starlit-gold);stroke:color-mix(in oklab, var(--gold-deep) 60%, var(--glaze));stroke-width:.5px;stroke-linejoin:round}.star__bevel{fill:none;stroke:#fffae1bf;stroke-width:.8px;stroke-linejoin:round}.star__glint{fill:none;stroke:#ffffffe6;stroke-width:3.2px;stroke-linecap:round;transform:translate(-22px)}.cell[data-press] .star__glint{animation:inlay-glint .56s .12s var(--ease-out) both}@keyframes inlay-glint{0%{transform:translate(-22px)}to{transform:translate(22px)}}.board[data-settled] .star{animation:none}.cell[data-crowded]:before{content:"";border-radius:inherit;box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--alarm) 80%, transparent);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.cell[data-clash]:before{content:"";background:repeating-linear-gradient(135deg, color-mix(in oklab, var(--alarm) 55%, transparent) 0 2px, transparent 2px 7px);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.cell[data-clash] .star__body{fill:color-mix(in oklab, var(--alarm) 35%, var(--gold));stroke:var(--alarm);stroke-width:2px}.cell[data-clash] .star{animation:clash .36s var(--ease-out)}@keyframes clash{25%{transform:translate(-8%)}50%{transform:translate(7%)}75%{transform:translate(-4%)}}.board[data-hinting] .cell:not([data-hint]){box-shadow:inset 0 0 0 100px color-mix(in oklab, var(--ground) 62%, transparent)}.board .cell[data-hint=target]{box-shadow:inset 0 0 0 3px var(--gold), inset 0 0 0 5px var(--gold-ink);animation:hint-pulse 1.2s var(--ease-out) infinite;z-index:1}.cell[data-hint=because]{box-shadow:inset 0 0 0 2px #ffffffd9}@keyframes hint-pulse{50%{filter:brightness(calc(var(--v) * 1.18))}}.board[data-celebrate] .cell:before{content:"";animation:glint .62s var(--ease-out) forwards;animation-delay:calc(var(--d) * 45ms);background:linear-gradient(115deg,#0000 38%,#ffffffb3 50%,#0000 62%);position:absolute;top:-40%;bottom:-40%;left:-40%;right:-40%;transform:translate(-120%)}.board[data-celebrate] .star{animation:star-bow .52s var(--ease-out) both;transform-origin:50%;animation-delay:calc(var(--d) * 45ms + .12s)}@keyframes glint{to{transform:translate(120%)}}@keyframes star-bow{50%{transform:scale(1.22)}}.board[data-solved] .cell{cursor:default}.board[data-static]{touch-action:auto;pointer-events:none;box-shadow:inset 0 0 0 1px var(--grout-line)}.game__tools{flex-wrap:wrap;gap:8px;display:flex}.tool{white-space:normal;text-align:center;flex-wrap:wrap;flex:1 1 0;justify-content:center;row-gap:2px;min-width:min-content;min-height:52px;padding:0 10px;font-size:.9375rem}.hint-bar,.done-bar{border-radius:var(--radius-m);background:var(--panel-raised);box-shadow:var(--shadow);animation:dialog-in .24s var(--ease-out);gap:12px;padding:14px 16px;display:grid}.hint-bar[hidden],.done-bar[hidden],.game__tools[hidden]{display:none}.hint-bar p{font-size:.9875rem}.hint-bar__actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hint-bar__actions .btn[hidden]{display:none}.hint-bar__actions:has([hidden]){grid-template-columns:1fr}.done-bar{grid-template-columns:1fr auto;align-items:center}.done-bar p{align-items:center;gap:8px;font-weight:680;display:flex}.done-bar .icon{color:var(--gold-deep)}.more{max-width:calc(560px + 2 * var(--gutter));gap:12px;margin-top:40px;display:grid}.more h2{letter-spacing:-.015em;font-size:1.375rem;font-weight:740}.more__archive{border-radius:var(--radius-m);background:var(--panel-raised);min-height:64px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ink) 12%, transparent);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-top:6px;padding:14px 16px;text-decoration:none;display:grid}.more__archive span:nth-child(2){display:grid}.more__archive small{color:var(--ink-soft);font-size:.875rem}.more__archive:hover{background:var(--panel)}.rules{max-width:calc(560px + 2 * var(--gutter));margin-top:40px}.help-example{justify-self:center;width:min(210px,60vw)}.help-rules{gap:6px;margin:0;padding-left:1.2em;display:grid}.stub{border-radius:var(--radius-m);background:var(--panel);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ink) 10%, transparent);grid-template-columns:repeat(3,1fr);margin:0;display:grid;overflow:hidden}.stub--stats{grid-template-columns:repeat(4,1fr)}.stub>div{text-align:center;flex-direction:column-reverse;gap:2px;padding:14px 8px 12px;display:flex}.stub>div+div{border-left:1.5px dashed color-mix(in oklab, var(--ink) 22%, transparent)}.stub dd{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-variant-numeric:normal;margin:0;font-size:1.625rem;font-weight:780;line-height:1.1}.stub dt{color:var(--ink-soft);font-size:.8125rem;font-weight:560}@media (max-width:360px){.stub--stats{grid-template-columns:repeat(2,1fr)}.stub--stats>div:nth-child(3){border-left:0}.stub--stats>div:nth-child(n+3){border-top:1.5px dashed color-mix(in oklab, var(--ink) 22%, transparent)}}.week{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.week__day{color:var(--ink-soft);justify-items:center;gap:4px;font-size:.8125rem;display:grid}.week__tile{aspect-ratio:1;background:var(--grout);border-radius:6px;width:100%;max-width:40px}.week__day[data-done=true] .week__tile{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.6l2.75 5.86 6.4.78-4.72 4.42 1.22 6.34L12 16.9 6.35 20l1.22-6.34L2.85 9.24l6.4-.78z' fill='%23f3c24b' stroke='%233b2a00' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E") center / 62% no-repeat, var(--g0)}.result__next{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (max-width:340px){.result .dialog__body{gap:12px}.result .stub>div{padding:10px 6px 8px}.result__next .btn{padding-inline-start:8px;padding-inline-end:8px}.result__next [data-icon]{display:none}}.result__countdown{text-align:center;color:var(--ink-soft)}.result__countdown strong{color:var(--ink);font-variant-numeric:tabular-nums}.result__countdown[hidden]{display:none}.segmented{border:0;grid-template-columns:repeat(3,1fr);gap:6px;margin:0;padding:0;display:grid}.segmented legend{margin-bottom:8px;padding:0;font-weight:600}.segmented label{position:relative}.segmented input{opacity:0;position:absolute;top:0;bottom:0;left:0;right:0}.segmented span{background:var(--panel);cursor:pointer;border-radius:10px;place-items:center;min-height:44px;font-weight:600;display:grid}.segmented input:checked+span{background:var(--ink);color:var(--ground)}.segmented input:focus-visible+span{outline:2.5px solid var(--focus);outline-offset:2px}@media (min-width:900px){.game{gap:18px;padding-top:28px}}