.daily{max-width:820px;padding-block:32px 64px}.daily h1{margin-block:4px 8px;font-size:clamp(2rem,6vw,2.8rem)}.daily p{margin-block:10px}.daily .actions{flex-wrap:wrap;gap:12px;display:flex}.daily textarea{width:100%;min-height:130px}.daily [hidden]{display:none!important}.daily__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.daily__head>div{flex:320px;min-width:0}#daily-date{color:var(--ink-muted)}.streak{background:radial-gradient(120% 90% at 20% 0%, #ffa53d29, transparent 60%), var(--surface-2);border:1px solid var(--line-strong);border-radius:18px;flex:280px;max-width:360px;padding:14px 16px;box-shadow:inset 0 1px #ffffff14,0 10px 30px #00000059}.streak__main{align-items:center;gap:10px;display:flex}.streak__main p{color:var(--ink-muted);margin:0;font-size:1.05rem}.streak__main strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:2.1rem;line-height:1}.streak__flame{fill:#4a4f66;flex:none;width:30px;height:38px}.streak__flame .streak__core{fill:#6a7090}.streak.is-live .streak__flame{fill:#ff7a2e;filter:drop-shadow(0 0 8px #ff7a2eb3)}.streak.is-live .streak__core{fill:#ffd76a}.streak__week{grid-template-columns:repeat(7,1fr);gap:4px;margin:12px 0 6px;padding:0;list-style:none;display:grid}.streak__week li{color:var(--ink-faint);justify-items:center;gap:4px;font-size:.72rem;display:grid}.streak__week i{background:var(--surface-3);border-radius:50%;width:22px;height:22px;box-shadow:inset 0 2px 4px #0006}.streak__week li.is-today i{outline:2px solid var(--accent);outline-offset:2px}.streak__week li.is-solved i{background:radial-gradient(circle at 35% 30%,#fff3c4,#ffb13d 45%,#e2551f);box-shadow:0 0 10px #ff963299}.streak__note{color:var(--ink-muted);font-size:.85rem;margin:0!important}.stage{--stage-a:#1b1840;--stage-b:#0a0a1e;--stage-glow:#ffbe5a2e;background:radial-gradient(90% 60% at 50% 0%, var(--stage-glow), transparent 70%), linear-gradient(180deg, var(--stage-a), var(--stage-b));border:1px solid #ffffff1a;border-radius:24px;margin-block:24px 16px;padding:clamp(16px,4vw,28px);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 24px 60px #00000073}.daily[data-kind=lanterns] .stage{background:radial-gradient(1.5px 1.5px at 12% 18%,#fff8 50%,#0000),radial-gradient(1px 1px at 78% 12%,#fff9 50%,#0000),radial-gradient(1.5px 1.5px at 88% 36%,#fff6 50%,#0000),radial-gradient(1px 1px at 30% 8%,#fff7 50%,#0000),radial-gradient(90% 60% at 50% 0,#ffbe5a29,#0000 70%),linear-gradient(#221b4d,#0b0a1f)}.daily[data-kind=mosaic] .stage{--stage-a:#0f3b3f;--stage-b:#081c22;--stage-glow:#78f0dc29}.daily[data-kind=pipes] .stage{--stage-a:#20303a;--stage-b:#0d161c;--stage-glow:#5ac8ff2e}.stage__goal{color:#f1f3fb;font-size:1.05rem}.stage__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.stage__top .stage__goal{flex:240px;margin:0}.howto-open{flex:none}@media (width<=600px){.daily{padding-block:16px 48px}.daily h1{margin-block:2px 4px;font-size:1.9rem}.daily #daily-date{margin-block:4px;font-size:.9rem}.daily__head{gap:12px}.streak{grid-template-columns:auto 1fr;align-items:center;column-gap:12px;max-width:none;padding:10px 12px;display:grid}.streak__main strong{font-size:1.7rem}.streak__week{margin:0}.streak__week li{font-size:.66rem}.streak__week i{width:18px;height:18px}.streak__note{grid-column:1/-1;font-size:.8rem;margin-top:6px!important}.stage{margin-block:14px 12px;padding:14px}.stage__goal{font-size:.98rem}.howto-open{padding-block:8px}.board{margin:14px auto}}.howto{width:min(560px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--ink);background:radial-gradient(100% 60% at 0% 0%, #4dbcff1f, transparent 60%), var(--surface-2);border:1px solid var(--line-strong);border-radius:20px;padding:18px 20px 20px;overflow:auto;box-shadow:0 30px 80px #0009}.howto::backdrop{background:#05070eb8}.howto__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.howto__head h2{margin:0;font-size:1.3rem}.howto__close{background:var(--surface-3);width:44px;height:44px;color:var(--ink);cursor:pointer;border:0;border-radius:12px;flex:none;font-size:1.6rem;line-height:1}.howto__close:focus-visible,.howto__play:focus-visible{outline:3px solid var(--brand-cyan);outline-offset:2px}.howto__body{color:#dfe3f5}.howto__play{width:100%;margin-top:16px}.howto ol{gap:8px;margin:12px 0;padding-left:1.3em;display:grid}.howto__tip{background:#ffffff0f;border-radius:12px;padding:10px 12px;font-size:.95rem;margin:8px 0 0!important}.howto__example{flex-wrap:wrap;align-items:center;gap:12px 16px;padding:12px 0 4px;display:flex}.ex-arrow{white-space:nowrap;color:var(--ink-muted);flex:none;font-weight:700}.ex-caption{color:var(--ink-muted);flex-basis:100%;font-size:.92rem;margin:0!important}.ex-grid{grid-template-columns:repeat(3,26px);gap:4px;display:grid}.ex-grid i{background:linear-gradient(160deg,#2c2a55,#17152f);border-radius:7px;width:26px;height:26px;box-shadow:inset 0 -2px 3px #00000073}.ex-grid i.is-lit{background:radial-gradient(circle at 45% 40%,#fffbe0,#ffd166 40%,#ff8c3a 85%);box-shadow:0 0 10px #ffbe5a99}.ex-grid i.ex-tap{outline:2px solid var(--brand-cyan);outline-offset:2px}.ex-row,.ex-legend{align-items:center;gap:4px;display:flex}.ex-clue{color:#f3ead2;min-width:38px}.ex-row i,.ex-legend i{background:linear-gradient(160deg,#1d4b50,#123238);border-radius:6px;width:26px;height:26px;display:inline-block;position:relative;box-shadow:inset 0 2px 4px #00000073}.ex-row i.is-filled,.ex-legend i.is-filled{background:linear-gradient(160deg,#55e7db,#1da599);box-shadow:inset 0 1px #ffffff73}.ex-row i.is-marked:after,.ex-legend i.is-marked:after{content:"";background:#f3ead28c;border-radius:50%;position:absolute;inset:36%}.ex-legend{color:var(--ink-muted);flex-wrap:wrap;gap:8px 16px;font-size:.9rem}.ex-legend span{align-items:center;gap:6px;display:inline-flex}.howto__example--pair{flex-wrap:nowrap;gap:12px}.ex-fig{color:var(--ink-muted);justify-items:center;gap:4px;margin:0;font-size:.8rem;display:grid}.ex-pipes{width:124px;height:62px}.ex-pipes__tile--tap{stroke:var(--brand-cyan);stroke-width:4px}.ex-pipes__tile{fill:#22303a}.ex-pipes__wall{stroke:#b8733f;stroke-width:26px;fill:none}.ex-pipes__dry{stroke:#5a3a22;stroke-width:12px;fill:none}.ex-pipes__water{stroke:#5fe0ff;stroke-width:12px;fill:none}.ex-pipes__spring{fill:#3aa7d8;stroke:#d9f6ff;stroke-width:4px}.stage__status{color:var(--ink);font-variant-numeric:tabular-nums;min-height:1.5em}.board{--size:5;--gap:clamp(5px, 1.6vw, 9px);grid-template-columns:repeat(var(--size), 1fr);gap:var(--gap);width:min(100%,420px);margin:20px auto;display:grid}.board[data-kind=mosaic]{grid-template-columns:minmax(40px, auto) repeat(var(--size), 1fr);width:min(100%,480px)}.dp-cell{aspect-ratio:1;cursor:pointer;min-width:0;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:14px;padding:0;position:relative}.dp-cell:focus-visible{outline:3px solid var(--brand-cyan);outline-offset:2px}.dp-cell[aria-disabled=true]{cursor:default}.dp-lantern{background:radial-gradient(80% 70% at 30% 20%,#ffffff1a,#0000 60%),linear-gradient(160deg,#2c2a55,#17152f);border-radius:14px;place-items:center;transition:background .18s,box-shadow .18s;display:grid;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff1f,inset 0 -3px 6px #00000073,0 4px 10px #0006}.dp-lantern i{background:linear-gradient(90deg,#3a3560,#4a4478 50%,#3a3560);border-radius:45% 45% 40% 40%;width:46%;height:58%;transition:background .18s,box-shadow .18s;box-shadow:inset 0 0 0 2px #00000040}.dp-cell[aria-pressed=true] .dp-lantern{background:radial-gradient(70% 70%,#ffc86e8c,#0000 75%),linear-gradient(160deg,#5a3a2a,#2d1c24);box-shadow:inset 0 1px #fff0c84d,0 0 22px #ffaa4673,0 4px 10px #0006}.dp-cell[aria-pressed=true] .dp-lantern i{background:radial-gradient(circle at 40% 35%,#fffbe0,#ffd166 35%,#ff8c3a 80%);box-shadow:0 0 16px 4px #ffbe5abf,inset 0 -4px 6px #be46148c}.dp-corner{display:block}.dp-clue{color:#f3ead2;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:4px;font-size:clamp(.78rem,2.8vw,1rem);font-weight:700;transition:opacity .2s;display:flex}.dp-clue--col{flex-direction:column;justify-content:flex-end;padding-bottom:4px}.dp-clue--row{justify-content:flex-end;gap:8px;padding-right:8px}.dp-clue.is-done{opacity:.38}.dp-tile{background:linear-gradient(160deg,#1d4b50,#123238);border-radius:10px;transition:background .16s,box-shadow .16s;position:absolute;inset:0;box-shadow:inset 0 2px 5px #00000073,inset 0 -1px #ffffff0f}.dp-cell[data-state=filled] .dp-tile{--hue:calc(165 + var(--r) * 9 + var(--c) * 7);background:radial-gradient(120% 90% at 22% 12%, #ffffff61, transparent 52%), linear-gradient(160deg, hsl(var(--hue) 75% 62%), hsl(var(--hue) 70% 38%));box-shadow:inset 0 1px #ffffff73,inset 0 -3px #00000040,0 3px 8px #0006}.dp-cell[data-state=marked] .dp-tile:after{content:"";background:#f3ead273;border-radius:50%;position:absolute;inset:38%}.board[data-kind=mosaic].is-solved .dp-cell[data-state=marked] .dp-tile:after{opacity:0}.board[data-kind=pipes]{gap:3px}.board[data-kind=pipes] .dp-cell{background:radial-gradient(90% 90% at 30% 20%,#ffffff12,#0000 60%),linear-gradient(160deg,#2a3a44,#1a252c);border-radius:10px;box-shadow:inset 0 1px #ffffff14,inset 0 -2px 4px #0006}.dp-pipe{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dp-pipe__turn{transform-origin:50px 50px;transform-box:view-box;transition:transform .16s ease-out}.dp-pipe__wall{stroke:#b8733f;stroke-width:26px;stroke-linecap:butt;fill:none}.dp-pipe__water{stroke:#5a3a22;stroke-width:12px;fill:none;transition:stroke .2s}.dp-pipe__joint{fill:#d08a50;stroke:#7a4524;stroke-width:3px}.dp-cell.is-wet .dp-pipe__wall{stroke:#c9844c}.dp-cell.is-wet .dp-pipe__water{stroke:#5fe0ff;filter:drop-shadow(0 0 4px #5fe0ffe6)}.dp-cell.is-wet .dp-pipe__joint{fill:#e39a5c}.dp-spring{fill:#3aa7d8;stroke:#d9f6ff;stroke-width:4px}.dp-spring__eye{fill:#e8fbff}.board.is-solved .dp-cell{animation:.9s ease-out both dp-glow;animation-delay:calc((var(--r) + var(--c)) * 60ms)}@keyframes dp-glow{0%,to{filter:brightness()}40%{filter:brightness(1.7)saturate(1.2)}}.result{background:radial-gradient(100% 80% at 0% 0%, #ffbe5a24, transparent 60%), var(--surface-2);border:1px solid var(--line-strong);border-radius:20px;margin-block:8px 16px;padding:20px 22px}.result h2{margin-block:0 4px}.result__stars{letter-spacing:4px;color:#ffc94a;text-shadow:0 0 12px #ffbe4699;font-size:1.8rem;margin:0!important}.next-puzzle{color:var(--ink-muted);font-variant-numeric:tabular-nums}.new-day{background:var(--accent-tint);border-radius:12px;padding:10px 14px}.save-status{color:var(--ink-faint);font-size:.9rem}@media (prefers-reduced-motion:reduce){.board.is-solved .dp-cell{animation:none}.dp-pipe__turn,.dp-lantern,.dp-lantern i,.dp-tile{transition:none}}