:root{--bg:#0f141c;--panel:#19212d;--panel2:#202a38;--line:#344155;--text:#eef2f7;--muted:#93a1b5;--accent:#7162ff;--danger:#b64755;--good:#2e9d72}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}header{height:68px;padding:0 24px;background:#121924;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}header b{font-size:20px}header span{margin-left:16px;color:var(--muted)}header a{color:var(--text);text-decoration:none;margin-left:18px}.shell{padding:22px;max-width:1500px;margin:auto}.topbar,.metrics,.workflow,.lower{display:grid;gap:16px}.topbar{grid-template-columns:1fr auto 116px;align-items:center;background:var(--panel);padding:18px;border:1px solid var(--line);border-radius:14px}.topbar h1{margin:4px 0}.code{font-size:34px;letter-spacing:.16em;font-weight:800}.qr-large{width:104px;background:#fff;padding:7px;border-radius:8px}.metrics{grid-template-columns:repeat(3,1fr);margin:16px 0}.metrics div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.metrics span{display:block;font-size:30px;font-weight:800}.metrics small,.topbar small{color:var(--muted)}.workflow{grid-template-columns:repeat(3,1fr)}.stage,.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;min-height:310px}.stage h2,.panel h2{margin-top:0}.cloud-orb{width:170px;height:120px;border-radius:50%;margin:25px auto;background:linear-gradient(145deg,#334158,#202a38);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #4b5b73}.cloud-orb span{font-size:42px;font-weight:800}.cloud-orb small{color:var(--muted)}button{border:0;border-radius:9px;padding:10px 13px;background:#3b475a;color:white;font:600 14px Segoe UI;cursor:pointer}.primary{background:var(--accent)}.danger{background:var(--danger)}.giant{width:100%;padding:14px;font-size:16px}.buttonrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.suggestion{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:15px;margin:9px 0}.suggestion small{display:block;color:var(--muted)}.suggestion strong{display:block;font-size:25px;margin:10px 0}.suggestion img{max-width:100%;max-height:230px;object-fit:contain;background:white}.empty,.muted{color:var(--muted)}.lower{grid-template-columns:1.2fr 1fr 1fr;margin-top:16px}.inputrow,.listrow{display:flex;gap:8px;align-items:center}.inputrow input{flex:1}input,select,textarea{background:#111821;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit;width:100%}.listrow{padding:9px 0;border-bottom:1px solid var(--line);justify-content:space-between}.listrow small{display:block;color:var(--muted)}.landing{text-align:center;padding:15vh 20px}.landing .brand{color:var(--accent);font-weight:800;letter-spacing:.12em}.landing h1{font-size:clamp(32px,7vw,70px);max-width:900px;margin:25px auto}.wrap{max-width:1100px;margin:auto;padding:22px}.wrap .panel{min-height:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.submission{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:12px;margin:10px 0}.prompt{font-size:1.2rem;font-weight:800}.answer{font-size:1.5rem;margin:8px 0}.display-body{background:#05070a;min-height:100vh;display:grid;place-items:center}.display-card{text-align:center;padding:6vw}.display-prompt{font-size:clamp(2rem,5vw,5rem);font-weight:700}.display-answer{font-size:clamp(3rem,8vw,8rem);font-weight:900;margin-top:.25em}.display-card img{max-width:90vw;max-height:80vh}.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.print-card{height:3.15in;border:1px dashed #777;padding:.18in;position:relative;background:white;color:#111;overflow:hidden}.print-card .watermark{position:absolute;inset:15%;width:70%;height:70%;object-fit:contain;opacity:.1}.print-card .content{position:relative;z-index:2}.print-card .qr{position:absolute;right:.12in;bottom:.12in;width:.72in}.line{border-bottom:2px solid #111;margin-top:.35in}.small{font-size:.8rem}@media(max-width:900px){.workflow,.lower{grid-template-columns:1fr}.topbar{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr 1fr}}@media print{header,.no-print{display:none!important}body{background:white}.wrap{max-width:none;padding:0}.panel{border:0;padding:0;margin:0}.cards-grid{grid-template-columns:repeat(2,1fr)}.print-card{height:3.33in;break-inside:avoid}}
/* Card designer refinements */
.card-brand{text-align:center;font-size:1.35rem;font-weight:900;letter-spacing:.02em;line-height:1.05}.card-instructions{text-align:center;font-size:.72rem;line-height:1.25;margin:.1in .72in 0;color:#333}.card-front .prompt{margin-top:.3in;font-size:1.05rem;text-align:left}.card-back{display:flex;align-items:center;justify-content:center;text-align:center}.back-brand{position:relative;z-index:2;font-size:1.65rem;font-weight:900;max-width:85%}.back-logo{position:absolute;width:58%;height:58%;object-fit:contain;opacity:.18}.card-back .qr{display:none}
/* Projector reveal */
.display-stage{width:100vw;height:100vh;display:grid;place-items:center;overflow:hidden;perspective:1800px}.cloud-draw{position:relative;width:100%;height:100%;display:grid;place-items:center}.cloud-puff{position:absolute;top:3vh;font-size:clamp(10rem,29vw,25rem);color:#dce8f7;filter:drop-shadow(0 18px 30px rgba(0,0,0,.35));opacity:.95}.cloud-puff.p2{transform:translateX(-18vw) scale(.7);opacity:.72}.cloud-puff.p3{transform:translateX(20vw) scale(.62);opacity:.66}.flip-card{width:min(78vw,1050px);aspect-ratio:1.58/1;perspective:1800px}.draw-card{position:absolute;top:-55vh;transform:rotate(-8deg) scale(.58);transition:top 1.05s cubic-bezier(.16,.83,.26,1),transform 1.05s cubic-bezier(.16,.83,.26,1)}.draw-card.landed{top:18vh;transform:rotate(0) scale(1)}.flip-inner{position:relative;width:100%;height:100%;transition:transform .75s cubic-bezier(.2,.72,.2,1);transform-style:preserve-3d}.flip-card.flipped .flip-inner{transform:rotateY(180deg)}.reveal-card-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:24px;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.48);border:2px solid rgba(0,0,0,.18)}.reveal-back{display:grid;place-items:center;text-align:center;font-size:clamp(2.7rem,6vw,6rem);font-weight:900;padding:6%;background:#172033}.display-back-logo{position:absolute;width:58%;height:58%;object-fit:contain;opacity:.16}.reveal-back div{position:relative;z-index:2}.reveal-front{transform:rotateY(180deg);background:#fbfaf4;color:#171717;padding:5% 7%;text-align:left}.display-watermark{position:absolute;inset:20%;width:60%;height:60%;object-fit:contain;opacity:.07}.display-card-brand{position:relative;text-align:center;font-size:clamp(2rem,4.3vw,4.5rem);font-weight:900}.display-card-instructions{position:relative;text-align:center;font-size:clamp(.85rem,1.5vw,1.45rem);color:#555;margin-top:.25em}.display-card-prompt{position:relative;font-size:clamp(1.5rem,3vw,3.2rem);font-weight:750;margin-top:8%;line-height:1.15}.display-card-answer{position:relative;font-size:clamp(2.2rem,5vw,5.5rem);font-weight:900;margin-top:4%;text-align:center}.display-write-line{position:relative;border-bottom:clamp(2px,.3vw,5px) solid #222;margin-top:2.5%}.display-photo{position:relative;display:block;max-width:88%;max-height:67%;object-fit:contain;margin:4% auto 0;background:white}.join-display{text-align:center}.join-display img{margin-top:30px;background:white;padding:20px;max-height:52vh}.static-card{transform:none}
@media(max-width:700px){.flip-card{width:92vw}.draw-card.landed{top:25vh}.reveal-card-face{border-radius:14px}}

/* v3 theatrical display */
.handwriting-input,.handwriting-answer{font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive!important}.handwriting-input{font-size:1.35rem;line-height:1.55;min-height:150px;background:#fffdf5;color:#17202a}
.display-body{display:block;background:radial-gradient(circle at 50% 20%,#29384f 0,#101722 58%,#05070b 100%);overflow:hidden}.display-layout{width:100vw;height:100vh;padding:4vh 4vw 2.5vh;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:2.5vh;position:relative}.reveal-window{position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.22);border-radius:28px;background:linear-gradient(#63b8f4,#bfe8ff 58%,#eefaff);box-shadow:0 28px 90px rgba(0,0,0,.55),inset 0 0 0 7px rgba(255,255,255,.08)}.display-stage{width:100%;height:100%;position:relative;z-index:3}.ambient-clouds{position:absolute;inset:0;overflow:hidden;z-index:1}.ambient-clouds span{position:absolute;width:34vw;height:12vw;min-height:100px;border-radius:50%;background:rgba(255,255,255,.72);filter:blur(2px);box-shadow:10vw 1vw 0 rgba(255,255,255,.68),20vw -1vw 0 rgba(255,255,255,.76);animation:cloudDrift 18s linear infinite}.ambient-clouds span:nth-child(1){top:8%;left:-42%;animation-duration:24s}.ambient-clouds span:nth-child(2){top:28%;left:-58%;transform:scale(.7);animation-delay:-8s;animation-duration:30s}.ambient-clouds span:nth-child(3){top:55%;left:-36%;transform:scale(1.2);animation-delay:-15s;animation-duration:28s}.ambient-clouds span:nth-child(4){top:72%;left:-65%;transform:scale(.55);animation-delay:-4s;animation-duration:22s}.ambient-clouds span:nth-child(5){top:-4%;left:-70%;transform:scale(.8);animation-delay:-18s;animation-duration:34s}.ambient-clouds span:nth-child(6){top:44%;left:-75%;transform:scale(.48);animation-delay:-12s;animation-duration:26s}@keyframes cloudDrift{to{left:120%}}
.venue-corner-logo{position:absolute;top:1.2vh;left:1.2vw;z-index:8;max-width:15vw;max-height:11vh;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.audience-banner{min-height:15vh;display:grid;grid-template-columns:1fr auto minmax(200px,.75fr);align-items:center;gap:2vw;padding:1.3vh 1.6vw;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(10,16,25,.92);box-shadow:0 12px 40px rgba(0,0,0,.38)}.banner-copy{display:flex;flex-direction:column}.banner-copy strong{font-size:clamp(1.2rem,2vw,2.2rem)}.banner-copy span{color:#b9c8da;font-size:clamp(.85rem,1.25vw,1.25rem)}.banner-copy b{margin-top:.35em;letter-spacing:.12em;color:#fff}.audience-banner>img{width:min(10vh,110px);height:min(10vh,110px);background:#fff;padding:6px;border-radius:10px}.powered-by{justify-self:end;display:flex;flex-direction:column;align-items:flex-end}.powered-by small{color:#92a3b8;margin-bottom:.35em}.powered-by div{display:flex;align-items:center;gap:12px}.powered-by img{max-width:110px;max-height:58px;object-fit:contain}.powered-by strong{font-size:clamp(1rem,1.5vw,1.45rem)}
.cloud-draw{overflow:hidden}.parting-cloud{position:absolute;z-index:5;font-size:clamp(14rem,34vw,34rem);line-height:.6;color:#f7fbff;filter:drop-shadow(0 15px 24px rgba(24,63,100,.3));transition:transform 1.25s cubic-bezier(.2,.8,.2,1),opacity 1.1s}.cloud-left{left:-4%;top:22%}.cloud-right{right:-4%;top:20%}.cloud-top{top:-15%;left:31%;transform:scale(.8)}.cloud-draw.open .cloud-left{transform:translateX(-65%) scale(1.12);opacity:.88}.cloud-draw.open .cloud-right{transform:translateX(65%) scale(1.12);opacity:.88}.cloud-draw.open .cloud-top{transform:translateY(-75%) scale(.8);opacity:.55}.draw-card{z-index:6;top:45%;opacity:0;transform:translateY(-60%) rotate(-6deg) scale(.62);transition:top 1.05s cubic-bezier(.16,.83,.26,1),transform 1.05s cubic-bezier(.16,.83,.26,1),opacity .6s}.draw-card.landed{top:13%;opacity:1;transform:translateY(0) rotate(0) scale(.92)}.glossy-card{border:1px solid rgba(255,255,255,.75)!important;box-shadow:0 30px 80px rgba(8,24,40,.48),0 8px 20px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.9)}.reveal-front{background:linear-gradient(145deg,#fffef9 0,#f5f1e7 58%,#fffdf8 100%)}.card-gloss{position:absolute;inset:0;pointer-events:none;z-index:9;background:linear-gradient(118deg,rgba(255,255,255,.52) 0,rgba(255,255,255,.12) 23%,transparent 43%,rgba(255,255,255,.18) 74%,transparent 100%);mix-blend-mode:screen}.handwriting-answer{font-weight:600;letter-spacing:.025em;color:#173d73;transform:rotate(-1deg);text-shadow:0 .5px 0 rgba(0,0,0,.15)}.cloud-idle{font-size:clamp(1.5rem,3vw,3rem);font-weight:800;color:#fff;text-shadow:0 4px 14px rgba(0,0,0,.3);padding:2rem;text-align:center}.static-card{transform:scale(.92)}
@media(max-width:800px){.display-layout{padding:2vh 2vw}.audience-banner{grid-template-columns:1fr auto}.powered-by{display:none!important}.venue-corner-logo{max-width:22vw}.draw-card.landed{top:22%}}

/* v4 display baseline + audience card flight */
.show-display{width:100vw;height:100vh;background:#11182c;position:relative;padding:7.5vh 2.6vw 2.5vh;display:grid;grid-template-rows:minmax(0,1fr) 15vh;gap:2.5vh;overflow:hidden}
.show-corner-logo{position:absolute;z-index:20;left:1.8vw;top:2vh;width:11.5vw;height:15vh;object-fit:contain;filter:drop-shadow(0 4px 12px #0006)}
.show-main{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 17vw;gap:3vw;align-items:center;padding-left:19vw}
.reveal-frame{height:100%;max-height:69vh;position:relative;overflow:hidden;background:linear-gradient(#77c7f4,#d9f1ff);border:1px solid #aeb6c2;box-shadow:0 0 0 1.2vw #05090e,0 0 0 calc(1.2vw + 1px) #aeb6c2}
.reveal-frame .ambient-clouds span{opacity:.85}
.reveal-frame .flip-card{width:min(55vw,900px)}
.reveal-frame .draw-card.landed{top:7%;left:50%;transform:translateX(-50%) rotate(0) scale(.88)}
.reveal-frame .draw-card{left:50%;transform:translateX(-50%) translateY(-60%) rotate(-6deg) scale(.58)}
.reveal-frame .static-card{position:absolute;left:50%;top:7%;transform:translateX(-50%) scale(.88)}
.used-stack{height:60vh;position:relative;display:block}
.history-card{position:absolute;width:13vw;aspect-ratio:1.58/1;background:#fffdf7;color:#171717;border:1px solid #bbb;padding:.75vw;border-radius:.15vw;box-shadow:0 8px 18px #0005;overflow:hidden}
.history-card:nth-child(1){top:36%;left:0}.history-card:nth-child(2){top:27%;left:2vw}.history-card:nth-child(3){top:18%;left:4vw}.history-card:nth-child(4){top:9%;left:6vw}.history-card:nth-child(5){top:0;left:8vw}
.history-card .display-card-brand{font-size:.82vw}.history-card .display-card-instructions{font-size:.32vw}.history-card .display-card-prompt{font-size:.55vw;margin-top:10%}.history-card .display-card-answer{font-size:.75vw;margin-top:4%}.history-card .display-write-line{border-width:1px}.history-card .display-watermark{inset:22%;width:56%;height:56%}
.show-banner{height:15vh;background:#f7f7f7;color:#0b0b0b;border-radius:2.5vw;display:grid;grid-template-columns:12vw 1fr 22vw;align-items:center;margin:0 0 0 0;padding:0 2vw 0 13.5vw;position:relative}
.qr-pod{position:absolute;left:0;bottom:-1.1vh;width:13vw;height:17vh;border-radius:2.3vw;background:#f7f7f7;display:grid;place-items:center}.qr-pod img{width:10.2vw;height:10.2vw;max-height:14vh;object-fit:contain}
.show-banner .banner-copy strong{font-size:clamp(1.7rem,3vw,3.7rem);line-height:1}.show-banner .banner-copy span{font-size:clamp(1.1rem,2vw,2.6rem);font-weight:800;color:#193c6c;margin-top:.45em}.show-banner .banner-copy b{font-size:.8vw;color:#555}
.show-banner .powered-by{color:#111;align-items:center}.show-banner .powered-by small{font-size:1.7vw;color:#111;font-weight:900}.show-banner .powered-by img{max-width:8vw;max-height:7vh}.show-banner .powered-by strong{font-size:1.3vw;color:#193c6c}
.join-wrap{max-width:1100px;margin:auto;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.join-preview-wrap h2{margin-top:0}.audience-card-preview,.mini-flying-card{aspect-ratio:1.58/1;background:#fffdf7;color:#171717;border-radius:18px;padding:6%;position:relative;overflow:hidden;box-shadow:0 20px 55px #0006}.preview-watermark{position:absolute;inset:20%;width:60%;height:60%;object-fit:contain;opacity:.08}.preview-brand{text-align:center;position:relative;font-size:clamp(1.4rem,3vw,2.6rem);font-weight:900}.preview-sub{text-align:center;position:relative;color:#666;margin-top:.2em}.preview-prompt{position:relative;font-size:clamp(1rem,2vw,1.6rem);font-weight:800;margin-top:9%}.preview-answer{position:relative;text-align:center;font-size:clamp(1.6rem,3.4vw,3rem);margin-top:6%}.preview-line{position:relative;border-bottom:2px solid #222;margin-top:4%}
.send-animation{position:fixed;inset:0;background:#75c7f4;z-index:100;display:none;place-items:center;overflow:hidden}.send-animation.active{display:grid}.send-animation>strong{position:absolute;bottom:10%;font-size:clamp(1.6rem,6vw,3.4rem);color:white;text-shadow:0 4px 12px #174d78}.send-sky{position:absolute;inset:0}.send-cloud{position:absolute;font-size:45vw;color:#fff;filter:drop-shadow(0 8px 20px #3d789766);z-index:4;transition:transform 1.5s ease}.send-cloud.c1{left:-25%;top:0}.send-cloud.c2{right:-25%;top:5%}.send-cloud.c3{left:15%;top:-38%}.mini-flying-card{position:absolute;z-index:3;width:min(78vw,520px);left:50%;top:58%;transform:translate(-50%,-50%) scale(1);transition:transform 1.7s cubic-bezier(.3,.7,.2,1),opacity 1.3s}.send-animation.swallowed .mini-flying-card{transform:translate(-50%,-135%) scale(.08) rotate(8deg);opacity:.15}.send-animation.swallowed .c1{transform:translateX(20%)}.send-animation.swallowed .c2{transform:translateX(-20%)}.send-animation.swallowed .c3{transform:translateY(12%)}
@media(max-width:760px){.join-wrap{grid-template-columns:1fr}.show-main{padding-left:13vw;grid-template-columns:1fr 12vw}.show-display{padding-left:2vw}.show-corner-logo{width:14vw}.history-card{width:12vw}.show-banner{grid-template-columns:14vw 1fr;padding-left:15vw}.show-banner .powered-by{display:none}}

/* v5: unified 16:9-ish display composition and moderator layout */
.display-body{margin:0;background:#11182c;overflow:hidden}
.display-canvas{
  position:relative;width:100vw;height:100vh;overflow:hidden;background:#11182c;
  padding:2.3vh 2.6vw 2.7vh;
  display:grid;grid-template-rows:minmax(0,1fr) 15.7vh;gap:2.2vh;
}
.canvas-show-logo{
  position:absolute;z-index:30;left:1.7vw;top:2.6vh;
  width:10.5vw;height:16vh;object-fit:contain;filter:drop-shadow(0 .5vh 1.2vh #0007)
}
.display-composition{
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 18.5vw;
  gap:3.7vw;
  align-items:center;
  padding-left:19vw;
  padding-right:1vw;
}
.reveal-frame{
  width:100%;height:auto;aspect-ratio:1.64/1;max-height:68.5vh;
  justify-self:center;align-self:center;
  position:relative;overflow:hidden;
  background:linear-gradient(#76c5f2,#d9f1ff);
  border:1px solid #aeb6c2;
  box-shadow:0 0 0 1.15vw #05090e,0 0 0 calc(1.15vw + 1px) #aeb6c2;
}
.display-stage{position:absolute;inset:0;z-index:3}
.reveal-frame .flip-card{
  width:76%;max-width:none;aspect-ratio:1.58/1;
}
.reveal-frame .draw-card{
  left:50%;top:-55%;
  transform:translateX(-50%) rotate(-5deg) scale(.64);
}
.reveal-frame .draw-card.landed{
  left:50%;top:9%;
  transform:translateX(-50%) rotate(0) scale(1);
}
.reveal-frame .static-card{
  position:absolute;left:50%;top:9%;
  transform:translateX(-50%) scale(1);
}
.reveal-card-face{border-radius:1.25vw}
.reveal-front{padding:5.2% 7% 4.5%}
.display-card-brand{font-size:clamp(1.5rem,2.7vw,3.8rem);line-height:1.05}
.display-card-instructions{font-size:clamp(.7rem,1vw,1.25rem)}
.display-card-prompt{font-size:clamp(1.2rem,2vw,2.8rem);margin-top:7%;line-height:1.12}
.display-card-answer{font-size:clamp(1.7rem,3.2vw,4.5rem);margin-top:4%;line-height:1.05}
.display-write-line{margin-top:3%}

.used-stack{
  width:18.5vw;height:58vh;position:relative;align-self:center;justify-self:start;
}
.history-card{
  position:absolute;width:12.5vw;aspect-ratio:1.58/1;
  background:#fffdf7;color:#171717;border:1px solid #bbb;
  padding:.65vw;border-radius:.16vw;box-shadow:0 .8vh 1.8vh #0005;overflow:hidden;
}
/* newest at upper-right, older cards descend down-left */
.history-card:nth-child(1){top:0;right:0}
.history-card:nth-child(2){top:9.2vh;right:1.8vw}
.history-card:nth-child(3){top:18.4vh;right:3.6vw}
.history-card:nth-child(4){top:27.6vh;right:5.4vw}
.history-card:nth-child(5){top:36.8vh;right:7.2vw}
.history-card .display-card-brand{font-size:.78vw;line-height:1}
.history-card .display-card-instructions{font-size:.28vw;margin-top:.15vw}
.history-card .display-card-prompt{font-size:.47vw;margin-top:7%;line-height:1.05}
.history-card .display-card-answer{font-size:.68vw;margin-top:3%;line-height:1.02}
.history-card .display-write-line{border-width:1px;margin-top:3%}

.show-banner{
  min-height:0;height:15.7vh;width:100%;
  background:#f7f7f7;color:#0a0a0a;border-radius:2.35vw;
  position:relative;display:grid;
  grid-template-columns:minmax(0,1fr) 22vw;
  align-items:center;column-gap:2vw;
  padding:1.4vh 2.2vw 1.4vh 14vw;
}
.qr-pod{
  position:absolute;left:0;bottom:-1vh;
  width:13.1vw;height:17.4vh;border-radius:2.35vw;
  background:#f7f7f7;display:grid;place-items:center
}
.qr-pod img{width:9.3vw;height:9.3vw;max-height:13.2vh;object-fit:contain}
.show-banner .banner-copy{min-width:0;display:flex;justify-content:center}
.show-banner .banner-copy strong{
  font-size:clamp(1.6rem,2.65vw,3.4rem);line-height:.98;white-space:nowrap
}
.show-banner .banner-copy span{
  font-size:clamp(1rem,1.65vw,2.1rem);line-height:1.05;
  font-weight:850;color:#193c6c;margin-top:.45em;white-space:nowrap
}
.show-banner .banner-copy b{font-size:clamp(.55rem,.65vw,.8rem);margin-top:.45em;color:#555}
.show-banner .powered-by{
  width:100%;justify-self:end;align-items:center;text-align:center;color:#111
}
.show-banner .powered-by small{
  font-size:clamp(.9rem,1.5vw,1.9rem);line-height:1;color:#111;font-weight:900
}
.show-banner .powered-by div{justify-content:center;width:100%;gap:.75vw}
.show-banner .powered-by img{max-width:8.4vw;max-height:7.4vh}
.show-banner .powered-by strong{font-size:clamp(.75rem,1.05vw,1.35rem);color:#193c6c}

.cloud-idle{
  position:absolute;inset:0;display:grid;place-items:center;
  font-size:clamp(1.3rem,2.3vw,2.7rem)
}

/* Moderator console v5 */
.moderator-shell{max-width:1800px}
.moderator-grid{
  display:grid;
  grid-template-columns:minmax(310px,1.2fr) repeat(3,minmax(250px,1fr));
  grid-template-rows:minmax(370px,auto) minmax(280px,auto);
  gap:16px;
}
.prompt-library-panel{
  grid-column:1;grid-row:1 / span 2;min-height:700px;
  display:flex;flex-direction:column
}
.prompt-library-list{
  margin-top:12px;overflow:auto;max-height:calc(100vh - 360px);padding-right:4px
}
.cloud-stage{grid-column:2;grid-row:1}
.moderator-grid>.stage:nth-of-type(3){grid-column:3;grid-row:1}
.moderator-grid>.stage:nth-of-type(4){grid-column:4;grid-row:1}
.pocket-panel{grid-column:2 / span 1;grid-row:2}
.history-panel{grid-column:3 / span 2;grid-row:2}
.moderator-grid .stage,.moderator-grid .panel{min-height:0}

@media(max-width:1150px){
  .moderator-grid{grid-template-columns:minmax(280px,1fr) repeat(2,minmax(240px,1fr))}
  .prompt-library-panel{grid-column:1;grid-row:1 / span 3}
  .cloud-stage{grid-column:2}.moderator-grid>.stage:nth-of-type(3){grid-column:3}
  .moderator-grid>.stage:nth-of-type(4){grid-column:2;grid-row:2}
  .pocket-panel{grid-column:3;grid-row:2}.history-panel{grid-column:2 / span 2;grid-row:3}
}
@media(max-width:800px){
  .display-composition{padding-left:13vw;grid-template-columns:minmax(0,1fr) 13vw;gap:2vw}
  .canvas-show-logo{width:12vw}
  .history-card{width:11.5vw}
  .show-banner{padding-left:14vw;grid-template-columns:1fr 19vw}
  .show-banner .banner-copy strong,.show-banner .banner-copy span{white-space:normal}
  .moderator-grid{display:block}.moderator-grid>*{margin-bottom:14px}
  .prompt-library-panel{min-height:420px}.prompt-library-list{max-height:320px}
}

/* v5.1 Tcl-free web dashboard */
.web-dashboard{max-width:1500px}.dashboard-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:8px 0 20px}.dashboard-hero small{color:var(--accent);font-weight:800;letter-spacing:.16em}.dashboard-hero h1{font-size:clamp(2rem,4vw,4rem);margin:.15em 0}.dashboard-hero p{color:var(--muted);font-size:1.15rem}.server-pill{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:10px 15px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(500px,1.4fr);gap:18px}.create-show-panel label{display:block;margin:12px 0}.panel-heading{display:flex;align-items:center;justify-content:space-between}.dashboard-show-list{display:grid;gap:10px}.dashboard-show-card{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px}.dashboard-show-card strong{display:block;font-size:1.1rem}.dashboard-show-card span{display:block;color:var(--muted);margin-top:3px}.dashboard-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.dashboard-actions a{background:#303b4d;color:var(--text);text-decoration:none;padding:8px 10px;border-radius:8px;font-weight:650}.dashboard-actions a:first-child{background:var(--accent);color:#fff}@media(max-width:850px){.dashboard-grid{grid-template-columns:1fr}.dashboard-hero{align-items:flex-start;flex-direction:column}.dashboard-show-card{align-items:flex-start;flex-direction:column}.dashboard-actions{justify-content:flex-start}}