/* Card Cascade overlay. White 900 text with a #25263e outline on a transparent stage, no dark plates or text 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 #kc-stage { position:absolute; width:1080px; height:1920px; transform-origin:top left; color:#ffffff; font-family:system-ui, sans-serif; }
.source-page #kc-stage * { box-sizing:border-box; }
html.source-page[data-transparent="0"] body { background:#16181b; }
.kc-top, .kc-mode, .kc-hud, .kc-board, .kc-bays, .kc-queue, .kc-legend, .kc-result, .kc-callout, .kc-recent { -webkit-text-stroke:10px #25263e; paint-order:stroke fill; stroke-linejoin:round; text-shadow:none; font-weight:900; }
.kc-top { position:absolute; left:40px; right:40px; top:34px; display:flex; justify-content:space-between; align-items:flex-start; }
.kc-brand { margin:0 0 6px; font-size:26px; letter-spacing:4px; color:#ffd43b; }
.kc-title h1 { margin:0; font-size:80px; line-height:1; letter-spacing:-2px; color:#ffffff; }
.kc-title h1 span { color:#ffd43b; }
.kc-count { text-align:right; }
.kc-count strong { display:block; font-size:52px; color:#ffd43b; font-variant-numeric:tabular-nums; }
.kc-count span { display:block; font-size:34px; margin-top:4px; }
.kc-mode { position:absolute; top:1730px; left:40px; right:40px; z-index:3; font-size:28px; letter-spacing:3px; text-align:center; color:#ffd43b; }
.kc-mode:empty, .kc-callout:empty, .kc-recent:empty, .kc-queue:empty, .kc-tags:empty { display:none; }
.kc-hud { position:absolute; left:40px; right:40px; top:200px; display:flex; align-items:baseline; justify-content:space-between; gap:20px; }
.kc-hud[hidden], .kc-board[hidden], .kc-bays[hidden], .kc-legend[hidden], .kc-result[hidden] { display:none; }
.kc-score { margin:0; font-size:44px; font-variant-numeric:tabular-nums; }
.kc-score b { font-size:84px; color:#ffffff; }
.kc-score span { margin-left:10px; color:#ffd43b; }
.kc-combo { margin:0; font-size:64px; color:#ffd43b; font-variant-numeric:tabular-nums; }
.kc-tags { position:absolute; left:0; right:0; top:110px; margin:0; text-align:center; font-size:38px; color:#ffffff; }
.kc-tags b { color:#ffd43b; margin:0 14px; }
.kc-combo.pop, .kc-score b.pop { display:inline-block; animation:kc-pop .35s ease-out; }
@keyframes kc-pop { from { transform:scale(1.3); } to { transform:scale(1); } }
.kc-board { position:absolute; left:40px; width:1000px; top:390px; height:1000px; }
#pegs, #cards { position:absolute; inset:0; }
.kc-peg { position:absolute; width:22px; height:22px; margin:-11px 0 0 -11px; border-radius:50%; background:#ffffff; border:5px solid #25263e; }
.kc-card { position:absolute; width:176px; height:96px; margin:-48px 0 0 -88px; border-radius:18px; border:6px solid #ffffff; background:var(--card, #4fa3ff); display:flex; align-items:center; justify-content:center; padding:0 8px; text-align:center; font-size:28px; line-height:1.05; color:#ffffff; -webkit-text-stroke:7px #25263e; paint-order:stroke fill; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.kc-card.gold { --card:#ffd43b; border-color:#fff6c2; box-shadow:0 0 30px 6px #ffd43b; }
.kc-bays { position:absolute; left:40px; width:1000px; top:1400px; height:150px; }
.kc-bay-row { position:absolute; inset:0; display:grid; grid-template-columns:repeat(5, 1fr); }
.kc-bay { position:relative; margin:0 6px; border:6px solid rgba(255,255,255,.75); border-top:none; border-radius:0 0 28px 28px; display:flex; align-items:flex-end; justify-content:center; padding-bottom:10px; font-size:40px; color:#ffffff; }
.kc-bay.hit { animation:kc-hit .6s ease-out; }
.kc-bay.miss { animation:kc-miss .6s ease-out; }
@keyframes kc-hit { from { transform:scale(1.15); border-color:#4fe08a; } to { transform:scale(1); } }
@keyframes kc-miss { from { transform:translateY(10px); border-color:#ff5a5f; } to { transform:none; } }
.kc-glow { position:absolute; top:-30px; bottom:0; border:10px solid #ffd43b; border-radius:0 0 34px 34px; background:rgba(255,212,59,.28); box-shadow:0 0 60px 18px rgba(255,212,59,.65); transition:left .18s ease, width .18s ease; }
.kc-glow.wide { border-color:#ff7ab6; background:rgba(255,122,182,.26); box-shadow:0 0 70px 24px rgba(255,122,182,.6); }
html[data-reduced-motion="1"] .kc-glow, html[data-reduced-motion="1"] .kc-bay { transition:none; animation:none; }
.kc-queue { position:absolute; left:40px; right:40px; top:1560px; margin:0; text-align:center; font-size:40px; color:#ffd43b; }
.kc-legend { position:absolute; left:60px; right:60px; top:380px; display:flex; flex-direction:column; align-items:center; text-align:center; }
.kc-legend h2 { margin:0; font-size:52px; letter-spacing:2px; color:#ffd43b; }
.kc-sub { margin:12px 0 0; font-size:34px; line-height:1.15; color:#ffffff; }
.kc-rows { width:100%; display:flex; flex-direction:column; gap:12px; margin-top:24px; }
.kc-row { display:grid; grid-template-columns:76px 1fr; align-items:center; gap:20px; text-align:left; border:6px solid #ffd43b; border-radius:24px; padding:8px 20px; }
.kc-row .icon { width:72px; height:72px; display:flex; align-items:center; justify-content:center; font-size:50px; color:#ffd43b; }
.kc-row .icon img { width:70px; height:70px; object-fit:contain; }
.kc-row b { display:block; font-size:38px; line-height:1.05; color:#ffffff; }
.kc-row i { display:block; font-style:normal; font-size:28px; margin-top:4px; color:#ffd43b; }
.kc-prompt { margin:20px 0 0; font-size:46px; color:#ffd43b; }
.kc-result { position:absolute; left:100px; right:100px; top:420px; display:flex; flex-direction:column; align-items:center; text-align:center; border:8px solid #ffd43b; border-radius:36px; padding:34px; }
.kc-kicker { margin:0; font-size:34px; letter-spacing:5px; color:#ffd43b; }
.kc-final { margin:10px 0 0; font-size:92px; line-height:1.02; color:#ffffff; }
.kc-result p.line { margin:18px 0 0; font-size:46px; }
.kc-result p.line b { color:#ffd43b; }
.kc-result p.next { margin:26px 0 0; font-size:36px; color:#e9e9f2; }
.kc-callout { position:absolute; left:60px; right:60px; top:1630px; margin:0; text-align:center; font-size:56px; line-height:1.1; color:#ffd43b; }
.kc-recent { position:absolute; left:100px; right:100px; top:1790px; margin:0; display:flex; align-items:center; justify-content:center; gap:16px; font-size:34px; text-align:center; }
.kc-recent .tt-core-avatar { background:transparent; border:2px solid #ffd43b; -webkit-text-stroke:4px #25263e; paint-order:stroke fill; flex:none; }
.source-page #kc-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 #kc-stage .tt-core-notice { font-size:30px; padding:20px; }
.source-page #kc-stage .tt-core-notice strong { font-size:32px; }