body{margin:0;background:#07121e;color:#eee5d6;overflow:auto}
button{cursor:pointer}
.debut-shell{min-height:100vh;background:#07121e url('debut-stage-table.png') center/cover fixed;position:relative;overflow:hidden;font-family:'Barlow Condensed',Arial,sans-serif}
.debut-shell:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#06101dc9,#071424a8 43%,#071424bb 75%,#050b13ed);pointer-events:none}
.debut-shell>*{position:relative}
.debut-title{display:flex;align-items:center;padding:5vh 7%}
.debut-title-copy{z-index:2;width:min(550px,52vw)}
.debut-eyebrow,.debut-overline{color:#d6ad75;letter-spacing:.23em;font-size:13px;font-weight:700}
.debut-title h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(80px,9vw,150px);line-height:.74;margin:30px 0 32px;text-shadow:0 10px 35px #000}
.debut-title h1 em{font-style:normal;color:#f4c37a}
.debut-title p{font-size:18px;line-height:1.35;color:#d5dfdf;max-width:490px}
#ensemble-setup{margin:30px 0 14px;max-width:500px;background:#061726e8;border:1px solid #a78760;box-shadow:0 20px 55px #0009;border-radius:10px;padding:18px;display:grid;gap:8px}
#ensemble-setup>b{letter-spacing:.18em;color:#efd3a5}
#ensemble-setup label{display:grid;grid-template-columns:30px 1fr 115px;gap:8px;align-items:center}
#ensemble-setup label i{font-family:'Cormorant Garamond',Georgia,serif;color:#e9bc77;font-size:24px;font-style:normal}
#ensemble-setup input,#ensemble-setup select{background:#142d3a;border:1px solid #53727a;color:#fff1da;padding:9px;border-radius:5px;min-width:0}
#ensemble-setup .gold-button{margin-top:9px}
.debut-back{font-size:13px;color:#dfc49c;letter-spacing:.13em;text-decoration:none}
.debut-title-art{position:absolute;right:6%;top:17%;width:45%;height:67%;background:url('animation/debut-seats/debut-seats-animated.png') center/contain no-repeat;filter:drop-shadow(0 20px 30px #000)}
.debut-hud{height:78px;display:flex;align-items:center;gap:18px;padding:9px 25px;background:#06111fe5;border-bottom:2px solid #98703c;box-shadow:0 8px 24px #0008}
.debut-mark{font-size:14px;letter-spacing:.2em;min-width:155px}.debut-mark span{font-size:26px;color:#e1b76e;margin-right:5px}.debut-mark b{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:25px;letter-spacing:.04em;line-height:.8}
.episode{font-size:11px;color:#c5c8bb;min-width:95px;letter-spacing:.14em}.episode strong{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:35px;line-height:.9;color:#f5ce89}.episode small{margin-left:7px;color:#c0b198}
.companies{display:flex;gap:7px;flex:1;min-width:0}.company-chip{border:1px solid #6c6b65;border-left:4px solid var(--company);background:#142331cf;padding:7px 12px;min-width:105px;flex:1;max-width:210px;border-radius:5px}.company-chip.active{box-shadow:0 0 0 1px var(--company),0 0 18px #dbb07933}.company-chip b{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-chip small{font-size:11px;color:#adbfc1;letter-spacing:.1em}
.debut-hud>a,.debut-hud>button{color:#eac17c;border:1px solid #8f7753;background:#102431;border-radius:5px;padding:8px 12px;text-decoration:none;font-size:20px}
.debut-body{display:grid;grid-template-columns:225px minmax(0,1fr);gap:20px;padding:20px 24px 5px;height:clamp(470px,calc(100vh - 360px),720px);min-height:0}
.ranking-rail{background:#071626e8;border:1px solid #a67d4c;border-radius:7px;padding:14px 10px;box-shadow:0 14px 35px #0008;max-height:560px;display:flex;flex-direction:column}
.ranking-rail h3{font-size:17px;letter-spacing:.18em;color:#e7bd78;margin:0 0 12px;padding:0 5px}.ranking-rail>div{display:grid;gap:5px;min-height:0;overflow:auto}
.rank-line{height:41px;display:grid;grid-template-columns:24px 32px 1fr 36px;align-items:center;gap:5px;padding:3px 5px;border-left:3px solid var(--company);background:#102131;border-radius:3px}.rank-line.debut-bound{background:#1a3040}.rank-line span{font-family:'Cormorant Garamond',Georgia,serif;font-size:18px;color:#f5c67a}.rank-line img{width:30px;height:34px;object-fit:cover;border-radius:2px}.rank-line b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-line small{color:#f3cc83;text-align:right}
.ranking-rail p{flex:none;font-size:10px;letter-spacing:.13em;color:#9ab4b8;margin:14px 5px 0}
.debut-board{min-width:0}.debut-scene{height:100%;min-height:0;background:linear-gradient(#081827c7,#071321dc);border:1px solid #95754d;border-radius:9px;box-shadow:0 18px 45px #0009;position:relative;overflow:hidden;padding:25px 30px}
.debut-scene h2{font:600 clamp(34px,4vw,58px)/.9 'Cormorant Garamond',Georgia,serif;margin:10px 0 9px;color:#f7e5c7;text-shadow:0 6px 18px #000}.debut-scene>p{font-size:15px;max-width:580px;color:#b9ced0;line-height:1.35;margin:0}
.debut-animation{position:absolute;inset:0;opacity:.4;pointer-events:none;background-size:cover;background-position:center}.debut-animation-stage{background-image:url('animation/stage-lights/stage-lights-animated.png')}.debut-animation-seats{background-image:url('animation/debut-seats/debut-seats-animated.png');opacity:.32}
.debut-scene>.debut-overline,.debut-scene>h2,.debut-scene>p,.rehearsal-options,.stage-controls,.debut-instruction,.episode-results,.results-next,.final-seven,.final-score,.finale-scene>h3,.finale-scene>.gold-button{position:relative;z-index:1}
.rehearsal-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:115px}.rehearsal-options button{min-height:130px;background:linear-gradient(145deg,#213c4c,#0d202f);border:1px solid #bc9256;border-radius:6px;color:#f2dfbd;text-align:left;padding:12px;box-shadow:0 10px 20px #0008}.rehearsal-options button:hover:not(:disabled){transform:translateY(-5px);box-shadow:0 12px 28px #dca76344}.rehearsal-options button:disabled{filter:grayscale(1);opacity:.45;cursor:default}.rehearsal-options button span{display:block;font-size:28px;color:#edc484}.rehearsal-options button b{font-size:16px;display:block;margin-top:10px}.rehearsal-options button small{display:block;font-size:11px;color:#bdd0cb;margin-top:5px}.debut-instruction{margin-top:20px;letter-spacing:.17em;color:#d1bd9d;font-size:12px;text-align:right}
.stage-controls{margin-top:100px;display:flex;align-items:end;gap:20px;flex-wrap:wrap}.focus-picker{display:flex;gap:10px}.focus-picker button{width:112px;height:96px;background:#112a39;border:1px solid #8b755a;border-radius:6px;color:#e9d5b4}.focus-picker button.selected{border-color:#f4cb85;box-shadow:0 0 20px #e5ad5855;background:#244452}.focus-picker span{display:block;font-size:28px;color:#eebc70}.focus-picker b{display:block;font-size:15px}.focus-picker small{font-size:11px;color:#afc9ce}.promo-picker{display:flex;align-items:center;gap:8px;height:45px}.promo-picker span{font-size:11px;letter-spacing:.16em}.promo-picker button{border:1px solid #a7895b;background:#0c2835;color:#f8d698;font-size:20px;border-radius:4px;width:32px;height:32px}.promo-picker strong{min-width:32px;text-align:center;font-size:23px;color:#ffd18a}.perform-button{min-width:215px}
.debut-hand{margin:6px 24px 20px;background:#06131eea;border:1px solid #987b58;border-radius:8px;padding:10px 15px;box-shadow:0 10px 30px #0008}.debut-hand-heading{display:flex;justify-content:space-between;font-size:13px;letter-spacing:.13em;color:#e6c697}.debut-hand-heading small{color:#9eb9be}.debut-cards{display:flex;justify-content:center;gap:14px;margin-top:8px}.debut-card{width:145px;height:195px;background:#101c2a;border:3px solid #8b724c;border-radius:7px;box-shadow:0 7px 18px #000c;position:relative;overflow:hidden;color:#fff;transition:transform .15s,border .15s;text-align:left}.debut-card:hover,.debut-card.chosen{transform:translateY(-9px);border-color:#f6cf87;box-shadow:0 8px 24px #e0aa5c55}.debut-card-face{position:absolute;inset:0;background:var(--card-image) center 12%/cover}.debut-card-face:after{content:'';position:absolute;inset:20% 0 0;background:linear-gradient(transparent,#05121d 90%)}.debut-card-kind{position:absolute;z-index:2;top:6px;left:6px;color:#08131d;background:#e6bc77;font-size:10px;letter-spacing:.1em;padding:2px 5px}.debut-card-text{position:absolute;z-index:2;bottom:3px;left:7px;right:3px}.debut-card-text b{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;line-height:1}.debut-card-text small{display:block;color:#bbd0ca;font-size:10px}.debut-card-text span{display:block;color:#f4d08c;font-size:11px;margin-top:3px}.debut-fatigue{position:absolute;z-index:2;top:6px;right:4px;font-size:9px;background:#6b263b;padding:2px}
.episode-results{display:grid;gap:6px;max-width:650px;margin:55px auto 20px}.episode-results>div{display:grid;grid-template-columns:45px 1fr 150px 80px;gap:10px;align-items:center;padding:9px 13px;background:#102c3cdb;border-left:3px solid #e3b368;border-radius:4px}.episode-results span{font-family:'Cormorant Garamond',Georgia,serif;font-size:25px;color:#f7c47b}.episode-results small{color:#9fbdc1}.episode-results strong{text-align:right;color:#f7d596}.results-next{display:block;margin:15px auto}
.finale-scene{min-height:620px}.final-seven{display:flex;justify-content:center;gap:7px;margin:65px 0 18px}.final-seven>div{width:calc(100%/7 - 6px);max-width:120px;background:#0a2130ee;border:2px solid var(--company);border-radius:5px;text-align:center;overflow:hidden;box-shadow:0 12px 25px #000b}.final-seven span{display:block;background:#e3b878;color:#091721;font:700 20px 'Cormorant Garamond',Georgia,serif}.final-seven img{display:block;width:100%;height:110px;object-fit:cover}.final-seven b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;margin:5px 3px 0}.final-seven small{display:block;color:#afc2c5;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.final-seven strong{display:block;color:#f5cf86;font-size:13px;padding:4px}.final-score{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.final-score>span{border-left:4px solid var(--company);background:#102736ee;padding:8px 12px;min-width:125px}.final-score b,.final-score strong,.final-score small{display:block}.final-score strong{color:#f4cd88;font-size:21px}.final-score small{color:#a6bec3}.finale-scene>h3{text-align:center;font:600 29px 'Cormorant Garamond',Georgia,serif;color:#f5c476;margin:18px 0 6px}.finale-scene>.gold-button{display:block;margin:auto}
.debut-gate{position:fixed;z-index:20;inset:0;background:#020912e8;display:grid;place-items:center}.debut-gate>div{background:#0a1a2c;border:2px solid #d4a564;border-radius:9px;padding:35px 50px;box-shadow:0 20px 70px #000;text-align:center;max-width:440px}.debut-gate span{font-size:13px;letter-spacing:.2em;color:#dcb779}.debut-gate h2{font:600 48px 'Cormorant Garamond',Georgia,serif;margin:12px 0;color:#f5d4a0}.debut-gate p{color:#b9c9c8}.debut-error{position:fixed;z-index:25;top:90px;right:20px;padding:13px 20px;background:#652837;color:#fff3e1;border:1px solid #f5a3a1;border-radius:5px}
@media(max-width:1000px){.debut-body{grid-template-columns:170px 1fr;gap:10px;padding:10px;height:auto}.rehearsal-options{grid-template-columns:repeat(2,1fr);margin-top:50px}.debut-scene{min-height:560px}.stage-controls{margin-top:80px}.debut-hud{height:auto;flex-wrap:wrap}.companies{order:3;flex:0 0 100%}.ranking-rail{max-height:560px}.debut-title-copy{width:65vw}}
@media(max-width:680px){.debut-shell{background-attachment:scroll}.debut-title{padding:55px 20px}.debut-title-copy{width:100%}.debut-title h1{font-size:85px}.debut-title-art{opacity:.23;right:-30%;top:6%;width:100%}.debut-hud{gap:6px;padding:9px}.company-chip{min-width:95px}.debut-body{display:block}.ranking-rail{max-height:150px;margin-bottom:8px}.ranking-rail>div{display:flex;overflow:auto}.rank-line{min-width:130px}.ranking-rail p{display:none}.debut-scene{padding:20px 13px;min-height:610px}.debut-scene h2{font-size:38px}.rehearsal-options{gap:6px}.rehearsal-options button{min-height:120px;padding:7px}.stage-controls{margin-top:70px}.focus-picker button{width:82px}.debut-hand{margin:7px}.debut-cards{justify-content:flex-start;overflow:auto}.debut-card{flex:0 0 130px}.episode-results>div{grid-template-columns:25px 1fr 50px;gap:5px}.episode-results small{display:none}.final-seven{flex-wrap:wrap;margin-top:35px}.final-seven>div{width:29%}.finale-scene{min-height:830px}}

