/* Final thank-you scene. View markup: src/views/stages/done.php */
.completion-body {position:relative;overflow:hidden;padding:26px 22px 30px;background:radial-gradient(circle at 10% 20%,#effbff 0,transparent 45%),linear-gradient(165deg,#fff 0%,#f2f8ff 100%);border-radius:0 0 22px 22px}
.completion-confetti {pointer-events:none;position:absolute;inset:6px auto auto 0;width:100%;letter-spacing:clamp(12px,4vw,50px);text-align:center;white-space:nowrap;color:#66c2ff;opacity:.48;font-size:30px}
.completion-center {position:relative;max-width:550px;margin:0 auto;text-align:center;padding:24px 0 13px}
.completion-center .done-check {margin:0 auto 15px}
.completion-center h2 {font-size:clamp(29px,5vw,43px);font-weight:850;letter-spacing:-.05em;line-height:1.1;color:#152f60;margin:14px auto;max-width:540px}
.completion-center p {color:#536985;font-size:clamp(14px,2.8vw,17px);line-height:1.6;margin:10px auto;max-width:440px}
.completion-prizes-heading {margin:16px auto 8px;text-align:center;font-size:15px;color:#314d72}
.completion-gallery {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px auto 10px;max-width:700px}
.completion-item {min-width:0;display:flex;align-items:center;flex-direction:column;gap:8px;min-height:145px;padding:12px 5px 10px;text-align:center;background:#fff;border:1px solid #e4eeff;border-radius:16px;box-shadow:0 8px 25px rgba(20,81,154,.08)}
.completion-item img {width:100%;height:95px;max-width:124px;object-fit:contain;display:block}
.completion-item span {font-size:11px;line-height:1.25;overflow-wrap:anywhere;color:#51617c;font-weight:650;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.completion-note {max-width:510px;text-align:center;margin:16px auto}
.completion-ok {max-width:360px;width:100%;display:block;margin:20px auto 0;min-height:54px}
#form-submit:disabled {opacity:.55;cursor:not-allowed;filter:grayscale(.2)}
#form-submit:not(:disabled) {box-shadow:0 8px 25px rgba(15,95,219,.23)}
@media (max-width:480px) {.completion-body{padding:15px 12px 24px}.completion-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.completion-item{min-height:133px}.completion-item img{height:84px}.completion-center{padding-top:15px}.completion-center h2{font-size:31px}}
@media (prefers-reduced-motion:reduce){.completion-item {transition:none}}
@media (max-width:480px) {
  .completion-center .done-check {width:76px;height:76px;font-size:46px;margin-bottom:9px}
  .completion-center h2 {font-size:27px;margin:7px auto 9px}
  .completion-center p {line-height:1.4;margin:6px auto;font-size:13px}
  .completion-center {padding:4px 0 6px}
  .completion-prizes-heading {font-size:14px;margin:7px auto 4px}
  .completion-gallery {gap:7px;margin:8px auto}
  .completion-item {min-height:103px;padding:6px 5px 5px;gap:3px;border-radius:12px}
  .completion-item img {height:63px}
  .completion-item span {font-size:10px}
  .completion-note {margin:8px auto;line-height:1.35!important;font-size:11px!important}
  .completion-ok {margin:10px auto 0;min-height:48px}
}