/* ThAlex Stream scenes - control pages (Starting, Just Chatting, Cam, Ending) */
.thx-wrap{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:22px;align-items:start;margin-top:26px}
.thx-card,.thx-preview{border:1px solid #273e5d;border-radius:17px;background:linear-gradient(150deg,#0d1d31,#08182b);padding:22px;min-width:0}
.thx-card .field{margin-bottom:16px}
.thx-card .field select,.thx-card .field input[type=range]{width:100%}
.thx-hue{display:flex;align-items:center;gap:12px}
.thx-hue input{flex:1}
.thx-swatch{width:26px;height:26px;border-radius:8px;border:1px solid #2f4d70;flex:none;background:hsl(var(--thx-hue,215) 100% 52%);box-shadow:0 0 14px hsl(var(--thx-hue,215) 100% 52% / .55)}
.thx-check{display:flex;align-items:center;gap:10px;font-size:13px;color:#cfe2f7;margin:4px 0 16px}
.thx-check input{width:17px;height:17px;accent-color:#4cb6ff}
.thx-url{display:block;width:100%;font:500 11.5px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#9cdbff;background:#071324;border:1px solid #2c4763;border-radius:10px;padding:11px 12px;word-break:break-all;user-select:all}
.thx-url-label{font-size:10px;font-weight:800;letter-spacing:.14em;color:#6998c7;margin:6px 0 8px}
.thx-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 4px}
.thx-specs div{border:1px solid #213a58;border-radius:10px;padding:10px;background:#0a1729}
.thx-specs b{display:block;font-size:13px;color:#eaf4ff}
.thx-specs small{font-size:9.5px;letter-spacing:.12em;color:#6f93b8;font-weight:800}
.thx-steps{margin:14px 0 0;padding-left:18px;color:#8fb0cf;font-size:12px;line-height:1.65}
.thx-steps b{color:#d9ecff}
.thx-stage{aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:14px;border:1px solid #2a4567;
  background-color:#0b1424;background-image:linear-gradient(45deg,#101b2e 25%,transparent 25%),linear-gradient(-45deg,#101b2e 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#101b2e 75%),linear-gradient(-45deg,transparent 75%,#101b2e 75%);background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0}
.thx-stage iframe{position:absolute;left:0;top:0;width:1920px;height:1080px;border:0;transform:scale(var(--thx-scale,.4));transform-origin:top left;pointer-events:none}
.thx-stage-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;font-size:11px;color:#7ba8d0}
.thx-stage-foot i{display:inline-block;width:7px;height:7px;background:#4ddca6;border-radius:50%;margin-right:6px}
.thx-overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.thx-tile{position:relative;text-align:left;border:1px solid #233a59;border-radius:16px;background:linear-gradient(160deg,#0d1d33,#091425);padding:0;overflow:hidden;color:inherit;transition:border-color .2s,transform .2s}
.thx-tile:hover,.thx-tile:focus-visible{border-color:#4cb6ff;transform:translateY(-2px);outline:none}
.thx-tile .thx-stage{border:0;border-radius:0;border-bottom:1px solid #233a59}
.thx-tile-body{padding:14px 16px 16px}
.thx-tile-body small{font-size:9.5px;font-weight:800;letter-spacing:.15em;color:#5fb3ff}
.thx-tile-body h3{margin:6px 0 4px;font-size:16px;color:#eef6ff}
.thx-tile-body p{margin:0;font-size:12px;line-height:1.5;color:#86a0bd}
@media(max-width:1200px){.thx-wrap{grid-template-columns:minmax(0,1fr)}.thx-preview{order:-1}}
@media(max-width:560px){.thx-overview-grid{grid-template-columns:minmax(0,1fr)}.thx-specs{grid-template-columns:minmax(0,1fr)}}
.thx-timer{border:1px solid #2c4763;border-radius:14px;background:#071324;padding:18px;text-align:center;margin-bottom:16px}
.thx-timer strong{display:block;font:900 italic 46px/1 Inter,system-ui,sans-serif;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:#fff;text-shadow:3px 3px 0 #1a3fae,0 0 22px #2f7dff88}
.thx-timer span{display:block;margin-top:8px;font-size:10px;font-weight:800;letter-spacing:.16em;color:#73b1e9;text-transform:uppercase}
.thx-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.thx-timer-btns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 4px}
.thx-timer-btns .btn{justify-content:center;padding-left:8px;padding-right:8px}
.thx-sub-head{margin:24px 0 16px;padding-top:18px;border-top:1px solid #1f3654}
.thx-stage .thx-under{pointer-events:none}