#content:has(>.draw-experience){padding:88px 24px 40px;max-width:none;background:#080a0d}
.draw-experience{max-width:1500px;margin:0 auto}
.draw-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:6px 8px 20px}
.draw-heading p{font:400 22px var(--display);margin:5px 0 0;color:#e8d8ba}
.draw-tools{display:flex;align-items:center;gap:18px}.draw-tools .fx-settings{margin:0;gap:15px}.draw-tools .fx-settings a{display:none}
.draw-tools>.button{background:#101216a8;color:#b9b4aa;border-color:#ffffff21;font-size:10px;padding:10px}
.cinema-layout{display:grid;grid-template-columns:148px minmax(0,1fr);gap:18px;align-items:start}
.pack-rail{display:flex;flex-direction:column;gap:10px;padding-top:16px}.pack-rail>.eyebrow{font-size:9px;padding:0 8px 4px}
.pack-choice{display:flex;align-items:center;gap:8px;min-height:77px;width:100%;padding:9px 6px;border:1px solid #ffffff12;border-radius:7px;background:linear-gradient(120deg,#131519c9,#080a0de6);text-align:left;color:#aca9a2;cursor:pointer}
.pack-choice img{width:36px;height:54px;object-fit:contain;flex:none;filter:saturate(.4)}.pack-choice span{min-width:0}.pack-choice strong{display:block;font-size:10px;line-height:1.4;font-weight:500}.pack-choice small{display:block;margin-top:5px;font-size:9px;color:#87847d}
.pack-choice.active{border-color:#bb9454;background:linear-gradient(120deg,#32281799,#0c0e12);box-shadow:inset 0 0 18px #c7a05f13,0 0 12px #c7a05f0e;color:#f6dba6}.pack-choice.active img{filter:none}.pack-choice:disabled{cursor:default;opacity:.5}
.cinema-main{min-width:0}.cinema-stage{position:relative;height:400px;isolation:isolate;overflow:hidden;border-radius:12px 12px 0 0;background:#0a0907 url('/collector-assets/draw-stage.png') center 64%/cover no-repeat}
.cinema-stage:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080a0db5,transparent 30%,transparent 70%,#080a0db5),linear-gradient(0deg,#080a0d 0%,transparent 23%,transparent 80%,#080a0d44);pointer-events:none}
.stage-atmosphere{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 60%,#e3a94320,transparent 60%);pointer-events:none}
.stage-caption{position:absolute;top:22px;left:22px;max-width:28%;z-index:2}.stage-caption .eyebrow{font-size:8px;color:#ccb17e}.stage-caption h1{font:400 23px/1.12 var(--display);color:#efe3cb;margin:8px 0}.stage-caption p{font-size:10px;color:#b9aa90;line-height:1.6;margin:0}
.cinematic-booster{position:absolute;top:0;left:50%;transform:translateX(-50%);width:218px;height:327px;filter:drop-shadow(0 4px 13px #e0a24350);z-index:1}
.cinematic-booster img{width:100%;height:100%;object-fit:contain}.booster-name{position:absolute;left:15%;right:15%;top:72.5%;text-align:center;font:400 23px/1.2 var(--display);letter-spacing:2px;color:#edca80;text-shadow:0 1px 5px #000;pointer-events:none}.booster-name small{display:block;font:500 5px/1.5 var(--body,sans-serif);letter-spacing:2px;margin-top:4px}
.stage-action{position:absolute;z-index:3;bottom:5px;left:18%;right:18%;text-align:center}.stage-action form{margin:0}.stage-open{min-width:230px;justify-content:center;min-height:46px;border:1px solid #ddb770;background:linear-gradient(120deg,#201b13,#0b0d11 60%,#292012);color:#ffe3a2;box-shadow:0 0 20px #db9d3e30,inset 0 0 12px #d8ae5810;font-size:13px}.stage-open:hover:not(:disabled){background:linear-gradient(120deg,#554125,#201b13);box-shadow:0 0 28px #dcb36155}.stage-open:disabled{opacity:.6;cursor:default}.stage-meta{font-size:9px;color:#c2b49b;margin:7px 0 0}.stage-status{font-size:11px;color:#e6c480}.stage-action #draw-error{color:#ffe1a0;font-size:11px;margin:4px 0}.stage-action #draw-error:empty{display:none}.stage-action .text-link{font-size:10px;margin-top:4px}
.cinema-odds{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center;padding:10px 12px 16px;font-size:9px;color:#a3a5ac;background:#080a0d;border-bottom:1px solid #b18e4b20}.cinema-odds b{font-weight:500;margin-left:4px;color:#d3d1cb}.cinema-odds span:before{content:'◆';font-size:7px;margin-right:5px}.odds-common:before{color:#b3bfce}.odds-rare:before{color:#60bcff}.odds-epic:before{color:#bd88ef}.odds-legendary:before{color:#edbc57}
.draw-examples,#draw-reveal{position:relative;background:radial-gradient(ellipse at 50% 5%,#c9a36510,transparent 65%);padding:20px 8px 0}
.result-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 4px 24px}.result-heading .eyebrow{font-size:8px}.result-heading h2{font:400 23px/1.2 var(--display);color:#e4dac7;margin:5px 0 0}.preview-label,.result-heading .draw-progress{font-size:10px;color:#99988e;margin:0}
.cinematic-cards{display:flex;justify-content:center;flex-wrap:wrap;align-items:flex-start;gap:28px 18px;padding:5px 0 18px;perspective:1500px}
.cinematic-cards>div,.cinematic-cards>.card-back{width:calc((100% - 72px)/5);max-width:185px;min-width:0;flex:none}
.cinematic-cards .film-card>h3,.cinematic-cards .film-card>p{display:none}.cinematic-cards .film-card{display:block;transform:rotate(var(--fan-angle,0deg));transition:transform .22s ease}
.cinematic-cards>div:nth-child(5n+1){--fan-angle:-4deg}.cinematic-cards>div:nth-child(5n+2){--fan-angle:-2deg}.cinematic-cards>div:nth-child(5n+4){--fan-angle:2deg}.cinematic-cards>div:nth-child(5n){--fan-angle:4deg}
.cinematic-cards .card-image{box-shadow:0 0 12px var(--result-glow),0 10px 18px #000b}.result-common{--result-glow:#b5becf27}.result-rare{--result-glow:#329dff88}.result-epic{--result-glow:#b866f5aa}.result-legendary{--result-glow:#ffc34fbb}
.cinematic-cards .legendary-art .card-number,.cinematic-cards .legendary-art .card-image>.rarity{font-size:5px;padding:3px}.cinematic-cards .legendary-art .art-caption strong{font-size:18px}.cinematic-cards .legendary-art .art-caption small{font-size:5px;letter-spacing:.5px}.cinematic-cards .collector-caption strong{font-size:11px}.cinematic-cards .collector-caption small{font-size:7px}
.result-rarity{display:flex;justify-content:center;align-items:center;margin-top:14px}.result-rarity .rarity{font-size:9px;padding:0;border:0;background:transparent}.result-rarity .common{color:#b0b9c8}.result-rarity .rare{color:#71c4ff}.result-rarity .epic{color:#c791f2}.result-rarity .legendary{color:#efc771}
.revealed-card>.badge{display:block;text-align:center;font-size:8px;background:transparent;border:0;padding:0;margin:7px 0 0;color:#8f938f}.revealed-card>.badge.gold{color:#cbbb92}
.result-actions{display:flex;justify-content:center;gap:16px;margin:16px 0 12px}.result-actions .button{min-width:190px;justify-content:center;font-size:12px}.result-actions .secondary{border-color:#9b7944;background:#0c0d11;color:#e9ce9c}
.receipt-proof{font-size:10px;color:#8e928e;text-align:center;line-height:1.7;margin:15px auto;max-width:650px}.cinema-bottom{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin:32px 0 12px;border-top:1px solid #ffffff12;padding-top:20px}.cinema-bottom a{display:flex;align-items:center;gap:8px;color:#c3ac81;font-size:11px}.cinema-bottom svg{width:13px;height:13px}.cinema-rules{font-size:10px;color:#7f837f;max-width:770px;text-align:center;margin:0 auto;line-height:1.8}
.cinematic-cards>.card-back{padding:18px 8px;border:2px solid #d5ad67;box-shadow:0 0 16px #bf944521,inset 0 0 0 5px #12151a}.cinematic-cards>.card-back .eyebrow{font-size:6px}.cinematic-cards>.card-back strong{font-size:22px}.cinematic-cards>.card-back>span:last-child{font-size:9px}.cinematic-cards>.card-back svg{width:32px;height:32px}
.pack-cinematic{background:linear-gradient(#06070b55,#06070b99),url('/collector-assets/draw-stage.png') center/cover}.pack-cinematic .cinema-pack{border:0;background:none;box-shadow:none;width:230px;height:345px}.pack-cinematic .cinematic-booster{width:230px;height:345px}.pack-cinematic .tear-line{top:16%;z-index:5}
@media(hover:hover) and (prefers-reduced-motion:no-preference){html:not(.fx-disabled) .cinematic-cards .film-card:hover{transform:translateY(-10px) rotate(0deg);z-index:8;position:relative}html:not(.fx-disabled) .cinema-stage .cinematic-booster{animation:booster-float 5s ease-in-out infinite}}
@keyframes booster-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(min-width:1600px){.cinema-stage{height:450px}.cinema-stage .cinematic-booster{height:375px;width:250px}.cinema-stage .booster-name{font-size:27px}.stage-action{bottom:8px}.stage-caption{top:30px;left:40px}}
@media(max-width:1100px){.cinema-layout{grid-template-columns:110px minmax(0,1fr);gap:12px}.pack-choice{padding:8px 5px;gap:4px}.pack-choice img{width:25px;height:42px}.pack-choice strong{font-size:9px}.pack-choice small{font-size:8px}.draw-heading p{font-size:18px}.draw-tools{gap:10px}.cinematic-cards{gap:24px 12px}.cinematic-cards>div,.cinematic-cards>.card-back{width:calc((100% - 48px)/5)}.cinematic-cards .collector-caption strong{font-size:9px}.stage-caption{max-width:26%;left:12px}.stage-caption h1{font-size:19px}}
@media(max-width:850px){.draw-heading{align-items:flex-start}.draw-tools{flex-direction:column;align-items:flex-end;gap:10px}.cinema-layout{grid-template-columns:1fr;gap:0}.pack-rail{flex-direction:row;overflow:auto;padding:0 0 14px;gap:8px}.pack-rail>.eyebrow{display:none}.pack-choice{width:135px;min-width:135px;min-height:62px;padding:7px;gap:7px}.pack-choice img{width:28px;height:43px}.pack-choice strong{font-size:10px}.cinematic-cards>div,.cinematic-cards>.card-back{width:calc((100% - 48px)/5)}.stage-caption{max-width:30%}.stage-caption h1{font-size:23px}}
@media(max-width:600px){#content:has(>.draw-experience){padding:84px 16px 32px}.draw-heading{padding:0 0 14px;gap:8px}.draw-heading .eyebrow{font-size:7px}.draw-heading p{font-size:16px;max-width:130px}.draw-tools .fx-settings{gap:10px;font-size:10px}.draw-tools>.button{font-size:8px;padding:7px 8px}.pack-rail{margin:0 -16px;padding:0 16px 12px}.pack-choice{width:128px;min-width:128px}.cinema-stage{height:410px;margin:0 -16px;border-radius:0;background-position:center 60%}.stage-caption{position:absolute;top:10px;left:0;right:0;max-width:none;text-align:center}.stage-caption .eyebrow{display:none}.stage-caption h1{font-size:21px;margin:0 0 4px}.stage-caption p{font-size:9px}.cinema-stage .cinematic-booster{top:55px;width:183px;height:275px}.cinema-stage .booster-name{font-size:19px}.stage-action{left:8%;right:8%;bottom:9px}.stage-open{min-width:230px;font-size:12px}.stage-meta{font-size:9px}.cinema-odds{gap:8px 13px;font-size:8px;padding:6px 0 15px}.cinema-odds b{margin-left:2px}.draw-examples,#draw-reveal{padding:18px 0 0}.result-heading{margin:0 0 21px;gap:8px}.result-heading h2{font-size:20px}.preview-label{max-width:100px;text-align:right;font-size:9px}.result-heading .draw-progress{font-size:9px}.cinematic-cards{gap:25px 18px;padding:0 4px 16px}.cinematic-cards>div,.cinematic-cards>.card-back{width:calc((100% - 18px)/2);max-width:190px}.cinematic-cards>div{--fan-angle:0deg!important}.cinematic-cards .collector-caption strong{font-size:11px}.cinematic-cards .legendary-art .art-caption strong{font-size:20px}.result-actions{gap:10px;flex-wrap:wrap;margin:12px 0}.result-actions .button{min-width:0;flex:1;font-size:10px;padding:12px 8px;white-space:normal}.result-actions svg{width:14px;height:14px;flex:none}.cinema-bottom{gap:15px;margin-top:24px}.cinema-bottom a{font-size:10px}.cinema-rules{font-size:9px}.receipt-proof{font-size:9px}.pack-cinematic p{font-size:23px}}
@media(prefers-reduced-motion:reduce){.cinematic-booster,.cinematic-cards .film-card{animation:none!important;transition:none!important}.cinematic-cards .film-card{transform:none!important}}
.fx-disabled .cinematic-booster,.fx-disabled .cinematic-cards .film-card{animation:none!important;transition:none!important}
.stage-caption h1{text-shadow:0 2px 10px #000,0 1px 3px #000}.stage-caption p{text-shadow:0 1px 4px #000}@media(max-width:600px){.stage-caption{background:linear-gradient(#080a0dc9,transparent);padding:6px 12px 12px;top:0}}