*{box-sizing:border-box}:root{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,sans-serif;line-height:1.5;font-weight:400;color:#2b1d25;background-color:#fff1f0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(255,179,167,.45),transparent 55%),radial-gradient(circle at 80% 10%,rgba(255,244,214,.8),transparent 55%),radial-gradient(circle at 60% 80%,rgba(244,107,138,.35),transparent 60%),#fff1f0}#root{min-height:100vh}button{font:inherit;border:none;background:none}:root{--rose: #f46b8a;--rose-deep: #d33a5c;--peach: #ffb3a7;--butter: #fff4d6;--ink: #2b1d25;--card: rgba(255, 255, 255, .78);--shadow: 0 18px 40px rgba(43, 29, 37, .18);--board-w: 520px;--board-h: 520px}.page{min-height:100vh;padding:3.5rem 6vw 4rem;display:grid;place-items:center;position:relative}.page:before{content:"";position:fixed;inset:0;background:#2b1d258c;opacity:0;transition:opacity .8s ease;z-index:0;pointer-events:none}.page.complete:before{opacity:1}.hero{max-width:720px}.eyebrow{font-family:Palatino Linotype,Book Antiqua,Palatino,serif;font-size:.95rem;letter-spacing:.28rem;text-transform:uppercase;color:#2b1d25b3;margin:0 0 1rem}.hero h1{font-family:Garamond,Hoefler Text,Times New Roman,serif;font-size:clamp(2.6rem,4vw,4.4rem);margin:0 0 .8rem;color:var(--ink)}.subhead{font-size:1.1rem;line-height:1.6;color:#2b1d25c7;margin:0;max-width:520px}.play-area{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr);gap:2.5rem;align-items:start}.puzzle-stage{position:relative;min-height:520px;z-index:2}.completion-banner{position:absolute;top:-8.2rem;left:50%;transform:translate(-50%);padding:.75rem 1.6rem;border-radius:18px;background:#ffffffeb;border:1px solid rgba(211,58,92,.18);box-shadow:0 16px 36px #d33a5c33;font-family:Garamond,Hoefler Text,Times New Roman,serif;font-size:clamp(1.9rem,3vw,3rem);color:var(--rose-deep);text-align:center;white-space:nowrap;opacity:0;transform-origin:center;animation:message-rise 1s ease forwards;pointer-events:none;z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.page.complete .completion-banner{opacity:1}.puzzle-board{position:relative;width:var(--board-w);height:var(--board-h);margin:0 auto;border-radius:22px;background:linear-gradient(135deg,#fff7f5,#fff1dd 55%,#ffe6e1);box-shadow:var(--shadow);overflow:hidden;border:1px solid rgba(211,58,92,.2)}.board-highlight{position:absolute;inset:14px;border-radius:18px;border:2px dashed rgba(211,58,92,.2)}.board-inner{position:absolute;inset:26px;border-radius:18px;overflow:hidden;display:grid}.board-picture{position:absolute;inset:0;border-radius:18px;background:radial-gradient(circle at 20% 20%,rgba(244,107,138,.3),transparent 45%),radial-gradient(circle at 70% 30%,rgba(255,179,167,.4),transparent 50%),radial-gradient(circle at 50% 80%,rgba(255,244,214,.6),transparent 55%),linear-gradient(135deg,#ffffff59,#ffffff0d);box-shadow:inset 0 0 0 1px #d33a5c33}.explosion{position:absolute;width:180px;height:180px;left:20%;top:38%;transform:translate(-50%,-50%);pointer-events:none;z-index:2;mix-blend-mode:screen}.board-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:0;padding:6px;z-index:1}.slot{position:relative;border-radius:16px;border:2px dashed rgba(211,58,92,.18);background:#fff3;transition:opacity .3s ease;display:grid;place-items:center;overflow:visible}.slot.filled{opacity:1;border-color:transparent;background:transparent}.pieces{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;z-index:3}.piece{position:absolute;width:100%;height:100%;border-radius:18px;border:none;background:transparent;padding:0;box-shadow:none;cursor:grab;pointer-events:auto;display:grid;place-items:center;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,sans-serif;color:var(--ink);font-size:1.1rem;transition:transform .6s ease,box-shadow .6s ease}.piece:active{cursor:grabbing}.piece:hover{box-shadow:none}.piece.placed{box-shadow:none;cursor:default;transform:scale(1.03)}.pieces .piece{width:96px;height:96px}.piece-label{font-weight:700;letter-spacing:.08rem;fill:#2b1d25cc;font-size:16px}.piece-svg{width:100%;height:100%;overflow:visible;transform-origin:center}.piece-path{stroke:#d33a5c59;stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round}.piece-path.placed{stroke:#d33a5c40}.page.complete .piece-path,.page.complete .piece{opacity:0}.page.complete .slot{border-color:transparent;background:transparent}.page.complete .board-picture{background:url(/animation.gif) center/cover no-repeat;box-shadow:none}.page.complete .board-highlight{opacity:.15}.status{display:flex;flex-direction:column;gap:1.2rem}.status-card{padding:1.5rem 1.7rem;border-radius:20px;background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(211,58,92,.1)}.status-card.accent{background:#fff4d6cc}.status-title{font-family:Palatino Linotype,Book Antiqua,Palatino,serif;font-size:1.05rem;text-transform:uppercase;letter-spacing:.18rem;margin:0 0 .6rem;color:#2b1d25b3}.status-count{font-size:1.5rem;font-weight:600;margin:0 0 .4rem;color:var(--ink)}.status-note{margin:0;color:#2b1d25b3;line-height:1.5}.status-actions{margin-top:1.2rem}button.ghost{border:1px solid rgba(211,58,92,.4);background:transparent;color:var(--rose-deep);padding:.65rem 1.3rem;border-radius:999px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,sans-serif;cursor:pointer;transition:all .2s ease}button.ghost:hover{background:#f46b8a1f}.celebration{position:fixed;inset:0;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .8s ease;z-index:3}.celebration.show{opacity:1;pointer-events:auto}.heart{position:absolute;width:40px;height:40px;background:var(--rose);transform:rotate(45deg);opacity:.9;animation:float-up 12s ease-in-out infinite}.heart:before,.heart:after{content:"";position:absolute;width:40px;height:40px;background:var(--rose);border-radius:50%}.heart:before{top:-20px;left:0}.heart:after{left:-20px;top:0}.heart-1{bottom:-20%;left:18%;animation-delay:0s}.heart-2{bottom:-24%;right:20%;animation-delay:1s}.heart-3{bottom:-26%;left:22%;animation-delay:2s}.heart-4{bottom:-22%;right:18%;animation-delay:3s}.heart-5{bottom:-28%;left:48%;animation-delay:4s}.heart-6{bottom:-30%;left:30%;animation-delay:1.5s}.heart-7{bottom:-32%;right:32%;animation-delay:2.8s}.floater-emoji{position:absolute;bottom:-26%;left:62%;font-size:34px;animation:float-up 12s ease-in-out infinite;animation-delay:1.8s;opacity:.9;transform:translateY(0);background:transparent;border:none;cursor:pointer;pointer-events:auto}@keyframes float-up{0%,to{transform:translateY(0) rotate(45deg) scale(1);opacity:.85}50%{transform:translateY(-520px) rotate(45deg) scale(1.05);opacity:1}}@keyframes message-rise{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:900px){.play-area{grid-template-columns:1fr}.status{flex-direction:row;flex-wrap:wrap}.status-card{flex:1 1 220px}}@media(max-width:700px){:root{--board-w: 360px;--board-h: 360px}.page{padding:2.5rem 6vw 4rem}.puzzle-stage{min-height:480px}.pieces .piece{width:86px;height:86px}}