/* Static editorial gallery. No simulation engines or autoplay. */
.draw-cinema{min-height:540px;margin-bottom:30px}
.draw-cinema .cinematic-copy{width:55%;padding:54px}
.draw-cinema .cinematic-copy h2{font-size:clamp(54px,5.8vw,86px)}
.draw-cinema .cinematic-copy>.eyebrow{max-width:330px;color:var(--amber);font-size:12px;line-height:1.5}
.draw-cinema .cinematic-copy>p:not(.eyebrow){max-width:390px;font-size:16px}
.draw-cinema .community-scene-chips{flex-wrap:wrap;gap:12px}
.draw-cinema .community-scene-chips span{font-size:12px}
.draw-gallery{scroll-margin-top:115px}
.draw-gallery-captures{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.draw-photo-card{min-width:0}
.draw-photo-cover{display:block;position:relative;overflow:hidden;aspect-ratio:1.95;border:1px solid #ffffff1b;border-radius:14px;background:#071117}
.draw-photo-cover>img{display:block;width:100%;height:100%;object-fit:cover}
.draw-photo-plinko .draw-photo-cover>img{object-fit:contain}
.draw-photo-expand{position:absolute;right:14px;bottom:14px;display:grid;width:34px;height:34px;place-items:center;border:1px solid #ffffff40;border-radius:50%;background:#07110cdd;color:#f1f4ea;font-size:19px}
.draw-photo-cover:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.draw-photo-copy{padding:19px 2px 27px}
.draw-photo-copy h4{color:var(--ink);font-size:23px;letter-spacing:-.035em}
.draw-photo-copy p{margin-top:7px;color:#a7aaa2;font-size:13px;line-height:1.6}
.draw-gallery-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.draw-scene{position:relative;min-width:0;height:410px;overflow:hidden;border:1px solid #ffffff21;border-radius:14px;background:#101613;isolation:isolate}
.draw-scene>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;z-index:-2}
.draw-scene:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#080b0d00 20%,#080b0d58 46%,#080b0df2 100%)}
.draw-scene-chat,.draw-scene-case{display:grid;grid-template-rows:245px 1fr;background:#101413}
.draw-scene-chat{border-color:#75678b42}
.draw-scene-case{border-color:#a4794e42}
.draw-scene-chat:after,.draw-scene-case:after{display:none}
.draw-scene-chat .draw-scene-copy,.draw-scene-case .draw-scene-copy{position:static;min-width:0;padding:23px 25px 25px;border-top:1px solid #ffffff0c;background:#101413}
.draw-chat-poster{position:relative;overflow:hidden;background:radial-gradient(ellipse at 30% 30%,#6740a84a,transparent 65%),radial-gradient(ellipse at 95% 95%,#659a4240,transparent 55%),linear-gradient(135deg,#1b1b28,#111b1b)}
.draw-chat-poster:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 92%,#0f161666),repeating-linear-gradient(90deg,transparent 0 47px,#ffffff03 47px 48px)}
.draw-chat-orbit{position:absolute;left:50%;top:29px;transform:translateX(-50%) rotate(-25deg);width:185px;height:185px;border:1px solid #bbcab326;border-radius:50%;box-shadow:0 0 0 19px #ffffff03,0 0 0 39px #ffffff02}
.draw-chat-ticket{position:absolute;left:50%;top:61px;transform:translateX(-50%) rotate(-7deg);display:flex;width:225px;height:125px;align-items:center;justify-content:center;flex-direction:column;gap:7px;border:1px solid #e3ff7359;border-radius:15px;background:linear-gradient(135deg,#293729,#18231d);box-shadow:0 22px 38px #0008,inset 0 1px #efffd329;color:#e3ff96}
.draw-chat-ticket:before,.draw-chat-ticket:after{content:"";position:absolute;top:49px;width:22px;height:22px;border-radius:50%;background:#171e20;border:1px solid #e3ff7330}
.draw-chat-ticket:before{left:-12px}.draw-chat-ticket:after{right:-12px}
.draw-chat-ticket>svg{width:22px;height:22px;opacity:.75}
.draw-chat-ticket>b{font-family:var(--display);font-size:46px;line-height:1;font-weight:700;letter-spacing:.015em}
.draw-chat-ticket>span{font-size:7px;font-weight:650;letter-spacing:.15em;color:#c8d4b7}
.draw-chat-brand{position:absolute;z-index:1;display:grid;place-items:center;width:65px;height:65px;border:1px solid #ffffff20;border-radius:19px;box-shadow:0 12px 26px #0005}
.draw-chat-brand>img{width:33px;height:33px}
.draw-chat-brand-twitch{left:8%;top:33px;transform:rotate(-13deg);background:linear-gradient(145deg,#39294e,#211c32);border-color:#aa80ed55}
.draw-chat-brand-kick{right:8%;bottom:30px;transform:rotate(12deg);background:linear-gradient(145deg,#253b24,#18251d);border-color:#a5ed6a44}
.draw-chat-spark{position:absolute;font-size:26px;font-weight:300;color:#c0c6b288}
.draw-chat-spark-one{right:16%;top:25px;transform:rotate(15deg)}.draw-chat-spark-two{left:14%;bottom:29px;transform:rotate(-12deg);font-size:17px}
.draw-case-poster{position:relative;overflow:hidden;background:radial-gradient(ellipse at 72% 45%,#9d392545,transparent 68%),linear-gradient(135deg,#242420,#181617)}
.draw-case-backtype{position:absolute;top:8px;left:22px;color:#f0d9ab0a;font-family:var(--display);font-size:147px;font-weight:700;line-height:1;letter-spacing:-.025em}
.draw-case-light{position:absolute;left:16%;right:10%;bottom:14px;height:1px;background:linear-gradient(90deg,transparent,#dd965399,transparent);box-shadow:0 0 28px 6px #e0984322}
.draw-case-poster>img{position:absolute;object-fit:contain}
.draw-case-reward{right:-3%;top:-24px;width:100%;height:254px;transform:rotate(-16deg);filter:drop-shadow(0 24px 14px #000a);z-index:1}
.draw-case-crate{left:4%;bottom:10px;width:43%;height:125px;filter:drop-shadow(0 14px 14px #0009);z-index:2}
.draw-scene-c4>img{object-position:50% 38%}
.draw-scene-copy{position:absolute;left:27px;right:27px;bottom:27px}
.draw-scene-copy>span{display:block;margin-bottom:10px;color:#e3ddcd;font-size:9px;line-height:1.5;font-weight:650;letter-spacing:.12em;text-transform:uppercase}
.draw-scene-copy h4{color:#f8f5e9;font-family:var(--display);font-size:37px;font-weight:700;line-height:1.05;letter-spacing:-.015em;text-transform:uppercase}
.draw-scene-copy p{max-width:320px;margin-top:12px;color:#c1c4bd;font-size:12px;line-height:1.7}
.draw-gallery-audience{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}
.draw-audience-card{--draw-tone:#a991ef;display:flex;align-items:center;gap:24px;min-width:0;padding:27px 30px;border:1px solid #ffffff17;border-radius:12px;background:linear-gradient(110deg,color-mix(in srgb,var(--draw-tone) 6%,#111312),#111312 70%)}
.draw-audience-youtube{--draw-tone:#ff466e}.draw-audience-vip{--draw-tone:#e7bb65}.draw-audience-subs{--draw-tone:#a87cff}
.draw-audience-symbol{display:grid;place-items:center;flex:0 0 76px;height:76px;border:1px solid color-mix(in srgb,var(--draw-tone) 23%,transparent);border-radius:19px;background:color-mix(in srgb,var(--draw-tone) 7%,#141514)}
.draw-audience-symbol>img{display:block;width:38px;height:38px;object-fit:contain}
.draw-audience-youtube .draw-audience-symbol>img{width:43px}
.draw-audience-vip .draw-audience-symbol>img{width:65px;height:51px}
.draw-audience-copy{min-width:0}
.draw-audience-copy>span{display:block;margin-bottom:6px;color:var(--draw-tone);font-size:9px;font-weight:650;letter-spacing:.11em;text-transform:uppercase}
.draw-audience-copy h4{color:#eeefe7;font-size:21px;letter-spacing:-.03em}
.draw-audience-copy p{max-width:400px;margin-top:7px;color:#a4aaa1;font-size:12px;line-height:1.65}
@media(max-width:1050px){.draw-cinema .cinematic-copy{padding:40px 34px}.draw-scene{height:395px}.draw-scene-chat,.draw-scene-case{grid-template-rows:225px 1fr}.draw-scene-chat .draw-scene-copy,.draw-scene-case .draw-scene-copy{padding:22px 20px}.draw-chat-ticket{width:190px;top:52px}.draw-chat-ticket>b{font-size:40px}.draw-chat-brand{width:51px;height:51px;border-radius:15px}.draw-chat-brand>img{width:27px;height:27px}.draw-case-reward{height:230px}.draw-case-crate{height:105px}.draw-scene-copy{left:21px;right:21px;bottom:23px}.draw-scene-copy h4{font-size:31px}.draw-audience-card{padding:23px;gap:18px}.draw-audience-symbol{flex-basis:66px;height:66px}.draw-audience-copy h4{font-size:19px}}
@media(max-width:760px){.draw-cinema .cinematic-copy{width:100%;padding:240px 25px 35px}.draw-cinema .cinematic-copy h2{font-size:55px}.draw-cinema .cinematic-photo:after{background:linear-gradient(0deg,#080e0bfa,transparent 100%)}.draw-gallery-captures{grid-template-columns:1fr;gap:0}.draw-gallery-scenes{grid-template-columns:1fr;gap:16px}.draw-scene{height:410px}.draw-scene-chat,.draw-scene-case{grid-template-rows:245px 1fr}.draw-chat-ticket{width:225px;top:61px}.draw-chat-ticket>b{font-size:46px}.draw-chat-brand{width:65px;height:65px}.draw-case-reward{height:254px}.draw-case-crate{height:125px}.draw-scene-copy h4{font-size:34px}.draw-gallery-audience{grid-template-columns:1fr}.draw-photo-copy h4{font-size:21px}}
@media(prefers-reduced-motion:reduce){.draw-gallery *{animation:none!important;transition:none!important}}