@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{color:#fdfcff;--panel-bg:#080316d9;--border-glow:#ff4adf80;--accent:#ff4adf;--accent-two:#40f0ff;--accent-three:#ffd953;background-color:#03010a;font-family:Space Grotesk,Inter,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}body{min-height:100vh;color:inherit;background:radial-gradient(circle at 20% 20%,#ff4adf40,#0000 45%),radial-gradient(circle at 80% 10%,#40f0ff33,#0000 40%),#02010a;margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.alive-stage{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:clamp(1.5rem,4vw,3rem);display:flex;position:relative;overflow:hidden}.stage-halo{filter:blur(50px);background:radial-gradient(circle,#ff4adf40,#0000 60%);animation:22s linear infinite haloPulse;position:absolute;inset:-20%}.stage-content{z-index:1;flex-direction:column;gap:1.25rem;width:min(100%,960px);max-width:960px;padding:clamp(1rem,2vw,2rem);display:flex;position:relative}.stage-meta{letter-spacing:.32em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.95rem;display:flex}.stage-phase-pill{font-weight:700}.stage-countdown{opacity:.8;font-size:.85rem}.stage-heading{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:clamp(3rem,5vw,5.5rem)}.stage-subtext{color:#ffffffc7;font-size:1rem}.phase-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid #ffffff1a;border-radius:32px;padding:clamp(1.5rem,3vw,2.25rem);animation:6s ease-in-out infinite panelBeat;box-shadow:0 20px 60px #03010acc}.phase-panel.panel-earn{border-image:linear-gradient(120deg,#ff4adf,#40f0ff) 1}.phase-panel.panel-spend{border-image:linear-gradient(120deg,#40f0ff,#ffd953) 1}.panel-note{letter-spacing:.2em;text-transform:uppercase;color:#ffffffa6;font-size:.85rem}.question-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;margin-top:1.25rem;padding:1.5rem}.question{margin-bottom:1.3rem;font-size:1.5rem}.answers-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;display:grid}.answer-pill{background:linear-gradient(120deg,#ff4adf26,#40f0ff26);border:1px solid #ffffff26;border-radius:999px;justify-content:space-between;align-items:center;min-height:70px;padding:1rem;font-weight:600;display:flex}.answer-pill small{text-transform:uppercase;letter-spacing:.3em;font-size:.7rem}.gift-card{background:#ffffff05;border:1px solid #ffffff1a;border-radius:32px;flex-direction:column;gap:1.5rem;margin-top:1.2rem;padding:2rem;display:flex}.gift-card.gift-slam-in{animation:.6s cubic-bezier(.34,1.56,.64,1) giftSlamIn}.gift-card.gift-frantic{animation:.8s ease-in-out infinite giftFrantic}.gift-card.gift-frantic .gift-circle{animation:.4s ease-in-out infinite giftRingFrantic}.gift-circle{background:radial-gradient(circle,#ff4adf26,#40f0ff1a,#0000 70%);border:3px solid #ffffff4d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:280px;height:280px;margin:0 auto;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 20px 60px #03010acc,0 0 40px #ff4adf4d}.gift-circle.gift-ring-pulse{animation:.5s ease-out giftRingPulse}.gift-label{letter-spacing:.4em;text-transform:uppercase;opacity:.6;font-size:.65rem}.gift-name{letter-spacing:.3em;text-transform:uppercase;font-size:2.25rem;font-weight:700}.gift-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.gift-metrics span{letter-spacing:.3em;text-transform:uppercase;opacity:.6;font-size:.75rem;display:block}.gift-metrics strong{font-size:1.5rem;display:block}.gift-action-section{flex-direction:column;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.gift-primary-btn{letter-spacing:.2em;text-transform:uppercase;border:2px solid var(--accent);color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4adf4d,#40f0ff33);border-radius:999px;width:100%;max-width:400px;padding:1.25rem 2rem;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 8px 24px #ff4adf66}.gift-primary-btn:hover,.gift-primary-btn:focus-visible{border-color:var(--accent-two);background:linear-gradient(135deg,#ff4adf66,#40f0ff4d);transform:translateY(-2px);box-shadow:0 12px 32px #ff4adf99}.gift-bid-controls{flex-direction:column;gap:1rem;width:100%;max-width:500px;display:flex}.gift-bid-input-group{gap:.75rem;width:100%;display:flex}.gift-bid-input{color:#fff;text-align:center;background:#ffffff0d;border:2px solid #ffffff4d;border-radius:999px;flex:1;padding:1rem 1.25rem;font-size:1.1rem;font-weight:600}.gift-bid-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #ff4adf33}.gift-bid-submit{letter-spacing:.2em;text-transform:uppercase;border:2px solid var(--accent);color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4adf66,#40f0ff4d);border-radius:999px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 8px 24px #ff4adf66}.gift-bid-submit:hover:not(:disabled),.gift-bid-submit:focus-visible:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #ff4adf99}.gift-bid-submit:disabled{opacity:.5;cursor:not-allowed}.gift-quick-bids{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.gift-quick-bid{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff4d;border-radius:999px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s}.gift-quick-bid:hover,.gift-quick-bid:focus-visible{border-color:var(--accent);background:#ff4adf33;transform:translateY(-1px)}.sync-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#03010af2;justify-content:center;align-items:center;animation:.3s syncFadeIn;display:flex;position:fixed;inset:0}.sync-content{text-align:center;max-width:600px;padding:3rem}.sync-title{letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(135deg,var(--accent),var(--accent-two));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 1.5rem;font-size:clamp(3rem,8vw,6rem);font-weight:700;animation:2s ease-in-out infinite syncPulse}.sync-message{color:#fffc;letter-spacing:.1em;margin-bottom:2rem;font-size:1.25rem}.sync-retry-btn{letter-spacing:.2em;text-transform:uppercase;border:2px solid var(--accent);color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4adf66,#40f0ff4d);border-radius:999px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 8px 24px #ff4adf66}.sync-retry-btn:hover,.sync-retry-btn:focus-visible{transform:translateY(-2px);box-shadow:0 12px 32px #ff4adf99}.bottom-left,.bottom-right{z-index:5;flex-direction:column;gap:.6rem;display:flex;position:fixed}.bottom-left{bottom:clamp(1rem,2vw,1.5rem);left:clamp(1rem,2vw,1.5rem)}.bottom-right{align-items:flex-end;bottom:clamp(1rem,2vw,1.5rem);right:clamp(1rem,2vw,1.5rem)}.corner-pill{background:#040112b3;border:1px solid #fff3;border-radius:999px;align-items:center;gap:.35rem;padding:.7rem 1.25rem;font-size:1rem;transition:transform .3s,border-color .3s;display:inline-flex}.corner-pill:hover,.corner-pill:focus-visible{border-color:#ff4adfb3;transform:translateY(-2px)}.corner-pill span{font-size:1rem;font-weight:700}.floating-panel{background:#0a0518eb;border:1px solid #fff3;border-radius:24px;min-width:260px;margin-top:.9rem;padding:1rem;animation:.6s panelFloat;box-shadow:0 25px 45px #03010acc}.floating-panel header{text-transform:uppercase;letter-spacing:.3em;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.85rem;display:flex}.floating-panel header button{color:inherit;background:0 0;border:none;font-size:1.4rem;line-height:1}.floating-panel ul{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.floating-panel li{border-bottom:1px solid #ffffff14;flex-direction:column;gap:.15rem;padding-bottom:.6rem;font-size:.95rem;display:flex}.floating-panel li:last-child{border-bottom:none;padding-bottom:0}.floating-panel li strong{letter-spacing:.2em;font-size:1rem}.floating-panel li small{letter-spacing:.3em;opacity:.7;font-size:.7rem}.points-pill{background:#030114d9;border:1px solid #ffffff40;border-radius:999px;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem 1.25rem;font-size:.9rem;display:flex}.points-pill strong{letter-spacing:.2em;font-size:1.3rem}.avatar{letter-spacing:.3em;text-transform:uppercase;background:linear-gradient(135deg,#ff4adfcc,#40f0ffcc);border:2px solid #ffffff80;border-radius:50%;place-items:center;width:56px;height:56px;margin-top:.35rem;font-weight:700;display:grid;box-shadow:0 12px 30px #03010ab3}.profile-panel{width:min(320px,80vw)}.profile-body{text-align:left;flex-direction:column;gap:.65rem;line-height:1.4;display:flex}.profile-name{letter-spacing:.4em;text-transform:uppercase;font-size:1.3rem}.profile-recent{background:#ffffff05;border:1px solid #ffffff26;border-radius:18px;margin-top:.6rem;padding:.75rem;font-size:.85rem}.admin-root{flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto;padding:clamp(2rem,4vw,4rem);display:flex}.admin-root h1{margin:0;font-size:clamp(2.5rem,5vw,3.5rem)}.muted{color:#ffffffa6;margin-bottom:.5rem}.panel{background:#04011ad9;border:1px solid #ffffff1f;border-radius:28px;padding:clamp(1.5rem,3vw,2.25rem);box-shadow:0 20px 60px #00000073}.panel header{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.panel header h2{margin:0;font-size:1.5rem}.admin-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end;gap:.75rem;margin-top:1rem;display:grid}.admin-form label{letter-spacing:.2em;text-transform:uppercase;flex-direction:column;gap:.5rem;font-size:.85rem;display:flex}.admin-form input{color:#fff;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:12px;padding:.65rem .9rem}.admin-form button{color:#fff;letter-spacing:.2em;text-transform:uppercase;background:#ff4adf4d;border:1px solid #ffffff80;border-radius:999px;grid-column:span 2;padding:.75rem 1.25rem;font-weight:600}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem;display:grid}.grid article{background:#ffffff05;border:1px solid #ffffff1a;border-radius:18px;padding:1rem}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.metrics div{background:#ffffff05;border:1px solid #ffffff1a;border-radius:16px;padding:1rem}.metrics strong{letter-spacing:.2em;font-size:2rem}.moderator{margin-top:1rem}.slot-card{cursor:pointer;background:#ffffff05;border:1px solid #ffffff26;border-radius:16px;align-items:center;gap:.5rem;padding:.85rem;display:flex}.slot-card input{width:1rem;height:1rem}.slot-card span{text-align:left;flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}.admin-actions{gap:.75rem;margin-top:1rem;display:flex}.admin-actions button{letter-spacing:.3em;text-transform:uppercase;background:#40f0ff33;border:1px solid #ffffff4d;border-radius:12px;flex:1;padding:.75rem 1rem}.d-flex{flex-wrap:wrap;gap:1rem;display:flex}.ban-form{gap:.5rem;margin-top:.75rem;display:flex}.ban-form input{flex:1}.panel ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.panel ul li{border-bottom:1px solid #ffffff1a;padding:.5rem 0;font-size:.9rem}@keyframes haloPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes panelBeat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes panelFloat{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes giftRingPulse{0%{transform:scale(1);box-shadow:0 20px 60px #03010acc,0 0 40px #ff4adf4d}50%{transform:scale(1.08);box-shadow:0 25px 80px #03010ae6,0 0 60px #ff4adf99}to{transform:scale(1);box-shadow:0 20px 60px #03010acc,0 0 40px #ff4adf4d}}@keyframes giftSlamIn{0%{opacity:0;transform:scale(.3)translateY(-100px)}60%{transform:scale(1.05)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes giftFrantic{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-4px)rotate(-1deg)}75%{transform:translate(4px)rotate(1deg)}}@keyframes giftRingFrantic{0%,to{border-color:#ffffff4d;transform:scale(1)}50%{border-color:#ff4adfcc;transform:scale(1.05)}}@keyframes syncFadeIn{0%{opacity:0}to{opacity:1}}@keyframes syncPulse{0%,to{opacity:1}50%{opacity:.7}}