@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=IBM+Plex+Mono:wght@400;600&family=Noto+Sans:wght@400;600&display=swap";
:root{--black:#0e0d0d;--velvet:#621c2b;--red:#931f35;--paper:#f4efd9;--gold:#f2c14e;--green:#80b076;--line:#8f806b}*{box-sizing:border-box}body{background:var(--black);color:var(--paper);margin:0;font-family:Noto Sans,sans-serif}button,input,textarea{font:inherit}button{background:var(--gold);color:var(--black);text-transform:uppercase;cursor:pointer;border:0;padding:.8rem 1rem;font:600 .72rem IBM Plex Mono}button:hover{background:var(--green)}button:disabled{opacity:.35}main{min-height:100vh}header{background:var(--black);border-bottom:1px solid #443a34;justify-content:space-between;align-items:center;height:140px;padding:18px 28px;display:flex}h1{color:var(--paper);margin:8px 0;font:400 clamp(2.5rem,6vw,5rem)/.78 Archivo Black}h2{font-family:Archivo Black;font-weight:400}.wallet{align-items:center;gap:12px;display:flex}.wallet code,code{font-family:IBM Plex Mono}.theater{grid-template-columns:175px minmax(520px,1fr) 330px;min-height:650px;display:grid;position:relative}.fly,.desk{background:#171414;padding:24px 20px}.fly{border-right:1px solid #4d4039;flex-direction:column;gap:18px;font:500 .68rem IBM Plex Mono;display:flex}.fly b{color:var(--gold)}.fly .rope{border-left:1px solid var(--gold);border-right:1px solid var(--gold);width:6px;height:260px;margin-left:30px;position:relative}.fly .rope:after{content:"";border:2px solid var(--gold);border-radius:50%;width:20px;height:20px;position:absolute;bottom:-12px;left:-9px}.fly button{margin-top:auto}.proscenium{background:linear-gradient(#060606 0 65%,#1d1714);grid-template-rows:1fr 160px 82px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #000}.curtain{z-index:1;background:repeating-linear-gradient(90deg,var(--velvet),var(--velvet) 22px,#3d101c 23px,#741e31 42px);filter:drop-shadow(0 12px 10px #000);width:24%;height:68%;animation:1.2s both curtainRise;position:absolute;top:0}.curtain.left{transform-origin:0;left:0}.curtain.right{transform-origin:100%;right:0}.spotlight{z-index:0;clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);background:linear-gradient(175deg,#f2c14e6b,#0000 74%);width:42%;height:520px;animation:8s ease-in-out infinite alternate spotSweep;position:absolute;top:-100px;left:29%}.cueLamp{z-index:4;align-items:center;gap:8px;font:600 .6rem IBM Plex Mono;display:flex;position:absolute;top:20px;right:25px}.cueLamp i{background:#312929;border-radius:50%;width:12px;height:12px}.cueLamp.on i{background:var(--green);box-shadow:0 0 18px var(--green);animation:1.8s infinite cueSnap}.source{z-index:2;text-align:center;place-self:center;width:65%;animation:.8s both subtitleGlide}.source small{color:var(--gold);font:600 .65rem IBM Plex Mono}.source p{font-size:clamp(1.3rem,2.5vw,2.2rem);line-height:1.35}.rail{z-index:2;border-top:1px solid #4d4039;align-items:end;gap:8px;padding:22px;display:flex;overflow:auto}.rail div{background:var(--paper);min-width:220px;color:var(--black);box-shadow:0 6px 0 var(--red);padding:13px 15px;animation:.6s both subtitleGlide}.rail small{color:var(--red);font:600 .6rem IBM Plex Mono;display:block}.rail .blank{color:#887c72;box-shadow:none;background:0 0;border:1px dashed #66594f}.pit{z-index:2;background:#191614;border-top:8px solid #29221f;align-items:end;gap:8px;padding:12px 22px;display:flex}.pit label{flex:1}.desk{border-left:1px solid #4d4039}.desk small,label{text-transform:uppercase;letter-spacing:.1em;font:500 .62rem IBM Plex Mono}.desk h2{margin:18px 0 35px;font-size:2rem}.desk label{margin:20px 0;display:block}.desk textarea,.promptSheet textarea,.pit input{width:100%;color:var(--paper);background:#221e1b;border:1px solid #554942;min-height:88px;margin-top:7px;padding:.75rem;display:block}.pit input{min-height:auto}.desk button{width:100%;margin-top:12px}.callboard{background:var(--paper);color:var(--black);grid-template-columns:175px 1fr 1fr;gap:20px;padding:14px 28px;font:600 .68rem IBM Plex Mono;display:grid}.callboard.live{animation:1.1s infinite blackoutStrike}.callboard code{text-align:right}.promptSheet{z-index:10;background:var(--paper);color:var(--black);box-shadow:15px 15px 0 var(--red);grid-template-columns:1fr 1fr;gap:14px;padding:28px;animation:.55s both curtainCall;display:grid;position:absolute;inset:30px 12%}.promptSheet label{display:block}.promptSheet textarea{color:var(--black);background:#fff}.promptSheet .close{background:var(--black);color:#fff;position:absolute;top:0;right:0}.promptSheet button:last-child{grid-column:1/-1}footer{color:#9f938b;justify-content:space-between;padding:16px 28px;font-size:.72rem;display:flex}@keyframes curtainRise{0%{transform:scaleX(1)}to{transform:scaleX(.62)}}@keyframes spotSweep{to{transform:translate(10%)}}@keyframes cueSnap{50%{opacity:.35}}@keyframes subtitleGlide{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes blackoutStrike{50%{background:var(--red);color:#fff}}@keyframes curtainCall{0%{opacity:0;transform:scaleY(.1)}to{opacity:1;transform:none}}@media (max-width:1000px){.theater{grid-template-columns:120px 1fr}.desk{border:0;border-top:1px solid #4d4039;grid-column:1/-1}.desk label{max-width:700px}.fly .rope{height:160px}}@media (max-width:650px){header{height:auto;padding:14px}.wallet code{display:none}.theater{display:block}.fly{grid-template-columns:1fr 1fr;display:grid}.fly .rope{display:none}.proscenium{grid-template-rows:1fr 170px 110px;min-height:550px}.source{width:80%}.promptSheet{display:block;inset:10px}.promptSheet label{margin:12px 0}.callboard{grid-template-columns:1fr}.callboard code{text-align:left}footer{padding:15px;display:block}}