html.candle-active,html.candle-active body{overflow:hidden}
html.candle-dark,html.candle-dark body{background:#111}
.candle-finale{position:fixed;inset:0;z-index:100;background:var(--paper);width:100%;height:100%;height:100dvh;min-height:100svh;display:grid;place-items:center;outline:none;padding:max(28px,env(safe-area-inset-top)) 0 max(28px,env(safe-area-inset-bottom));isolation:isolate}
.candle-film{width:min(100%,640px);line-height:0}
.candle-film img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.candle-finale[data-stage=playing]{background:#f7c77f}
.candle-finale[data-stage=playing] .candle-film{mask-image:none;-webkit-mask-image:none}
.candle-finale[data-stage=dark],.candle-finale[data-stage=message]{background:#111}
.candle-finale[data-stage=dark] .candle-film,.candle-finale[data-stage=message] .candle-film{display:block}
.candle-message{color:#fff;font-weight:400;font-size:clamp(24px,8vw,var(--candle-message-size,40px));line-height:1.65;letter-spacing:-.025em;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;width:calc(100% - 48px);max-width:620px;max-height:calc(100dvh - 200px);overflow:auto;outline:none;text-wrap:balance}
.candle-finale[data-stage=message] .candle-message{position:absolute;left:24px;right:24px;top:var(--candle-message-top,22dvh);bottom:auto;width:auto;max-height:calc(28dvh - 64px)}
.candle-actions{position:absolute;left:24px;right:24px;bottom:max(32px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:8px}
.candle-actions button{font:inherit;background:none;color:#fff;border:1px solid #817b79;border-radius:12px;min-height:48px;min-width:180px;padding:12px 22px;font-size:13px}
.candle-actions button:hover{background:#272423;border-color:#fff}
.candle-actions button:active{background:#342e2c}
.candle-actions button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.candle-actions .candle-edit{border-color:transparent;color:#e2d9d6;font-size:12px}
@media(max-height:520px){.candle-message{max-height:calc(100dvh - 150px);font-size:min(var(--candle-message-size,32px),6vh)}.candle-actions{bottom:16px;flex-direction:row;justify-content:center}.candle-actions button{min-width:0}}
