:root{color-scheme:dark;--pink:#ff28bd;--blue:#16c8ff;--yellow:#ffe000;--purple:#9a32ee;--red:#ee080d;--panel:#111622;--line:#53647f}
*{box-sizing:border-box}html{background:#030309}body{margin:0;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.hand{font-family:"Comic Sans MS","Bradley Hand",cursive}
.stage{width:min(760px,100%);margin:0 auto;padding:16px;min-height:100vh;overflow:hidden;position:relative;background:radial-gradient(circle at 12% 0,rgba(117,36,255,.34),transparent 25rem),radial-gradient(circle at 88% 0,rgba(0,144,255,.28),transparent 25rem),linear-gradient(#05060b,#090d17 58%,#05060a)}
.hero{text-align:center;position:relative;padding:16px 8px 2px}.brand{font-size:clamp(3rem,12vw,6.1rem);font-weight:1000;font-style:italic;letter-spacing:-.08em;line-height:.82;text-shadow:0 0 8px rgba(255,42,170,.95),0 0 24px rgba(39,207,255,.5)}.karaoke{margin-top:8px;font-size:clamp(1rem,4vw,1.6rem);letter-spacing:.42em;color:var(--blue);font-weight:900;text-shadow:0 0 12px rgba(39,207,255,.75)}
.panel{margin-top:18px;background:linear-gradient(180deg,rgba(19,25,39,.96),rgba(9,12,20,.96));border:1px solid #4c5b77;border-radius:18px;padding:14px;box-shadow:0 8px 24px rgba(0,0,0,.25)}label{display:block;font-size:.76rem;font-weight:900;letter-spacing:.03em;margin-bottom:6px}input,select{width:100%;min-height:46px;border-radius:12px;border:1px solid var(--line);background:#151b27;color:#fff;padding:.65rem .75rem;font-size:16px}.filters,.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.checks,.row{display:flex;flex-wrap:wrap;gap:14px;margin-top:13px}.check{font-size:.85rem;font-weight:700}.check input{width:auto;min-height:auto}.action,.small{min-height:48px;border:1px solid rgba(255,255,255,.18);border-radius:12px;color:#fff;font-weight:900;padding:9px 12px}.primary{background:#176fc0}.danger{background:#a91522}.neutral{background:#242b39}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head h2{margin:0;font-size:1rem}.history{margin-top:9px;color:#d5dce8;font-size:.9rem}.history-row{padding:8px 0;border-top:1px solid rgba(255,255,255,.08)}.history-row:first-child{border-top:0}.host-title{text-align:center;margin:12px 0 0;font-size:1.2rem}.host-card{margin-top:14px}.black-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-top:1px solid rgba(255,255,255,.08)}.remove{background:#55202a;border:0;color:white;border-radius:8px;padding:7px 10px}footer{text-align:center;color:#aeb9cb;font-size:.8rem;padding:18px 4px 8px}.tiny{color:#9ea9ba;font-size:.78rem}.warning{color:#ffd98a;font-size:.8rem}

.guest-page{background:#020208}.guest-stage{width:min(1024px,100%);padding:28px clamp(16px,4.5vw,48px) 34px;background:radial-gradient(ellipse at 50% 34%,rgba(5,22,56,.62),transparent 48%),radial-gradient(ellipse at 3% 5%,rgba(170,0,255,.52),transparent 18%),radial-gradient(ellipse at 97% 4%,rgba(0,80,255,.55),transparent 19%),linear-gradient(180deg,#02020a 0%,#04040a 56%,#010106 100%);isolation:isolate;box-shadow:0 0 80px #000 inset}.guest-stage:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,transparent 7%,rgba(65,24,255,.12) 19%,transparent 29%),linear-gradient(255deg,transparent 8%,rgba(0,122,255,.11) 20%,transparent 31%);pointer-events:none}.guest-stage:after{content:"🙌  🙌   🙌  🙌   🙌  🙌  🙌";position:absolute;z-index:-1;left:0;right:0;top:58%;overflow:hidden;white-space:nowrap;text-align:center;font-size:clamp(3rem,10vw,7rem);letter-spacing:.5rem;color:transparent;text-shadow:0 0 4px rgba(0,40,255,.78);filter:brightness(.45) saturate(2.5);opacity:.58;pointer-events:none}
.guest-hero{padding:0 0 18px;min-height:365px}.stage-light{position:absolute;top:-85px;width:36px;height:320px;border-radius:50%;filter:blur(11px);opacity:.76;transform-origin:top}.light-left{left:3%;transform:rotate(-17deg);background:linear-gradient(#fff,rgba(194,36,255,.85),transparent)}.light-right{right:2%;transform:rotate(16deg);background:linear-gradient(#fff,rgba(22,94,255,.9),transparent)}
.brand-lockup{position:relative;width:min(620px,76vw);margin:0 auto}.brand-lockup .brand{position:relative;z-index:2;font-family:"Brush Script MT","Segoe Script",cursive;font-size:clamp(4rem,12.5vw,8.3rem);font-style:italic;font-weight:900;letter-spacing:-.085em;line-height:.78;color:#fff;-webkit-text-stroke:2px #090013;text-shadow:-3px -2px 0 #ff29bd,5px 5px 0 #201778,0 0 26px rgba(255,43,211,.75)}.brand-lockup .karaoke{position:relative;z-index:2;width:72%;margin:15px auto 0;padding:2px 0 5px;border-bottom:3px solid #057cff;font-size:clamp(1.2rem,4.4vw,2.5rem);letter-spacing:.32em;color:#2edbff;text-shadow:0 0 13px #008cff}.mic-mark{position:absolute;z-index:3;left:-4%;top:1%;font-size:clamp(3.4rem,9vw,6.5rem);transform:rotate(-8deg);filter:drop-shadow(0 0 9px #ff35c9)}.soundwave{position:absolute;z-index:1;left:-8%;right:-7%;bottom:7%;height:35%;background:repeating-linear-gradient(90deg,transparent 0 11px,#a427ff 12px 17px,transparent 18px 25px);clip-path:polygon(0 43%,4% 43%,4% 25%,7% 25%,7% 60%,10% 60%,10% 5%,13% 5%,13% 90%,16% 90%,16% 35%,20% 35%,20% 48%,80% 48%,80% 25%,83% 25%,83% 80%,86% 80%,86% 10%,89% 10%,89% 70%,92% 70%,92% 35%,96% 35%,96% 50%,100% 50%,100% 55%,0 55%);filter:drop-shadow(0 0 4px #8c1cff)}.motto{position:absolute;right:1%;top:0;margin:0;text-align:left;color:#bac5dc;font-size:clamp(.76rem,2.2vw,1.22rem);line-height:1.18;transform:rotate(-7deg)}
.title-lockup{position:relative;margin:26px auto 0;display:flex;justify-content:center;align-items:center}.title-center{position:relative;z-index:3}.kamakaze{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(3rem,10vw,6.8rem);font-weight:1000;line-height:.76;letter-spacing:.02em;color:var(--yellow);transform:rotate(-3deg);-webkit-text-stroke:1px #7a5600;text-shadow:4px 5px 0 #6c4e00,0 0 19px rgba(255,216,0,.32)}.karaoke2{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(2.7rem,9vw,5.9rem);font-weight:1000;line-height:.93;letter-spacing:.035em;transform:rotate(-2deg);text-shadow:4px 5px 0 #1d1d25}.byline{font-size:clamp(1.15rem,3.2vw,2rem);margin-top:4px}.heart{font-size:1.4em;color:var(--pink);font-weight:900}.picked,.now-sing{position:absolute;margin:0;color:#c5ccdf;font-size:clamp(.72rem,2.5vw,1.45rem);line-height:1.22;z-index:4}.picked{left:0;bottom:12%;text-align:left;transform:rotate(-7deg)}.now-sing{right:0;bottom:5%;text-align:right;transform:rotate(4deg)}.picked span,.now-sing span{font-size:2.3em}.rocket{position:absolute;z-index:2;right:7%;top:0;font-size:clamp(3.8rem,10vw,7.5rem);transform:rotate(-11deg);filter:sepia(.4) saturate(.65) drop-shadow(0 6px 0 #181922)}
.guest-controls{position:relative;z-index:5;margin-top:8px}.name-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;padding:9px 13px 9px 22px;border:2px solid #63738e;border-radius:18px;background:linear-gradient(90deg,rgba(5,9,16,.98),rgba(12,18,29,.94));box-shadow:0 0 18px rgba(16,65,119,.13)}.name-row>label{margin:0;font-size:clamp(.9rem,2.3vw,1.25rem);text-transform:none}.input-wrap{display:flex;align-items:center;gap:10px;padding:0 18px;border-radius:12px;background:linear-gradient(100deg,#27303e,#111722);color:#cad4e8}.input-wrap input{border:0;background:transparent;min-height:52px;padding:.6rem 0;font-size:clamp(1rem,2.2vw,1.22rem);box-shadow:none}.input-wrap input:focus{outline:0}.filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}.filter-card{border:2px solid #52627d;border-radius:15px;padding:13px 13px 8px;background:radial-gradient(circle at 50% 0,rgba(9,35,63,.7),rgba(5,9,15,.97));box-shadow:inset 0 0 17px rgba(0,65,130,.16)}.filter-card label{font-size:clamp(.74rem,1.8vw,1rem);text-transform:none}.filter-card label span{font-size:1.5em;color:#d8e5fa}.filter-card select{border:0;background:transparent;min-height:34px;padding:0;font-size:clamp(.72rem,1.65vw,.96rem);color:#d8dfeb}.checks{position:relative;display:flex;gap:clamp(18px,4vw,42px);align-items:center;padding:10px 0 2px;margin-top:0}.switch-row{display:flex;align-items:center;gap:10px;margin:0;font-size:clamp(.72rem,1.8vw,.94rem);text-transform:none}.switch-row input{position:absolute;opacity:0;pointer-events:none}.switch{position:relative;flex:0 0 54px;height:30px;border-radius:999px;background:#323746;box-shadow:inset 0 2px 6px #000;transition:.2s}.switch:after{content:"";position:absolute;width:24px;height:24px;left:3px;top:3px;border-radius:50%;background:linear-gradient(#f4f7ff,#a9b4c8);box-shadow:0 2px 4px #000;transition:.2s}.switch-row input:checked+.switch{background:#079ff0;box-shadow:0 0 12px rgba(0,157,255,.45),inset 0 2px 5px rgba(0,0,0,.3)}.switch-row input:checked+.switch:after{transform:translateX(24px)}.switch-row input:focus-visible+.switch{outline:3px solid #fff;outline-offset:3px}.lucky{margin:0 0 0 auto;text-align:center;line-height:1.1;color:#c5cee3;font-size:clamp(.65rem,1.55vw,.88rem);transform:rotate(-4deg)}.lucky span{font-size:1.8em}
.button-zone{position:relative;text-align:center;min-height:410px;padding:31px 0 0;margin-top:0}.burst{position:absolute;left:50%;top:44%;width:min(520px,78vw);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:repeating-conic-gradient(from 2deg,rgba(255,195,0,.85) 0 1.4deg,transparent 1.8deg 7deg);filter:drop-shadow(0 0 12px #ffae00);mask-image:radial-gradient(circle,transparent 0 31%,#000 37% 60%,transparent 77%);animation:turn 24s linear infinite}.spin{position:relative;z-index:2;width:min(345px,63vw);aspect-ratio:1;border-radius:50%;border:22px solid #777d8e;background:radial-gradient(circle at 48% 25%,#ff5155 0,#f20b11 29%,#cf0005 70%,#760006 100%);color:#fff;font-family:Impact,"Arial Black",sans-serif;font-weight:1000;font-size:clamp(2.35rem,7.5vw,4.2rem);line-height:.8;letter-spacing:.015em;box-shadow:inset 0 0 0 8px #ff7777,inset 0 -25px 35px rgba(80,0,0,.7),0 0 0 8px #303545,0 15px 0 #151821,0 20px 30px #000,0 0 26px 8px #ffbd00;text-shadow:3px 4px 0 rgba(103,0,0,.55);transform:rotate(-2deg);transition:transform .12s}.spin:before{content:"";position:absolute;inset:-18px;border-radius:50%;border-top:8px solid #e6e9f2;border-left:6px solid #aeb5c7;pointer-events:none}.spin b{display:block;font-size:.75em;margin-top:12px}.spin:active{transform:rotate(-2deg) scale(.97)}.spin:disabled{filter:saturate(.55);cursor:wait}.status{position:relative;z-index:3;margin:27px 0 0;color:#c5cde0;font-size:.88rem}
.result{position:relative;z-index:4;margin-top:-30px;border:4px solid #f22ed4;border-radius:25px;padding:26px 26px 0;text-align:center;background:radial-gradient(ellipse at 50% 0,rgba(18,45,124,.64),rgba(17,6,49,.96) 48%,rgba(4,3,13,.99) 78%);box-shadow:0 0 20px rgba(255,42,229,.65),inset 0 0 28px rgba(0,100,255,.32);overflow:visible}.result:before{content:"🙌  🙌  🙌  🙌  🙌";position:absolute;left:0;right:0;bottom:67px;overflow:hidden;white-space:nowrap;color:transparent;text-shadow:0 0 3px #170088;opacity:.58;font-size:3.4rem;z-index:-1}.result-spot{position:absolute;top:-8px;width:18px;height:180px;filter:blur(7px);opacity:.8}.result-spot-left{left:14%;background:linear-gradient(#17a5ff,rgba(109,0,255,.5),transparent);transform:rotate(17deg)}.result-spot-right{right:14%;background:linear-gradient(#13b7ff,rgba(30,0,255,.5),transparent);transform:rotate(-17deg)}.result-kicker{position:relative;color:#fff;font-weight:1000;font-size:clamp(1rem,3vw,1.65rem);text-shadow:0 0 5px #00aaff,0 0 12px #008cff}.result-singer{margin-top:5px;color:#cdd7e8}.song-title{position:relative;font-size:clamp(2rem,7.6vw,4.4rem);font-weight:1000;line-height:1;margin-top:12px;text-shadow:0 4px 0 #15151d}.artist{font-size:clamp(1.2rem,4vw,2rem);font-weight:900;margin-top:8px;color:#fff}.meta{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:12px 110px 0}.pill{font-size:.72rem;border:1px solid #59657d;border-radius:999px;padding:4px 9px;color:#dfe7f3;background:rgba(0,0,0,.35)}.no-backing{position:absolute;right:3%;top:45px;font-size:clamp(.82rem,2.4vw,1.5rem);line-height:1.05;transform:rotate(-8deg);color:#d7d7ef}.no-backing i{display:block;width:95px;border-bottom:7px solid var(--pink);transform:rotate(-14deg);margin-top:7px}.actions{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px -4px -34px}.action{min-height:82px;padding:9px 10px;border-width:3px;border-radius:17px;box-shadow:inset 0 0 14px rgba(255,255,255,.18),0 0 14px currentColor}.action strong,.action small{display:block}.action strong{font-size:clamp(.76rem,1.8vw,1.05rem)}.action small{font-size:clamp(.62rem,1.35vw,.78rem);font-weight:500;margin-top:3px}.blue{background:linear-gradient(#149fe4,#0063ac);border-color:#16d3ff}.green{background:linear-gradient(#29d91e,#078107);border-color:#48ff2e}.purple{background:linear-gradient(#a844e8,#6820a2);border-color:#c45aff}.result>#hint{margin:43px 0 8px}.history-panel{margin-top:60px;border-color:#3b4760;background:rgba(7,10,18,.92)}.guest-footer{display:flex;justify-content:space-around;align-items:center;gap:18px;padding:45px 4px 16px;font-size:clamp(.66rem,1.7vw,.92rem);line-height:1.2}.guest-footer span{display:flex;align-items:center;gap:10px;text-align:left}.guest-footer b{font-family:Arial,sans-serif;font-size:3rem;color:var(--pink)}
@keyframes turn{to{transform:translate(-50%,-50%) rotate(360deg)}}@media(prefers-reduced-motion:reduce){.burst{animation:none}}
@media(max-width:700px){.guest-stage{padding:18px 13px 28px}.guest-hero{min-height:315px}.motto{display:none}.rocket{right:2%;top:12%}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.checks{gap:12px}.lucky{display:none}.button-zone{min-height:350px;padding-top:28px}.result{margin-top:-12px}.actions{gap:8px}.action{min-height:72px}.meta{margin-left:0;margin-right:0;padding-right:72px}.guest-footer{padding-top:42px}.guest-footer span{display:block;text-align:center}}
@media(max-width:440px){.guest-hero{min-height:280px}.brand-lockup{width:88vw}.mic-mark{left:-2%}.picked{left:0}.now-sing{right:0}.rocket{font-size:3.3rem}.name-row{grid-template-columns:1fr;gap:5px;padding:12px}.input-wrap{padding:0 12px}.switch{flex-basis:46px;height:26px}.switch:after{width:20px;height:20px}.switch-row input:checked+.switch:after{transform:translateX(20px)}.button-zone{min-height:310px}.spin{border-width:17px}.result{padding:22px 12px 0}.no-backing{top:58px;font-size:.78rem}.no-backing i{width:62px;border-width:4px}.actions{grid-template-columns:1fr;margin:22px 0 -120px}.result>#hint{margin-top:128px}.history-panel{margin-top:145px}.guest-footer{flex-direction:column;gap:12px;padding-top:30px}.filters,.grid2{grid-template-columns:1fr 1fr}.panel{padding:12px}}
@media(min-width:650px){.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Exact artwork crops from the supplied original poster. The functional form and
   live result remain native HTML layered between the branded artwork sections. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.poster-crop{position:relative;overflow:hidden;width:100%}.poster-crop img{display:block;width:100%;height:auto;max-width:none;user-select:none;pointer-events:none}.poster-header{aspect-ratio:1024/438;margin:-28px 0 0}.poster-header img{position:absolute;inset:0 auto auto 0}
.guest-controls{margin-top:2px}.poster-button-zone{min-height:0;padding:0;margin-top:4px;overflow:visible}.poster-button-art{aspect-ratio:1024/330}.poster-button-art img{position:absolute;left:0;top:0;transform:translateY(-45.2%)}.poster-button-art:after{content:"";position:absolute;z-index:2;right:0;top:0;width:31%;height:25%;background:radial-gradient(ellipse at 80% 0,#03030a 20%,rgba(3,3,10,.96) 52%,transparent 78%);pointer-events:none}
.poster-hit-target{position:absolute;z-index:4;left:50%;top:50%;width:42%;aspect-ratio:1;transform:translate(-50%,-48%);border:0;border-radius:50%;background:transparent;box-shadow:none}.poster-hit-target:before{display:none}.poster-hit-target:hover{box-shadow:0 0 34px 12px rgba(255,212,0,.48)}.poster-hit-target:active{transform:translate(-50%,-48%) scale(.97)}.poster-hit-target:focus-visible{outline:5px solid #fff;outline-offset:5px}.poster-hit-target:disabled{cursor:wait;filter:none}.poster-button-zone .status{margin:5px 0 18px}.result{margin-top:0}
.poster-footer{aspect-ratio:1024/150;margin-top:24px}.poster-footer img{position:absolute;left:0;bottom:0}
@media(max-width:700px){.poster-header{margin:-18px -13px 0;width:calc(100% + 26px)}.poster-button-zone{min-height:0;padding:0}.poster-button-art{width:calc(100% + 26px);margin-left:-13px}.poster-hit-target{width:43%;top:49%}.poster-button-zone .status{margin-top:4px}.result{margin-top:0}}
@media(max-width:440px){.poster-header{margin-top:-18px}.poster-button-zone{min-height:0}.poster-hit-target{width:44%}.history-panel{margin-top:145px}}