.tavernFire{position:relative;break-inside:avoid;isolation:isolate;margin:36px 0 42px;background:#11100f;border:1px solid #67503b50;color:#efdfc7;overflow:hidden}
.fireHeading{padding:17px 26px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(110deg,#25180f,#141211)}
.fireEyebrow{font:600 8px/1.6 Ui,sans-serif;letter-spacing:2.8px;color:#c49a73}.fireTitle{font:400 31px/1 Georgia,serif;margin:0!important;letter-spacing:-.8px;color:#eedcc7}
.fireViewport{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#1a120e;min-height:160px}.fireViewport>img,.fireViewport>canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.fireViewport>canvas{z-index:1;pointer-events:none}.fireCaption{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:54px 25px 18px;background:linear-gradient(0deg,#110a06c7,transparent);pointer-events:none;display:flex;align-items:end;justify-content:space-between;gap:16px}.firePhase{font:400 18px/1.2 Georgia,serif;letter-spacing:.1px;text-shadow:0 2px 5px #000}.fireArtCredit{max-width:160px;font:400 6px/1.5 Ui,sans-serif;letter-spacing:.6px;color:#dcc6aaa6;text-align:right}
.fireControls{display:flex;align-items:center;gap:17px;min-height:59px;padding:10px 23px;background:#171310;border-top:1px solid #75513945}.fireControls button{font:600 9px/1.5 Ui,sans-serif;color:#e1c4a0;background:transparent;border:0;cursor:pointer;padding:9px 0;min-width:66px;text-align:left;letter-spacing:.3px}.fireControls button:disabled{opacity:.5;cursor:default}.fireControls button:focus-visible,.fireTimeline:focus-visible{outline:2px solid #d7a06d;outline-offset:5px}.fireControls .fireReplay{font:22px/1 Georgia,serif;min-width:24px;text-align:center}.fireClock{font:400 8px/1 Ui,sans-serif;color:#a99b88;white-space:nowrap;font-variant-numeric:tabular-nums}.fireTimeline{width:100%;min-width:35px;accent-color:#c28d5d;cursor:pointer;height:16px}.fireDetail{margin:0!important;padding:0 24px 15px;font:400 8px/1.5 Ui,sans-serif!important;letter-spacing:.6px;color:#9a8670;text-align:left}
.fireControls .fireExpand{min-width:48px;white-space:nowrap;text-align:right}.fireTheater{padding:0;border:1px solid #85634655;background:#0d0b09;width:min(1200px,96vw);max-width:none;max-height:96svh;overflow:auto;color:#efdfc7}.fireTheater::backdrop{background:#050504ed;backdrop-filter:blur(8px)}.continuous .fireTheater .tavernFire,.fireTheater .tavernFire{margin:0;width:100%;border:0}.fireTheater .fireHeading{padding-right:65px}.continuous .fireTheater .fireViewport,.fireTheater .fireViewport{max-height:calc(96svh - 180px);min-height:200px;aspect-ratio:16/9!important}.fireTheaterClose{position:absolute;top:13px;right:19px;z-index:5;border:0;background:transparent;color:#e4c9aa;font:29px/1 Georgia;cursor:pointer;padding:7px}.fireTheater .fireExpand{display:none}
.continuous .tavernFire{width:calc(100% + 100px);margin:54px -50px 46px}.continuous .fireViewport{max-height:min(510px,calc(100svh - 405px))}.continuous .fireTitle{font-size:37px}.firePageLight{position:fixed;inset:72px 0 0;z-index:2;pointer-events:none;opacity:var(--fire-light,0);background:radial-gradient(ellipse at 0% 88%,#ed631c44,transparent 35%),radial-gradient(ellipse at 100% 61%,#f4882338,transparent 29%);mix-blend-mode:screen}
html:not(.night) .firePageLight{mix-blend-mode:multiply;background:radial-gradient(ellipse at 0% 88%,#ce6a2944,transparent 32%),radial-gradient(ellipse at 100% 61%,#e4943230,transparent 26%)}
@media(max-width:750px){.continuous .tavernFire{width:calc(100% + 26px);margin:38px -13px}.fireHeading{padding:19px 17px 16px}.fireEyebrow{font-size:7px;letter-spacing:1.9px}.fireTitle,.continuous .fireTitle{font-size:29px}.fireViewport{aspect-ratio:1.45!important;min-height:210px}.fireCaption{padding:48px 17px 14px;gap:8px}.firePhase{font-size:15px}.fireArtCredit{font-size:5px;max-width:106px}.fireControls{gap:10px;padding:9px 17px;min-height:56px}.fireControls button{font-size:8px;min-width:57px}.fireClock{font-size:7px}.fireDetail{padding:0 17px 14px;font-size:7px!important}}

@media(max-width:750px){.fireControls{display:grid;grid-template-columns:60px minmax(0,1fr) 24px;gap:5px 10px}.fireControls .firePlay{grid-column:1;grid-row:1}.fireControls .fireTimeline{grid-column:2;grid-row:1}.fireControls .fireReplay{grid-column:3;grid-row:1}.fireControls .fireClock{grid-column:2 / 4;grid-row:2;text-align:right}.fireControls .fireExpand{grid-column:1;grid-row:2;text-align:left}.fireTheater .fireViewport{min-height:210px}.fireTheaterClose{top:10px;right:12px}.fireTheater .fireHeading{padding-right:55px}}

body:not(.continuous) .flow .tavernFire{margin:14px 0 18px}body:not(.continuous) .flow .fireHeading{padding:12px 15px}body:not(.continuous) .flow .fireTitle{font-size:23px}body:not(.continuous) .flow .fireEyebrow{font-size:6px;letter-spacing:1.5px}body:not(.continuous) .flow .fireViewport{min-height:120px;max-height:210px}body:not(.continuous) .flow .fireCaption{padding:30px 13px 11px}body:not(.continuous) .flow .firePhase{font-size:13px}body:not(.continuous) .flow .fireArtCredit{display:none}body:not(.continuous) .flow .fireControls{display:grid;grid-template-columns:60px minmax(0,1fr) 24px;gap:3px 9px;padding:7px 13px;min-height:60px}body:not(.continuous) .flow .firePlay{grid-column:1;grid-row:1}body:not(.continuous) .flow .fireTimeline{grid-column:2;grid-row:1}body:not(.continuous) .flow .fireReplay{grid-column:3;grid-row:1}body:not(.continuous) .flow .fireClock{grid-column:2 / 4;grid-row:2;text-align:right}body:not(.continuous) .flow .fireExpand{grid-column:1;grid-row:2;text-align:left}body:not(.continuous) .flow .fireDetail{display:none}

.fireControls[hidden],.fireDetail[hidden]{display:none!important}.fireHeading{position:relative}.fireAutoPause{position:absolute;right:24px;bottom:4px;padding:2px 0;border:0;background:transparent;color:#bda98e;font:500 7px/1.5 Ui,sans-serif;letter-spacing:.4px;cursor:pointer}.fireAutoPause:focus-visible{outline:1px solid #c99968;outline-offset:3px}.firePerimeter{position:fixed;inset:0;z-index:5;pointer-events:none;overflow:hidden;visibility:hidden}.firePerimeter>canvas{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}@media(max-width:750px){.fireAutoPause{right:17px;bottom:3px;font-size:6px}}
