/* Chaos Queue overlay. White 900 text with a #25263e outline on a transparent stage, no plates or shadows. Shared shell bytes stay unchanged. */
html.tt-shell .gift-copy small { display:block; color:var(--muted); font-size:14px; margin-top:5px; }
.source-page #cq-stage { position:absolute; width:1080px; height:1920px; transform-origin:top left; color:#ffffff; font-family:system-ui, sans-serif; }
.source-page #cq-stage * { box-sizing:border-box; }
html.source-page[data-transparent="0"] body { background:#16181b; }
.cq-dim { position:absolute; inset:0; pointer-events:none; opacity:0; transition:opacity .6s ease; background:radial-gradient(ellipse 46% 34% at 50% 52%, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 55%, rgba(0,0,0,.94) 100%); }
.cq-dim.on { opacity:1; }
html[data-reduced-motion="1"] .cq-dim { transition:none; }
.cq-top, .cq-mode, .cq-active, .cq-wait, .cq-legend, .cq-recap, .cq-next, .cq-callout, .cq-recent { -webkit-text-stroke:10px #25263e; paint-order:stroke fill; stroke-linejoin:round; text-shadow:none; font-weight:900; }
.cq-top { position:absolute; left:40px; right:40px; top:34px; display:flex; justify-content:space-between; align-items:flex-start; }
.cq-brand { margin:0 0 6px; font-size:26px; letter-spacing:4px; color:#ffd43b; }
.cq-title h1 { margin:0; font-size:80px; line-height:1; letter-spacing:-2px; color:#ffffff; }
.cq-title h1 span { color:#ffd43b; }
.cq-count { text-align:right; }
.cq-count strong { display:block; font-size:52px; color:#ffd43b; font-variant-numeric:tabular-nums; }
.cq-count span { display:block; font-size:34px; margin-top:4px; }
.cq-mode { position:absolute; top:186px; left:40px; right:40px; z-index:3; font-size:28px; letter-spacing:3px; text-align:center; color:#ffd43b; }
.cq-mode:empty, .cq-callout:empty, .cq-recent:empty { display:none; }
.cq-active, .cq-wait, .cq-legend, .cq-recap { position:absolute; left:120px; right:120px; top:240px; display:flex; flex-direction:column; align-items:center; text-align:center; }
.cq-active[hidden], .cq-wait[hidden], .cq-legend[hidden], .cq-recap[hidden], .cq-next[hidden] { display:none; }
.cq-card { width:100%; border:8px solid var(--card, #ffd43b); border-radius:36px; padding:26px 30px 30px; display:flex; flex-direction:column; align-items:center; }
.cq-kicker { margin:0; font-size:32px; letter-spacing:5px; color:var(--card, #ffd43b); }
.cq-name { margin:8px 0 0; font-size:96px; line-height:1.02; color:#ffffff; }
.cq-rule { margin:12px 0 0; font-size:60px; line-height:1.1; color:#ffd43b; }
.cq-ring { position:relative; width:240px; height:240px; margin-top:22px; }
.cq-ring svg { position:absolute; inset:0; width:240px; height:240px; transform:rotate(-90deg); }
.cq-ring circle { fill:none; stroke-width:20; }
.cq-ring .track { stroke:#25263e; stroke-width:30; }
.cq-ring .bar { stroke:var(--card, #ffd43b); stroke-linecap:round; }
.cq-secs { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:84px; font-variant-numeric:tabular-nums; }
.cq-from { margin:18px 0 0; font-size:36px; color:#ffffff; }
.cq-wait p { margin:0; }
.cq-wait .big { font-size:80px; color:#ffd43b; margin-top:120px; }
.cq-wait .small { font-size:40px; margin-top:16px; }
.cq-legend h2 { margin:0 0 18px; font-size:40px; letter-spacing:3px; color:#ffd43b; }
.cq-rows { width:100%; display:flex; flex-direction:column; gap:18px; }
.cq-row { display:grid; grid-template-columns:120px 1fr; align-items:center; gap:24px; text-align:left; border:6px solid var(--card, #ffd43b); border-radius:28px; padding:16px 26px; }
.cq-row .icon { width:112px; height:112px; display:flex; align-items:center; justify-content:center; }
.cq-row .icon img { width:104px; height:104px; object-fit:contain; }
.cq-row b { display:block; font-size:50px; line-height:1.05; color:#ffffff; }
.cq-row em { display:block; font-style:normal; font-size:34px; margin-top:6px; color:#ffd43b; }
.cq-row i { display:block; font-style:normal; font-size:30px; margin-top:4px; color:#e9e9f2; }
.cq-prompt { margin:26px 0 0; font-size:48px; color:#ffd43b; }
.cq-recap .cq-card { --card:#ffd43b; }
.cq-recap .cq-name { font-size:88px; }
.cq-recap p.line { margin:14px 0 0; font-size:46px; }
.cq-recap p.line b { color:#ffd43b; }
.cq-recap p.next { margin:24px 0 0; font-size:36px; color:#e9e9f2; }
.cq-next { position:absolute; left:60px; right:60px; top:1180px; display:flex; flex-direction:column; align-items:center; }
.cq-next h3 { margin:0 0 14px; font-size:36px; letter-spacing:4px; color:#ffd43b; }
.cq-minis { display:flex; gap:22px; justify-content:center; }
.cq-mini { width:290px; border:6px solid var(--card, #ffd43b); border-radius:24px; padding:14px 12px; display:flex; flex-direction:column; align-items:center; text-align:center; }
.cq-mini img { width:64px; height:64px; object-fit:contain; }
.cq-mini b { display:block; font-size:38px; line-height:1.05; margin-top:6px; }
.cq-mini i { display:block; font-style:normal; font-size:28px; margin-top:4px; color:#e9e9f2; }
.cq-mini.pop { animation:cq-pop .35s ease-out; }
@keyframes cq-pop { from { transform:scale(1.18); } to { transform:scale(1); } }
.cq-more { margin:16px 0 0; font-size:52px; color:#ffffff; font-variant-numeric:tabular-nums; }
.cq-more:empty { display:none; }
.cq-more.pop { animation:cq-pop .35s ease-out; }
.cq-callout { position:absolute; left:120px; right:120px; top:1560px; margin:0; text-align:center; font-size:60px; line-height:1.1; color:#ffd43b; }
.cq-recent { position:absolute; left:120px; right:120px; top:1790px; margin:0; display:flex; align-items:center; justify-content:center; gap:16px; font-size:34px; text-align:center; }
.cq-recent .tt-core-avatar { background:transparent; border:2px solid #ffd43b; -webkit-text-stroke:4px #25263e; paint-order:stroke fill; flex:none; }
.source-page #cq-stage .tt-core-overlay-status { position:absolute; left:200px; top:300px; width:680px; max-width:none; transform:none; margin:0; z-index:4; }
.source-page #cq-stage .tt-core-notice { font-size:30px; padding:20px; }
.source-page #cq-stage .tt-core-notice strong { font-size:32px; }
.cq-row.cq-wild .icon { font-size:84px; line-height:1; }
.cq-recent img { width:72px; height:72px; object-fit:contain; flex:none; }
.cq-recent.wild { color:#ffd43b; animation:cq-pop .35s ease-out; }
.cq-mini.wild { border-style:dashed; }
[data-reduced-motion="1"] .cq-recent.wild { animation:none; }
