dialog.sl-finale{width:min(1440px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 32px);border:1px solid #7b8a865c;background:#090f19;border-radius:8px;overflow:auto;box-shadow:0 30px 140px #000c}
.sl-finale::backdrop{background:#01040bef;backdrop-filter:blur(8px)}
.sl-finale .tablet-top,.sl-finale .tablet-heading,.sl-finale #tablet-tabs{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.sl-finale #tablet-body{padding:0}.sl-finale .tablet-footer{border-color:#344047;padding:10px 22px;background:#0a111a}.sl-finale #dialog-close{display:none}
.finale-stage{position:relative;width:100%;aspect-ratio:16/9;min-height:400px;max-height:calc(100dvh - 155px);overflow:hidden;background:#0b1421}
#finale-art{position:absolute;inset:0;width:100%;height:100%;display:block}
.finale-grain{position:absolute;inset:0;pointer-events:none;opacity:.045;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#d8dfd9 4px)}
.finale-masthead{position:absolute;top:5%;left:5%;right:5%;display:flex;justify-content:space-between;color:#afc2c1;font:10px ui-monospace,monospace;letter-spacing:2px}
.finale-copy{position:absolute;left:54%;right:5%;top:50%;transform:translateY(-50%);padding:8px 0}
.sl-finale #finale-category{font:10px/1.7 ui-monospace,monospace;letter-spacing:2.5px;color:#c4c5a6;margin:0 0 23px}
.sl-finale #finale-name{font:400 clamp(27px,3.9vw,59px)/1.08 Georgia,serif;letter-spacing:-1.5px;color:#f0efde;white-space:pre-line;margin:0 0 25px;text-wrap:balance}
.sl-finale #finale-subtitle{font:13px/1.9 ui-monospace,monospace;color:#b6c7c8;max-width:440px;margin:0 0 20px}
.sl-finale #finale-detail{font:10px/1.8 ui-monospace,monospace;letter-spacing:1px;color:#a8bba8;max-width:450px}
.finale-caption{position:absolute;left:5%;right:5%;bottom:6%;display:flex;justify-content:space-between;gap:20px;font:8px ui-monospace,monospace;letter-spacing:1.5px;color:#8da5a8}.finale-caption span:last-child{text-align:right}
#finale-record{display:flex;gap:27px;border-top:1px solid #66877d40;padding-top:22px;margin-top:26px}#finale-record:empty{display:none}#finale-record span{font:8px/1.6 ui-monospace,monospace;color:#a1b7b2;letter-spacing:1px}#finale-record strong{display:block;color:#e0e6d1;font:23px Georgia,serif;margin-bottom:7px}
.finale-controls{padding:15px 22px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid #3b50554f;background:#0b131e}.finale-controls>div{display:flex;gap:8px;flex-wrap:wrap}.finale-controls button{min-width:0;min-height:40px;padding:9px 13px;background:#13202a;border:1px solid #52666b;color:#dbe7e0;font-size:10px;white-space:nowrap}.finale-controls button:hover{background:#22353a}.finale-controls button:disabled{opacity:.35;cursor:default}.finale-controls [data-action="resume"]{background:#c6d8bf;color:#102325;border-color:#c6d8bf}.finale-controls [data-action="resume"]:hover{background:#e6edda}
.finale-progress{position:absolute;left:0;bottom:0;right:0;height:2px;background:#243443}#finale-progress-fill{display:block;width:100%;height:100%;transform-origin:left;background:#afccbe;transform:scaleX(0)}
@media(min-width:1600px){.sl-finale #finale-name{font-size:59px}}
@media(max-width:800px){dialog.sl-finale{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.finale-stage{min-height:440px;aspect-ratio:auto;max-height:none}.finale-copy{left:47%;right:5%}.sl-finale #finale-name{font-size:31px}.sl-finale #finale-category{font-size:8px;letter-spacing:1px;margin-bottom:15px}.sl-finale #finale-subtitle{font-size:11px;line-height:1.7}.finale-caption span:last-child{display:none}.finale-masthead{font-size:8px;letter-spacing:1px}.finale-controls{padding:10px;gap:8px}.finale-controls button{padding:8px 10px}.sl-finale .tablet-footer{font-size:8px}#finale-record{gap:13px}#finale-record strong{font-size:19px}}
@media(max-width:480px){.finale-stage{min-height:640px}.finale-copy{left:8%;right:8%;top:auto;bottom:45px;transform:none}.sl-finale #finale-name{font-size:35px;margin-bottom:15px}.sl-finale #finale-subtitle{max-width:none}#finale-art{height:370px;width:180%;max-width:none;left:0}.finale-masthead{top:20px}.finale-caption{bottom:20px;font-size:7px}.finale-controls>div{width:100%;justify-content:center}.finale-controls button{font-size:10px}.sl-finale .tablet-footer{display:none}.sl-finale #finale-detail{font-size:9px;margin-bottom:0}#finale-record{padding-top:12px;margin-top:16px}}
@media(prefers-reduced-motion:reduce){.finale-grain{display:none}}