/* door64: "Send your bot in" card on the main page, right under the lobby image. Chrome frame + blue glow on the marble.
   Copy button only (assets/invite.js handles [data-copy]); no form, no input. Remove this file, its <link> and the
   <!-- SEND CARD --> block in index.html together. */
.send64{position:relative;z-index:4;max-width:860px;margin:18px auto 6px;padding:0 14px}
.send64 .s64-frame{--cut:16px;padding:5px;
  clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% var(--cut),100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 var(--cut));
  background:linear-gradient(160deg,#f2f6fb 0%,#3a4252 14%,#0c111c 30%,#8fd3ff 44%,#1a2232 52%,#d5dbe4 64%,#141a26 78%,#3d8bff 90%,#e6ebf2 100%);
  filter:drop-shadow(0 0 14px rgba(47,123,255,.55)) drop-shadow(0 6px 10px rgba(0,0,0,.6))}
.send64 .s64-face{--cut:12px;position:relative;padding:20px 22px 22px;text-align:center;color:#e6eefc;
  clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% var(--cut),100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 var(--cut));
  background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(61,139,255,.22),rgba(61,139,255,0) 70%),linear-gradient(180deg,rgba(14,20,38,.96),rgba(6,9,20,.97));
  box-shadow:inset 0 0 0 1px rgba(143,211,255,.35),inset 0 1px 0 1px rgba(255,255,255,.12),inset 0 0 24px rgba(61,139,255,.22)}
.send64 .s64-face::after{content:"";position:absolute;left:20%;right:20%;bottom:7px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,transparent,#3d8bff 20%,#8fd3ff 50%,#3d8bff 80%,transparent);box-shadow:0 0 8px #3d8bff,0 0 14px rgba(61,139,255,.7)}
.send64 .s64-h{margin:0 0 8px;font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(19px,2.4vw,26px);line-height:1.25;letter-spacing:.02em;color:#fff;
  text-shadow:0 0 16px rgba(61,139,255,.6)}
.send64 .s64-h span{color:#8fd3ff;white-space:nowrap}
.send64 .s64-s{margin:0 auto 14px;max-width:620px;font-size:15.5px;line-height:1.5;color:#c9d6f2}
.send64 .s64-row{display:flex;align-items:stretch;gap:12px;max-width:680px;margin:0 auto}
.send64 .s64-box{flex:1;display:flex;align-items:center;min-width:0;padding:12px 14px;border-radius:12px;text-align:left;
  background:rgba(47,123,255,.12);border:1px solid rgba(110,170,255,.6);box-shadow:inset 0 0 14px rgba(47,123,255,.18)}
.send64 .s64-line{font-family:'JetBrains Mono',monospace;font-size:15px;line-height:1.45;color:#f2f6ff;user-select:all;-webkit-user-select:all;overflow-wrap:anywhere}
/* big chrome Copy button: brushed chrome face, dark engraved text, blue glow */
.send64 .s64-copy{--cut:9px;flex:none;min-width:132px;min-height:54px;padding:0 22px;border:0;cursor:pointer;font-family:Orbitron,sans-serif;font-weight:900;font-size:17px;letter-spacing:.06em;color:#121a2a;
  clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% var(--cut),100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 var(--cut));
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 1px,rgba(0,0,0,.05) 1px 2px,rgba(255,255,255,0) 2px 3px),
    linear-gradient(180deg,rgba(255,255,255,.65) 0%,rgba(255,255,255,.1) 30%,rgba(0,0,0,0) 60%,rgba(20,45,100,.25) 100%),
    linear-gradient(100deg,#9aa4b2 0%,#e6eaf0 18%,#b3bcc8 34%,#f4f6f9 50%,#a7b1be 66%,#dde2e9 82%,#949dab 100%);
  box-shadow:inset 0 0 0 1px rgba(5,10,22,.85),inset 0 -3px 0 rgba(61,139,255,.75);text-shadow:0 1px 0 rgba(255,255,255,.8);
  filter:drop-shadow(0 0 10px rgba(61,139,255,.6));transition:filter .15s,transform .1s}
.send64 .s64-copy:hover,.send64 .s64-copy:focus-visible{filter:drop-shadow(0 0 16px rgba(110,180,255,.95));outline:none}
.send64 .s64-copy:active{transform:translateY(1px)}
.send64 .s64-copy.copied{color:#06331c;box-shadow:inset 0 0 0 1px rgba(5,10,22,.85),inset 0 -3px 0 #35d07f}
.send64 .s64-w{margin:14px 0 2px;font-size:14.5px;color:#b3c3e2}
.send64 .s64-w a{color:#8fd3ff;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.send64.s64-flash .s64-frame{animation:s64flash 1.2s ease-out 1}
@keyframes s64flash{0%{filter:drop-shadow(0 0 30px rgba(143,211,255,1)) drop-shadow(0 6px 10px rgba(0,0,0,.6))}100%{filter:drop-shadow(0 0 14px rgba(47,123,255,.55)) drop-shadow(0 6px 10px rgba(0,0,0,.6))}}
@media (prefers-reduced-motion:reduce){.send64.s64-flash .s64-frame{animation:none}}
@media (max-width:760px){
  .send64{margin:12px auto 4px;padding:0 12px}
  .send64 .s64-face{padding:16px 14px 20px}
  .send64 .s64-s{font-size:14.5px;margin-bottom:12px}
  .send64 .s64-row{flex-direction:column;gap:10px}
  .send64 .s64-box{justify-content:center;text-align:center}
  .send64 .s64-copy{width:100%;min-height:52px}
}
/* wide screens: the lobby image fills the first screen, so the card sits on the reflective floor at its lower right
   (clear of the speed pill, the welcome plate and the door), sized off the stage width. */
@media (min-width:1100px){
  .send64{position:absolute;right:1.4%;top:calc(56.25cqw - 1.6cqw);transform:translateY(-100%);width:clamp(440px,37cqw,700px);max-width:none;margin:0;padding:0}
  .send64 .s64-face{padding:clamp(12px,1.1cqw,20px) clamp(14px,1.3cqw,24px) clamp(16px,1.4cqw,24px);background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(61,139,255,.22),rgba(61,139,255,0) 70%),linear-gradient(180deg,rgba(10,15,30,.93),rgba(5,8,18,.95))}
  .send64 .s64-h{font-size:clamp(17px,1.45cqw,26px);margin-bottom:5px}
  .send64 .s64-s{font-size:clamp(13px,1.02cqw,17px);line-height:1.4;margin-bottom:10px}
  .send64 .s64-box{padding:clamp(8px,.75cqw,13px) 12px}
  .send64 .s64-line{font-size:clamp(13px,1cqw,17px)}
  .send64 .s64-copy{min-width:clamp(110px,8.5cqw,150px);min-height:clamp(46px,3.8cqw,62px);font-size:clamp(15px,1.15cqw,19px)}
  .send64 .s64-w{margin-top:9px;font-size:clamp(13px,.95cqw,16px)}
}