/* 星光舞台 look for the results screens only (week summary, month settlement, year-end lineup and score card).
   scenes.js puts `stage-look` on #scene for those screens; every rule here stays under that scope. */
#scene.stage-look {
  --ink: #f6f1ff; --muted: #cbbfee;
  --pink: #ff5b84; --gold: #ffc75f;
  --good: #72f0c6; --bad: #ff9ab3;
  --focus: #ffc75f;
  --title-font: "Zen Maru Gothic", "Huninn", "Microsoft JhengHei", "PingFang TC", sans-serif;
  --gold-grad: linear-gradient(180deg, #fff3c8, #ffc75f 55%, #f0a53a);
  --btn: linear-gradient(135deg, #c92a60, #8a36c0);
  color: var(--ink); background: none; backdrop-filter: none;
}
/* Night stage behind the cards: stage.jpg, dimmed and blurred, with a few stars (the ending lineup shows it undimmed). */
#scene.stage-look:not(.ending)::before {
  content: ''; position: fixed; inset: -14px; z-index: -1; filter: blur(5px);
  background:
    radial-gradient(1.5px 1.5px at 12% 18%, #fff 50%, transparent 51%) 0 0 / 260px 260px,
    radial-gradient(1.5px 1.5px at 71% 33%, #ffe7a8 50%, transparent 51%) 0 0 / 260px 260px,
    linear-gradient(180deg, rgba(34, 20, 66, .78), rgba(20, 11, 42, .9)),
    url(../assets/bg/stage.jpg) center / cover no-repeat;
}
#scene.stage-look h2, #scene.stage-look h3, #scene.stage-look .rname { font-family: var(--title-font); font-weight: 900; }
#scene.stage-look .neg { color: var(--bad); }
#scene.stage-look .muted { color: var(--muted); }

/* 按鈕：漸層膠囊 */
#scene.stage-look button { color: #fff; border: 0; background: linear-gradient(rgba(255, 255, 255, .18), transparent 55%), var(--btn); border-radius: 26px; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5), 0 4px 18px rgba(255, 91, 132, .4); text-shadow: 0 1px 2px rgba(60, 0, 40, .5); }
#scene.stage-look button:hover { filter: brightness(1.1); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .7), 0 4px 24px rgba(255, 120, 170, .65); }

/* 卡片：半透明發光 + 金色星芒 */
#scene.stage-look .center.card { background: linear-gradient(160deg, rgba(58, 38, 104, .92), rgba(30, 18, 60, .94)); border-radius: 20px; outline: 0; backdrop-filter: blur(10px); box-shadow: inset 0 0 0 1.5px rgba(255, 199, 95, .45), 0 0 40px rgba(132, 94, 194, .45), 0 20px 50px rgba(0, 0, 0, .5); }
#scene.stage-look .center.card::after { content: none; }
#scene.stage-look .center.card::before { content: '✦ ✧ ✦'; position: absolute; top: -.75em; left: 50%; transform: translateX(-50%); padding: 0 .8em; color: var(--gold); background: #2e1f55; border-radius: 999px; letter-spacing: .3em; text-shadow: 0 0 10px rgba(255, 199, 95, .9); box-shadow: inset 0 0 0 1px rgba(255, 199, 95, .5); }
#scene.stage-look .center.card h3, #scene.stage-look .center.card h2 { display: block; padding: 0; background: var(--gold-grad); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: 1.35em; }

.stage-look .chip { background: rgba(255, 255, 255, .1); }
.stage-look .chip.up { color: var(--good); } .stage-look .chip.down { color: var(--bad); }

/* 週結算：偶像卡 + 發光印章 */
#scene.stage-look .result-card { transform: none; background: linear-gradient(170deg, #3a2768, #231643) padding-box, linear-gradient(160deg, rgba(255, 199, 95, .9), rgba(255, 91, 132, .7), rgba(132, 94, 194, .8)) border-box; border: 2px solid transparent; border-radius: 18px; box-shadow: 0 10px 24px rgba(0, 0, 0, .4); }
#scene.stage-look .result-card::before { content: none; }
#scene.stage-look .result-card.hl { box-shadow: 0 0 26px rgba(255, 143, 177, .5), 0 10px 24px rgba(0, 0, 0, .4); }
#scene.stage-look .result-card .photo { border-radius: 12px; background: radial-gradient(circle at 50% 35%, rgba(255, 180, 230, .55), rgba(132, 94, 194, .35) 55%, rgba(30, 18, 60, .6)); }
#scene.stage-look .result-card .rname { color: #fff; }
#scene.stage-look .result-card p { color: var(--muted); }
#scene.stage-look .stamp { border-radius: 12px; background: rgba(20, 10, 44, .85); border: 2.5px solid currentColor; text-shadow: 0 0 8px currentColor; box-shadow: 0 0 16px currentColor, inset 0 0 10px rgba(255, 255, 255, .15); }
#scene.stage-look .stamp.great { color: var(--gold); }
#scene.stage-look .stamp.fail { color: #9cc0ff; }
#scene.stage-look .stamp.collapse { color: #ff7da0; }

/* 帳本 */
#scene.stage-look .ledger { background: none; }
#scene.stage-look .award { margin: .9em auto .2em; max-width: 460px; padding: .6em 1em; border-radius: 14px; background: rgba(255, 199, 95, .12); box-shadow: inset 0 0 0 1px rgba(255, 199, 95, .45); }
#scene.stage-look .award > b { color: var(--gold); font-size: 1.1em; }
#scene.stage-look .award p { margin: .3em 0 0; }
#scene.stage-look .award.lost { background: rgba(156, 192, 255, .1); box-shadow: inset 0 0 0 1px rgba(156, 192, 255, .4); }
#scene.stage-look .award.lost > b { color: #9cc0ff; }
#scene.stage-look .ledger td { border-bottom: 1px solid rgba(255, 255, 255, .12); }
#scene.stage-look .ledger td:last-child { color: #fff; }
#scene.stage-look .ledger td.neg { color: var(--bad); }
#scene.stage-look .ledger tr.total td { border-top: 2px solid var(--gold); border-bottom: 0; font-size: 1.15em; background: rgba(255, 199, 95, .12); color: var(--gold); }
#scene.stage-look .ledger tr.total td.neg { color: var(--bad); }

/* 結局：舞台上的台詞框 */
#scene.stage-look .dialog { background: rgba(26, 16, 54, .86); color: var(--ink); border: 0; outline: 0; border-radius: 22px; backdrop-filter: blur(8px); box-shadow: inset 0 0 0 1.5px rgba(255, 199, 95, .55), 0 0 30px rgba(165, 123, 255, .35), 0 12px 30px rgba(0, 0, 0, .45); }
#scene.stage-look .dialog::before { content: none; }
#scene.stage-look .dialog::after { content: '✦'; position: absolute; top: .5em; right: .8em; color: var(--gold); text-shadow: 0 0 10px rgba(255, 199, 95, .9); }
#scene.ending .lineup + .dialog::after { right: max(.8em, calc(50vw - 30em)); }   /* fix V-1: the band is screen-wide; the star stays at the text's corner */
#scene.stage-look .dialog .next { color: var(--muted); }
.stage-look .lineup img { filter: drop-shadow(0 0 16px rgba(220, 170, 255, .6)); }

/* 倒閉結局：黯淡辦公室取代璀璨舞台，卡片維持夜間風但收斂閃亮效果（沒有星芒、沒有金色光暈）。 */
#scene.stage-look.bankrupt::before {
  background:
    linear-gradient(180deg, rgba(8, 6, 16, .8), rgba(8, 6, 16, .9)),
    url(../assets/bg/office.jpg) center / cover no-repeat;
  filter: blur(5px) grayscale(.75) brightness(.55);
}
#scene.stage-look.bankrupt .center.card::before { content: none; }
#scene.stage-look.bankrupt .center.card { box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .16), 0 16px 40px rgba(0, 0, 0, .6); }
#scene.stage-look.bankrupt h2 { background: none; -webkit-background-clip: initial; background-clip: initial; -webkit-text-fill-color: initial; color: var(--ink); }

/* 年底舞台依等級打光：C 暗而褪色、B 原樣、A 明亮、S 更亮加暖色聚光（+ style.css 的彩帶）。隱藏結局加一層冷紫。 */
#scene.ending::after { content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none; }
#scene.ending.rank-C::before { filter: brightness(.5) saturate(.35); }
#scene.ending.rank-C::after { background: radial-gradient(ellipse at 50% 40%, transparent 25%, rgba(8, 4, 20, .65)); }
#scene.stage-look.rank-C .lineup img { filter: saturate(.7) brightness(.88); }
#scene.ending.rank-A::before { filter: brightness(1.1) saturate(1.12); }
#scene.ending.rank-A::after { background: radial-gradient(ellipse 60% 70% at 50% 0%, rgba(255, 236, 190, .28), transparent 70%); }
#scene.ending.rank-S::before { filter: brightness(1.2) saturate(1.3); }
#scene.ending.rank-S::after { background: radial-gradient(ellipse 45% 80% at 30% 0%, rgba(255, 226, 160, .32), transparent 70%), radial-gradient(ellipse 45% 80% at 70% 0%, rgba(255, 190, 230, .3), transparent 70%); }
#scene.stage-look.rank-S .lineup img { filter: drop-shadow(0 0 20px rgba(255, 220, 150, .75)); }
/* 隱藏結局：燈很亮，但冷、褪色、沒有溫度（不跟等級打光、沒有彩帶）；成員的顏色也被抽掉一些。 */
#scene.ending.kurohane::before { filter: brightness(1.18) saturate(.2) contrast(1.05); }
#scene.ending.kurohane::after { background: radial-gradient(ellipse 60% 70% at 50% 0%, rgba(225, 238, 255, .42), transparent 72%), linear-gradient(180deg, rgba(140, 175, 230, .26), rgba(40, 60, 110, .3)); }
#scene.stage-look.kurohane .lineup img { filter: saturate(.45) brightness(1.04) drop-shadow(0 0 14px rgba(200, 220, 255, .55)); }

/* 公司結局卡與去向卡 */
#scene.stage-look .ending-card .kind { background: rgba(255, 199, 95, .16); color: var(--gold); box-shadow: inset 0 0 0 1px rgba(255, 199, 95, .5); }
#scene.stage-look .ending-card h2 { font-size: 1.8em; }
#scene.stage-look .career-card.front { color: var(--ink); background: linear-gradient(170deg, color-mix(in srgb, var(--c) 42%, #2a1850), #231643 70%); box-shadow: inset 0 0 0 2px var(--c), 0 0 22px color-mix(in srgb, var(--c) 45%, transparent), 0 10px 24px rgba(0, 0, 0, .4); }
#scene.stage-look .career-card .photo { background: radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--c) 70%, #fff), color-mix(in srgb, var(--c) 45%, #2a1850) 70%); }
#scene.stage-look .career-card .prop { filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .45)); }
#scene.stage-look .career-card .cname { font-family: var(--title-font); font-weight: 900; color: #fff; }
/* 名字用去向色混白，深色卡底上對比 ≥ 4.5（深紫的秘書卡也看得清楚） */
#scene.stage-look .career-card .cwho { color: color-mix(in srgb, var(--c) 35%, #fff); font-weight: bold; }
#scene.stage-look .career-card p { color: #e9e1fb; }
#scene.stage-look .career-card.back { color: var(--gold); background: repeating-linear-gradient(45deg, rgba(255, 255, 255, .05) 0 10px, transparent 10px 20px), #2e1f55; box-shadow: inset 0 0 0 2px rgba(255, 199, 95, .45); }
#scene.stage-look .career-card.back .q { text-shadow: 0 0 14px rgba(255, 199, 95, .8); }
#scene.stage-look .flip-hint { color: var(--muted); }
#scene.stage-look .result-card.song-back { color: var(--gold); background: repeating-linear-gradient(45deg, rgba(255, 255, 255, .05) 0 10px, transparent 10px 20px), #2e1f55; }
#scene.stage-look .result-card.song-back .q { text-shadow: 0 0 14px rgba(255, 199, 95, .8); }
#scene.stage-look .concert .pushed { color: var(--gold); font-weight: 800; font-size: 1.1em; text-shadow: 0 0 12px rgba(255, 199, 95, .7); }

/* 週結算的同地點閒聊 */
#scene.stage-look .duo { background: rgba(255, 255, 255, .07); border-radius: 14px; box-shadow: inset 0 0 0 1px rgba(255, 199, 95, .3); }
#scene.stage-look .duo b { color: var(--gold); }
#scene.stage-look .duo-place { color: var(--muted); }
#scene.stage-look .visit-inline { background: rgba(255, 255, 255, .07); box-shadow: inset 0 0 0 1px rgba(255, 199, 95, .3); }
#scene.stage-look .visit-inline b { color: var(--gold); }
/* 手帳印章（批次 L）：夜間舞台版的顏色 */
#scene.stage-look .stamp.success { color: #ff9ab4; }
#scene.stage-look .stamp.rest { color: #8fe3bb; }
#scene.stage-look .stamp.steady { color: #ffd08a; }
#scene.stage-look .stamps .doodle { filter: drop-shadow(0 0 6px rgba(255, 255, 255, .55)); }
#scene.stage-look .duo.duo-memory { box-shadow: inset 0 0 0 1.5px rgba(255, 154, 180, .6), 0 0 18px rgba(255, 154, 180, .25); }
#scene.ending .dialog { background-color: #1d1240; }   /* opaque: Okami's cut bottom edge tucks under it (no see-through band) */

/* 年底的加碼安可（批次 K）：在演出卡下面，排版流裡 */
#scene.stage-look .extra-pick, #scene.stage-look .extra-res { max-width: 32em; margin: .6em auto; padding: .7em 1em; border-radius: 14px; background: rgba(255, 255, 255, .07); box-shadow: inset 0 0 0 1px rgba(255, 199, 95, .35); }
#scene.stage-look .extra-pick .choices { max-width: 28em; margin: .6em auto 0; }
#scene.stage-look .extra-pick button small { display: block; font-size: .82em; font-weight: normal; opacity: .9; }
#scene.stage-look .extra-res b { color: var(--gold); }
#scene.stage-look .extra-res.hit b { text-shadow: 0 0 12px rgba(255, 199, 95, .7); }
#scene.stage-look .stamp.train { color: #ffab73; }   /* 第三輪 P13 🔥 特訓 */