@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Italiana&display=swap');

:root{color-scheme:dark;--bg:#171c1d;--ink:#f3eee7;--muted:#a4aaa6;--accent:#d4b9a3;--line:#ffffff19;font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 50% 42%,#30403b40,transparent 60%),var(--bg)}
.masthead{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;margin:0 4.5%;padding:22px 0;border-bottom:1px solid var(--line)}.monogram-badge{display:grid;place-items:center;width:144px;height:144px;border-radius:50%;background:#f3eee7;overflow:hidden;isolation:isolate}.monogram{display:block;width:128px;height:128px;object-fit:contain;mix-blend-mode:multiply}.brand{font-size:11px;font-weight:500;letter-spacing:.25em;color:var(--muted)}
main{max-width:1600px;margin:auto}.intro{text-align:center;padding:32px 20px 10px}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.22em;color:var(--accent);margin:0 0 18px}h1,h2{font-family:'Italiana',Georgia,serif;font-weight:400}h1{font-size:clamp(38px,4.2vw,64px);line-height:1.14;max-width:1000px;margin:0 auto 20px;letter-spacing:-.02em;text-wrap:balance}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent);font-size:.93em}
.puzzle-section{max-width:1320px;margin:22px auto 0}.game-meta{display:flex;align-items:center;justify-content:center;gap:18px}.progress-label{text-transform:uppercase;font-size:12px;letter-spacing:.12em;color:var(--muted)}#count{color:var(--ink);font-variant-numeric:tabular-nums}.progress{display:flex;gap:5px}.progress i{width:5px;height:5px;border-radius:50%;background:#ffffff26;transition:background .4s}.progress i.filled{background:var(--accent)}
#puzzle{display:block;width:100%;overflow:visible;user-select:none;-webkit-user-select:none}.board-frame{fill:#10171888;stroke:#d4b9a35c;stroke-width:1;stroke-dasharray:3 5}.slot{fill:transparent;stroke:#d4b9a31c;stroke-width:.7;cursor:pointer}.board-copy{font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:2px;fill:#a4aaa6;pointer-events:none}.piece{cursor:grab;touch-action:none;outline:none;filter:drop-shadow(0 6px 5px #0007)}.piece .edge{fill:none;stroke:#ffffff40;stroke-width:1;pointer-events:none}.piece:focus-visible .edge,.piece.selected .edge{stroke:#f2d3b5;stroke-width:3}.piece.dragging{cursor:grabbing;filter:drop-shadow(0 12px 8px #0008)}.piece.placed{cursor:default;filter:none;pointer-events:none}.piece.placed .edge{stroke:#ffffff12;stroke-width:.5}.complete .piece.placed .edge{stroke:transparent;transition:stroke 1.4s}.complete .board-frame{stroke:#d4b9a390;stroke-dasharray:none}
.asset-error{text-align:center;color:var(--accent)}.reveal{text-align:center;padding:8px 20px 50px;animation:reveal 1.8s ease both}.reveal[hidden]{display:none}.reveal h2{font-size:clamp(32px,4vw,48px);margin:0 0 16px}.reveal>p:not(.eyebrow){color:var(--muted);font-size:14px}.countdown{display:flex;justify-content:center;gap:24px;margin:26px auto}.countdown div{min-width:76px}.countdown div>span{font-family:'Italiana',Georgia,serif;font-size:64px;font-variant-numeric:tabular-nums;line-height:1.1}.countdown small{display:block;font-size:12px;letter-spacing:.12em;margin-top:10px;color:var(--accent)}.countdown b{font-family:Georgia,serif;font-size:30px;font-weight:400;color:#d4b9a34d;padding-top:10px}.mission-date{letter-spacing:.05em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.celebration-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:100}
.celebration-mute{position:fixed;top:20px;right:20px;z-index:101;padding:10px 16px;border:1px solid var(--accent);border-radius:24px;background:var(--bg);color:var(--ink);font:500 14px 'DM Sans',sans-serif;cursor:pointer}
.celebration-mute[hidden]{display:none}.celebration-mute:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.celebration-mute:disabled{color:var(--muted);cursor:default}
@media(min-width:1500px){.puzzle-section{max-width:1380px}}@media(max-width:600px){.masthead{margin:0 22px;padding:18px 0;gap:12px}.monogram-badge{width:112px;height:112px}.monogram{width:96px;height:96px}.brand{font-size:10px;letter-spacing:.2em}.intro{padding:32px 24px 10px}.eyebrow{font-size:10px;letter-spacing:.13em}h1{font-size:clamp(20px,5.8vw,34px);max-width:none;margin:0 auto 18px}.puzzle-section{margin-top:18px}.game-meta{gap:12px}.progress-label{font-size:10px}.progress{gap:4px}.countdown{gap:12px}.countdown div{min-width:48px}.countdown div>span{font-size:44px}.countdown b{font-size:23px;padding-top:5px}.countdown small{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}