.puzzle-section{padding:64px 0;border-top:1px solid var(--border-subtle)}.puzzle-header{text-align:center;margin-bottom:40px}.puzzle-eyebrow{display:inline-flex;padding:4px 14px;background:#c9962f1f;border:1px solid rgba(201,150,47,.25);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:16px}.puzzle-title{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:10px}.puzzle-lead{font-size:.9375rem;color:var(--text-secondary);max-width:460px;margin:0 auto;line-height:1.6}.puzzle-root{display:flex;justify-content:center}.pz-game{display:flex;flex-direction:column;align-items:center;gap:16px}.pz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;width:min(360px,88vw);height:min(360px,88vw);padding:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.07'/%3E%3C/svg%3E"),repeating-linear-gradient(91deg,#28140973 0 2px,#78482600 3px 9px,#1c0e0666 11px 13px),repeating-linear-gradient(89deg,#96603638 0 1px,#96603600 2px 22px),radial-gradient(130% 90% at 50% 14%,rgba(176,120,70,.5),transparent 60%),radial-gradient(150% 130% at 50% 120%,rgba(20,9,3,.55),transparent 62%),linear-gradient(158deg,#5a3318,#4a2811 44%,#3c200d 74%,#321a0a);border:2.5px solid rgba(214,168,86,.65);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 5px #d6a85647,inset 0 0 22px #0a050280;transition:opacity .3s}.pz-grid--done{opacity:.45;pointer-events:none}.pz-tile{width:100%;height:100%;border:2px solid rgba(214,168,86,.7);border-radius:var(--radius-md);cursor:pointer;background-color:var(--bg-elevated);background-repeat:no-repeat;box-shadow:inset 0 0 0 1.5px #d6a85647;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .1s,filter .12s,box-shadow .12s,border-color .18s;outline-offset:2px}.pz-tile--home{border-color:#22c55ee6;box-shadow:inset 0 0 0 1.5px #22c55e4d}.pz-tile:not(:disabled):hover{transform:scale(1.04);filter:brightness(1.12);box-shadow:inset 0 0 0 1.5px #d6a85647,0 0 0 2px #d6a856e6;z-index:1;position:relative}.pz-tile:not(:disabled):active{transform:scale(.96)}.pz-tile--blank{background-color:transparent;border-color:transparent;box-shadow:inset 0 0 14px #0a05028c;cursor:default}.pz-tile:disabled:not(.pz-tile--blank){cursor:default}.collection-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;width:min(320px,88vw)}.cc-img{width:100%;height:auto;display:block;aspect-ratio:16 / 9;object-fit:cover}.cc-body{padding:14px 18px 18px;display:flex;flex-direction:column;gap:3px}.cc-label{font-size:.6875rem;font-weight:600;color:var(--accent-bright);text-transform:uppercase;letter-spacing:.1em}.cc-name{font-size:1.0625rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.pz-card{display:flex;flex-direction:column;align-items:center;gap:14px}.pz-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;background:var(--success-dim);border:1px solid rgba(34,197,94,.28);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;color:var(--success)}.pz-card--reveal .collection-card{animation:pz-card-in .45s cubic-bezier(.34,1.3,.64,1) .15s both}@keyframes pz-card-in{0%{opacity:0;transform:scale(.82) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.pz-unlock-burst{display:flex;flex-direction:column;align-items:center;gap:4px;animation:pz-burst-in .4s ease-out both}@keyframes pz-burst-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pz-burst-icon{font-size:2.5rem;animation:pz-pop .5s cubic-bezier(.34,1.56,.64,1) both;display:block}@keyframes pz-pop{0%{transform:scale(.2) rotate(-15deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.pz-burst-title{font-size:1.375rem;font-weight:700;color:var(--text-primary);letter-spacing:-.025em;margin:0}.pz-burst-sub{font-size:.875rem;color:var(--text-secondary);margin:0}@media (max-width: 480px){.puzzle-section{padding:48px 0}.puzzle-header{margin-bottom:28px}}