/* What this is: readable optional comparison stories, tapes and still poses for families. */
#comparisonsDialog{width:min(850px,calc(100% - 20px));max-width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:clamp(12px,3vw,28px);overflow:auto;scrollbar-gutter:stable;color:var(--ice);background:var(--scene-panel);font-family:inherit;line-height:var(--studio-leading,1.55);}
#comparisonsDialog [lang],.comparison-entry [lang],[data-comparison-entry] [lang]{display:block;}
#comparisonsDialog [lang=th],.comparison-entry [lang=th],[data-comparison-entry] [lang=th]{letter-spacing:normal!important;word-spacing:normal!important;}
.comparison-heading,.comparison-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0;}
.comparison-heading h2{flex:1 1 220px;}
.comparison-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
#comparisonsDialog button{max-width:100%;min-height:44px;white-space:normal;overflow-wrap:anywhere;font:inherit;}
#comparisonsDialog button[aria-pressed=true]{outline:2px solid currentColor;outline-offset:2px;}
#comparisonPrompt{font-size:1.12em;font-weight:600;}
#comparisonFacts{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;}
#comparisonFacts dt,#comparisonFacts dd{margin:0;}
#comparisonFacts dd{font-variant-numeric:tabular-nums;font-weight:700;}
#comparisonForm{padding:16px;border:1px solid var(--muted);border-radius:12px;}
#comparisonAnswer{display:block;width:100%;max-width:240px;min-width:0;font:inherit;padding:10px;margin:8px 0;}
#comparisonFeedback:empty,#comparisonHelp:empty{display:none;}
#comparisonFeedback,#comparisonHelp{padding:12px;border-left:3px solid currentColor;}
#comparisonDiagram{padding:12px;border:1px solid currentColor;border-radius:10px;}
.comparison-tape-row p{margin:12px 0 6px;}
.comparison-bars{display:flex;width:100%;height:28px;border-bottom:1px solid currentColor;}
.comparison-bar{display:block;background:var(--ice);height:24px;flex:none;}
.comparison-gap{display:block;border-block:2px dashed currentColor;height:24px;flex:none;box-sizing:border-box;}
.comparison-gap[data-amount="0"]{border:0;}
#comparisonEquation{font-size:1.3em;font-weight:700;overflow-wrap:anywhere;}
.comparison-scene{margin:20px 0;border-block:1px solid var(--muted);padding:12px 0;}
#comparisonCast{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
#comparisonCast figure{position:relative;margin:0;min-width:0;}
#comparisonCast figure>img,#comparisonCast .rig-svg{height:155px;width:100%;object-fit:contain;}
#comparisonCast .character-stage{height:155px;}
#comparisonCast .character-caption{display:none;}
#comparisonCast figcaption{font-size:.85em;}
.comparison-plaque{position:absolute;top:99px;left:calc(50% - 14px);width:28px;text-align:center;background:var(--scene-panel);color:var(--ice);border:1px solid currentColor;border-radius:4px;font-weight:700;}
.comparison-entry{margin:24px 0;padding:20px;border:1px solid var(--muted);border-radius:16px;}
@media(max-width:600px){.comparison-choices{grid-template-columns:1fr;}#comparisonCast .rig-svg,#comparisonCast .character-stage,#comparisonCast figure>img{height:110px;}.comparison-plaque{top:65px;}#comparisonsDialog{scrollbar-gutter:auto;}}
:root[data-reading-size=largest] .comparison-choices{grid-template-columns:1fr;}
@media(forced-colors:active){#comparisonsDialog{background:Canvas;color:CanvasText;}.comparison-bar{background:CanvasText;}.comparison-plaque{background:Canvas;color:CanvasText;}}
@media print{#comparisonsDialog,.comparison-entry{display:none!important;}}

/* Quiet Terrace keeps finite media and the app-owned question in reserved cast space. */
#comparisonCast[data-story=quiet-terrace] .character-stage,#comparisonCast[data-story=quiet-terrace] .rig-svg,#comparisonCast .luma-quiet-terrace{height:175px;}
#comparisonCast .luma-quiet-terrace>img,#comparisonCast .luma-quiet-terrace>video{width:100%;height:100%;max-width:none;margin:0;filter:none;}
#comparisonCast .luma-quiet-terrace[hidden]{display:none;}
@media(max-width:600px){#comparisonCast[data-story=quiet-terrace] .character-stage,#comparisonCast[data-story=quiet-terrace] .rig-svg,#comparisonCast .luma-quiet-terrace{height:115px;}}

/* The finite comparison cues sit beside unchanged app-owned facts and tapes. */
#comparisonCast:is([data-story=moon-lens],[data-story=pool-window]) .character-stage,#comparisonCast:is([data-story=moon-lens],[data-story=pool-window]) .rig-svg,#comparisonCast :is(.emberwing-comparison,.puffclaw-comparison){height:175px;}
#comparisonCast :is(.emberwing-comparison,.puffclaw-comparison)>img,#comparisonCast :is(.emberwing-comparison,.puffclaw-comparison)>video{width:100%;height:100%;max-width:none;margin:0;filter:none;}
#comparisonCast :is(.emberwing-comparison,.puffclaw-comparison)[hidden]{display:none;}
@media(max-width:600px){#comparisonCast:is([data-story=moon-lens],[data-story=pool-window]) .character-stage,#comparisonCast:is([data-story=moon-lens],[data-story=pool-window]) .rig-svg,#comparisonCast :is(.emberwing-comparison,.puffclaw-comparison){height:115px;}}

/* Accepted comparison scene treatment: closed performances and one finite sky response. */
.comparison-scene:is([data-story=quiet-terrace],[data-story=moon-lens],[data-story=pool-window]){position:relative;isolation:isolate;padding:16px;border:1px solid var(--muted);border-radius:20px;background:radial-gradient(ellipse at 72% 78%,#9fbbe21a,transparent 65%),var(--scene-panel);}
.terrace-constellation{display:block;width:100%;height:54px;margin:0 0 -32px;overflow:visible;opacity:.18;pointer-events:none;color:#cbdcf2;}
.terrace-constellation path:first-child{fill:none;stroke:currentColor;stroke-width:1.6;}
.terrace-constellation path:last-child{fill:currentColor;}
.terrace-constellation[hidden]{display:none;}
:root[data-studio-sparkles=false] .terrace-constellation{visibility:hidden;}
#comparisonCast:is([data-story=quiet-terrace],[data-story=moon-lens],[data-story=pool-window]){position:relative;gap:clamp(10px,3vw,24px);align-items:start;}
#comparisonCast:is([data-story=quiet-terrace],[data-story=moon-lens],[data-story=pool-window]) figure{padding:10px 8px 12px;border-radius:16px;background:#9fbbe20c;}
#comparisonCast:is([data-story=quiet-terrace],[data-story=moon-lens],[data-story=pool-window]) [data-scene-role=lead]{background:#9fbbe219;box-shadow:inset 0 0 0 1px #cbdcf240;}
#comparisonCast:is([data-story=quiet-terrace],[data-story=moon-lens],[data-story=pool-window]) .character-media>img,#comparisonCast:is([data-story=quiet-terrace],[data-story=moon-lens],[data-story=pool-window]) .character-media>video{border-radius:12px;}
#comparisonCast:is([data-story=quiet-terrace],[data-story=moon-lens],[data-story=pool-window]) figcaption{margin-top:8px;line-height:1.55;}
#comparisonCast:is([data-story=quiet-terrace],[data-story=moon-lens],[data-story=pool-window]) .comparison-plaque{top:108px;left:calc(50% - 14px);background:#283a55;color:#f0e3b1;border-color:#b9a27c;box-shadow:0 2px 6px #10192a70;}
@media(max-width:600px){.comparison-scene:is([data-story=quiet-terrace],[data-story=moon-lens],[data-story=pool-window]){padding:12px 8px;}#comparisonCast:is([data-story=quiet-terrace],[data-story=moon-lens],[data-story=pool-window]) figure{padding:6px 4px 8px;}#comparisonCast:is([data-story=quiet-terrace],[data-story=moon-lens],[data-story=pool-window]) .comparison-plaque{top:71px;}}
@media(prefers-reduced-motion:reduce){.terrace-constellation{opacity:.18!important;}}
@media(forced-colors:active){.comparison-scene:is([data-story=quiet-terrace],[data-story=moon-lens],[data-story=pool-window]),#comparisonCast:is([data-story=quiet-terrace],[data-story=moon-lens],[data-story=pool-window]) figure{background:Canvas;}.terrace-constellation{display:none;}#comparisonCast:is([data-story=quiet-terrace],[data-story=moon-lens],[data-story=pool-window]) [data-scene-role=lead]{box-shadow:none;border:1px solid CanvasText;}#comparisonCast:is([data-story=quiet-terrace],[data-story=moon-lens],[data-story=pool-window]) .comparison-plaque{background:Canvas;color:CanvasText;}}