.completion-reward{position:relative;z-index:2;margin:0 0 30px;max-width:620px}.celebration-button{border:1px solid var(--gold);background:var(--gold);color:#071525;box-shadow:0 10px 30px rgba(233,189,100,.18)}.celebration-button:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(233,189,100,.3)}.completion-congratulations{margin-top:18px;padding:18px 22px;border:1px solid rgba(116,212,255,.45);border-left:4px solid var(--cyan);border-radius:10px;background:rgba(13,43,73,.9);color:#fff}.completion-congratulations strong,.completion-congratulations span{display:block}.completion-congratulations strong{font-size:22px;color:var(--gold)}.completion-congratulations span{margin-top:3px;color:#c6d6e4}.confetti-layer{position:fixed;inset:0;z-index:100;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-24px;left:var(--x);width:var(--w);height:var(--h);border-radius:2px;background:var(--colour);opacity:0;animation:confetti-fall var(--duration) cubic-bezier(.16,.72,.24,1) var(--delay) forwards;transform:translate3d(0,-20px,0) rotate(0)}@keyframes confetti-fall{10%{opacity:1}100%{opacity:0;transform:translate3d(var(--drift),105vh,0) rotate(var(--spin))}}@media(prefers-reduced-motion:reduce){.celebration-button:hover{transform:none}.confetti-piece{display:none}}
