.trs-root,.trs-launch{--trs-ink:oklch(97% .02 85);--trs-muted:oklch(83% .04 80);--trs-gold:oklch(82% .14 82);--trs-gold-deep:oklch(62% .13 70);--trs-red:oklch(42% .17 25);--trs-red-deep:oklch(24% .1 22);--trs-night:oklch(14% .02 30);--trs-glass:oklch(18% .03 30/.78);--trs-line:oklch(82% .14 82/.35)}.trs-launch{border:1px solid var(--trs-line);cursor:pointer;text-align:start;width:100%;min-height:104px;color:var(--trs-ink);background:radial-gradient(120% 140% at 50% -20%,oklch(55% .12 70/.55),transparent 60%),linear-gradient(135deg,var(--trs-red-deep),var(--trs-night));box-shadow:0 18px 40px -18px var(--trs-red),inset 0 1px 0 oklch(100% 0 0/.15);border-radius:22px;align-items:center;gap:16px;margin-bottom:16px;padding:18px 20px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;display:flex;position:relative;overflow:hidden;transform:perspective(900px)rotateX(0)}.trs-launch:not(:disabled):active{transform:perspective(900px)rotateX(6deg)scale(.985)}@media (hover:hover){.trs-launch:not(:disabled):hover{box-shadow:0 28px 50px -18px var(--trs-red),inset 0 1px 0 oklch(100% 0 0/.2);transform:perspective(900px)rotateX(5deg)translateY(-3px)}}.trs-launch:disabled{cursor:default;filter:saturate(.7)}.trs-launch:focus-visible{outline:3px solid var(--trs-gold);outline-offset:3px}.trs-launch-curtain{pointer-events:none;background:repeating-linear-gradient(90deg,oklch(0% 0 0/.22) 0 6px,#0000 6px 22px);position:absolute;inset:0;-webkit-mask:linear-gradient(90deg,#000 0 14%,#0000 30% 70%,#000 86%);mask:linear-gradient(90deg,#000 0 14%,#0000 30% 70%,#000 86%)}.trs-launch-spot{pointer-events:none;top:-60%;background:conic-gradient(from 180deg at 50% 0,#0000 160deg,oklch(95% .08 85/.28) 180deg,#0000 200deg);width:40%;height:220%;animation:6s ease-in-out infinite trs-sweep;position:absolute;inset-inline-start:20%}.trs-launch-mask{width:64px;height:64px;color:var(--trs-night);background:linear-gradient(145deg,var(--trs-gold),var(--trs-gold-deep));box-shadow:0 10px 22px -8px var(--trs-gold),inset 0 2px 0 oklch(100% 0 0/.5);border-radius:18px;flex:none;place-items:center;animation:3.4s ease-in-out infinite trs-bob;display:grid;position:relative}.trs-launch-mask svg{width:34px;height:34px}.trs-launch-text{gap:3px;min-width:0;display:grid;position:relative}.trs-launch-text small{letter-spacing:.04em;color:var(--trs-gold);font-size:12px}.trs-launch-text strong{text-shadow:0 2px 12px oklch(0% 0 0/.5);font-size:clamp(18px,4.6vw,24px);line-height:1.15}.trs-launch-text span{color:var(--trs-muted);font-size:13px}.trs-root{z-index:200;color:var(--trs-ink);background:var(--trs-night);position:fixed;inset:0;overflow:hidden}.trs-bg{object-fit:cover;opacity:.55;width:100%;height:100%;animation:18s ease-in-out infinite alternate trs-dolly;position:absolute;inset:0;transform:scale(1.08)}.trs-haze{background:radial-gradient(60% 50% at 50% 30%,oklch(80% .12 80/.18),#0000 70%),linear-gradient(oklch(10% .02 30/.55),oklch(10% .02 30/.9));position:absolute;inset:0}.trs-curtain{background:repeating-linear-gradient(90deg,var(--trs-red) 0 18px,var(--trs-red-deep) 30px,var(--trs-red) 42px);pointer-events:none;z-index:3;width:52%;animation:1.2s cubic-bezier(.7,0,.2,1) forwards trs-open;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 60px oklch(0% 0 0/.7)}.trs-curtain-r{transform-origin:100%;right:0}.trs-curtain-l{transform-origin:0;left:0}.trs-shell{z-index:2;max-width:860px;height:100dvh;padding:max(12px,env(safe-area-inset-top)) 14px max(12px,env(safe-area-inset-bottom));flex-direction:column;margin:auto;display:flex;position:relative}.trs-head{align-items:center;gap:12px;padding-block:6px;display:flex}.trs-head small{color:var(--trs-gold);font-size:12px}.trs-head h1{background:linear-gradient(180deg,var(--trs-ink),var(--trs-gold));color:#0000;filter:drop-shadow(0 3px 10px oklch(0% 0 0/.6));-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(19px,4.8vw,30px);line-height:1.1}.trs-close{border:1px solid var(--trs-line);background:var(--trs-glass);width:44px;height:44px;color:var(--trs-ink);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.trs-progress{gap:6px;margin:6px 0 10px;padding:0;list-style:none;display:flex}.trs-progress li{opacity:.45;flex:1;justify-items:center;gap:4px;transition:opacity .3s;display:grid}.trs-progress li[data-on]{opacity:1}.trs-progress span{background:var(--trs-glass);border:1px solid var(--trs-line);border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:grid}.trs-progress li[data-on] span{background:linear-gradient(145deg,var(--trs-gold),var(--trs-gold-deep));color:var(--trs-night);box-shadow:0 0 14px var(--trs-gold)}.trs-progress li[aria-current] span{transform:scale(1.15)}.trs-progress em{text-align:center;color:var(--trs-muted);font-size:11px;font-style:normal}@media (width<=560px){.trs-progress em{display:none}.trs-progress li[aria-current] em{margin-top:34px;display:block;position:absolute}}.trs-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;perspective:1200px;flex:1;min-height:0;padding:4px 2px 16px;overflow-y:auto}.trs-card{border:1px solid var(--trs-line);background:var(--trs-glass);-webkit-backdrop-filter:blur(14px);transform-origin:50% 0;border-radius:24px;padding:clamp(16px,4vw,28px);animation:.55s cubic-bezier(.2,.8,.2,1) both trs-card-in;box-shadow:0 30px 60px -30px oklch(0% 0 0/.9),inset 0 1px oklch(100% 0 0/.1)}.trs-card h2{color:var(--trs-gold);margin:0 0 6px;font-size:clamp(20px,5vw,28px)}.trs-lead{color:var(--trs-muted);margin:0 0 16px;line-height:1.5}.trs-roles{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.trs-role{border:1px solid var(--trs-line);transform-style:preserve-3d;background:linear-gradient(160deg,oklch(30% .06 30/.8),oklch(16% .02 30/.9));border-radius:18px;padding:16px;animation:.6s cubic-bezier(.2,.8,.2,1) both trs-flip;position:relative}.trs-role-icon{width:46px;height:46px;box-shadow:inset 0 0 0 1px var(--trs-line);background:oklch(82% .14 82/.16);border-radius:14px;place-items:center;font-size:24px;display:grid}.trs-role h3{margin:10px 0 4px;font-size:18px}.trs-role p{color:var(--trs-muted);margin:0;font-size:14px;line-height:1.55}.trs-podium{gap:10px;margin-bottom:16px;display:grid}.trs-slot{border:1.5px dashed var(--trs-line);background:oklch(10% .02 30/.5);border-radius:16px;align-items:center;gap:12px;min-height:64px;padding:10px 12px;transition:all .3s;display:flex}.trs-slot[data-filled]{border-style:solid;border-color:var(--trs-gold);box-shadow:0 10px 24px -12px var(--trs-gold);background:linear-gradient(135deg,oklch(82% .14 82/.22),oklch(42% .17 25/.3));animation:.4s both trs-pop}.trs-slot-num{width:40px;height:40px;color:var(--trs-night);background:linear-gradient(145deg,var(--trs-gold),var(--trs-gold-deep));border-radius:12px;flex:none;place-items:center;font-size:20px;font-weight:800;display:grid}.trs-slot[data-place="2"] .trs-slot-num{filter:saturate(.3)brightness(1.1)}.trs-slot[data-place="3"] .trs-slot-num{filter:hue-rotate(-20deg)saturate(.8)brightness(.85)}.trs-slot-body{flex:1;min-width:0;display:grid}.trs-slot-body small{color:var(--trs-muted);font-size:12px}.trs-slot-body strong{font-size:17px}.trs-slot-tools{gap:4px;display:flex}.trs-slot-tools button{border:1px solid var(--trs-line);background:var(--trs-glass);width:40px;height:40px;color:var(--trs-ink);cursor:pointer;border-radius:10px;place-items:center;display:grid}.trs-slot-tools button:disabled{opacity:.3}.trs-slot-tools svg{width:18px;height:18px}.trs-chips{flex-wrap:wrap;gap:8px;display:flex}.trs-chip{border:1px solid var(--trs-line);min-height:46px;color:var(--trs-ink);cursor:pointer;background:oklch(22% .04 30/.85);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:15px;transition:transform .2s,background .2s;display:inline-flex}.trs-chip:active{transform:scale(.95)}.trs-chip[aria-pressed=true]{background:linear-gradient(135deg,var(--trs-gold),var(--trs-gold-deep));color:var(--trs-night);font-weight:700}.trs-chip:disabled{opacity:.4;cursor:not-allowed}.trs-chip b{background:var(--trs-night);width:22px;height:22px;color:var(--trs-gold);border-radius:50%;place-items:center;font-size:12px;display:grid}.trs-field{gap:8px;margin-bottom:16px;display:grid}.trs-field-q{align-items:center;gap:8px;font-size:16px;line-height:1.4;display:flex}.trs-field-q b{background:var(--trs-gold);width:28px;height:28px;color:var(--trs-night);border-radius:50%;flex:none;place-items:center;display:grid}.trs-field-q strong{color:var(--trs-gold)}.trs-field textarea{border:1px solid var(--trs-line);width:100%;min-height:110px;color:var(--trs-ink);font:inherit;resize:vertical;background:oklch(10% .02 30/.75);border-radius:14px;padding:12px 14px;font-size:16px;line-height:1.5}.trs-field textarea:focus{outline:2px solid var(--trs-gold);outline-offset:1px}.trs-genres{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.trs-genre{border:1.5px solid var(--trs-line);color:var(--trs-ink);cursor:pointer;background:linear-gradient(160deg,oklch(28% .06 30/.9),oklch(14% .02 30/.95));border-radius:22px;justify-items:center;gap:10px;padding:28px 16px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;display:grid;position:relative;transform:perspective(800px)rotateY(0)}.trs-genre svg{width:58px;height:58px;color:var(--trs-gold)}.trs-genre strong{font-size:20px}.trs-genre[aria-checked=true]{border-color:var(--trs-gold);box-shadow:0 20px 40px -16px var(--trs-gold);transform:perspective(800px)rotateY(-8deg)translateZ(20px)}.trs-genre[data-genre=comedy][aria-checked=true]{transform:perspective(800px)rotateY(8deg)translateZ(20px)}.trs-genre-check{background:var(--trs-gold);width:30px;height:30px;color:var(--trs-night);top:10px;border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:10px}.trs-genre-check svg{width:18px;height:18px;color:inherit}.trs-summary{border:1px solid var(--trs-line);background:oklch(82% .14 82/.1);border-radius:14px;padding:12px 14px}.trs-summary p{margin:4px 0;line-height:1.5}.trs-foot{padding-top:10px}.trs-hint,.trs-error{text-align:center;color:var(--trs-muted);margin:0 0 8px;font-size:14px}.trs-error{color:oklch(80% .15 25);font-weight:700}.trs-nav{justify-content:space-between;gap:10px;display:flex}.trs-btn{border:1px solid var(--trs-line);background:var(--trs-glass);min-width:120px;min-height:50px;color:var(--trs-ink);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:700;transition:transform .2s;display:inline-flex}.trs-btn svg{width:18px;height:18px}.trs-btn:active:not(:disabled){transform:scale(.96)}.trs-btn:disabled{opacity:.35;cursor:not-allowed}.trs-primary{color:var(--trs-night);background:linear-gradient(145deg,var(--trs-gold),var(--trs-gold-deep));box-shadow:0 10px 24px -10px var(--trs-gold);border-color:#0000}.trs-done{text-align:center;justify-items:center;gap:10px;padding:30px 0;display:grid}.trs-done-mask{background:linear-gradient(145deg,var(--trs-gold),var(--trs-gold-deep));width:96px;height:96px;color:var(--trs-night);box-shadow:0 0 40px var(--trs-gold);border-radius:50%;place-items:center;animation:.6s both trs-pop;display:grid}.trs-done-mask svg{width:52px;height:52px}.trs-done p{color:var(--trs-muted)}@keyframes trs-open{to{transform:scaleX(0)}}@keyframes trs-dolly{to{transform:scale(1.18)translateY(-2%)}}@keyframes trs-card-in{0%{opacity:0;transform:rotateX(14deg)translateY(30px)scale(.96)}}@keyframes trs-flip{0%{opacity:0;transform:rotateY(-35deg)translateY(16px)}}@keyframes trs-pop{0%{transform:scale(.85)}60%{transform:scale(1.04)}}@keyframes trs-sweep{50%{transform:translate(-80%)rotate(-8deg)}}@keyframes trs-bob{50%{transform:translateY(-4px)rotate(-4deg)}}@media (prefers-reduced-motion:reduce){.trs-root *,.trs-launch *,.trs-launch{transition:none!important;animation:none!important}.trs-curtain{display:none}}.trs-root{overflow:clip}.trs-role-icon svg{width:24px;height:24px;color:var(--trs-gold)}.trs-chip svg{width:18px;height:18px}.trs-slot{gap:8px;padding:8px 10px}.trs-slot-body strong{font-size:16px;line-height:1.25}@media (width<=420px){.trs-slot-tools button{width:36px;height:40px}.trs-slot-num{width:34px;height:34px;font-size:17px}}.trs-field-q{display:block}.trs-field-q b{vertical-align:middle;margin-inline-end:8px;display:inline-grid}@media (width<=560px){.trs-progress li[aria-current] em{display:none}}
