:root{color-scheme:dark;--fire:#ff4d00;--gold:#ffbd2e;--ink:#090708;--panel:#131013;--line:#352d33;--text:#fff8f2;--muted:#c4b9b2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 82% 0,rgba(255,77,0,.18),transparent 28%),linear-gradient(180deg,#090708,#100b0d 55%,#080709);color:var(--text);font:14px/1.5 Inter,system-ui,sans-serif}a{color:inherit}.skip{position:fixed;left:10px;top:-60px;z-index:100;padding:10px;background:#fff;color:#000}.skip:focus{top:10px}.fire-bar{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px clamp(16px,4vw,56px);border-bottom:1px solid var(--line);background:rgba(8,7,9,.92);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.fire-brand{text-decoration:none;font:900 15px Montserrat,sans-serif;letter-spacing:.08em}.fire-brand b,.fire-brand span{color:var(--fire)}.fire-bar nav{display:flex;gap:16px;flex-wrap:wrap}.fire-bar nav a{font-size:11px;font-weight:800;text-decoration:none;color:#cec4c0}.fire-bar nav a:hover{color:#fff}.fire-hero{max-width:1240px;margin:auto;padding:clamp(38px,8vw,104px) clamp(16px,4vw,38px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:38px;align-items:center}.fire-kicker{font-size:10px;font-weight:900;letter-spacing:.16em;color:var(--gold)}.fire-hero h1{font:900 clamp(64px,13vw,156px)/.78 Montserrat,sans-serif;letter-spacing:-.08em;margin:18px 0 26px}.fire-hero h1 em{display:block;color:var(--fire);font-style:normal;text-shadow:0 0 50px rgba(255,77,0,.25)}.fire-lead{max-width:720px;font-size:clamp(17px,2vw,24px);line-height:1.5;color:#e2d8d1}.fire-boundary{max-width:730px;border-left:4px solid var(--fire);padding:14px 16px;background:rgba(255,77,0,.07);border-radius:10px;color:#d5cac4}.fire-mark{position:relative;aspect-ratio:1;border:1px solid #4a3030;border-radius:48% 52% 48% 52%;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,189,46,.2),rgba(255,77,0,.12) 36%,transparent 67%);overflow:hidden}.fire-mark i{position:absolute;width:44%;height:70%;border:3px solid var(--fire);border-radius:60% 10% 60% 30%;transform:rotate(25deg);filter:drop-shadow(0 0 12px rgba(255,77,0,.4))}.fire-mark i:nth-child(2){width:29%;height:50%;border-color:var(--gold);transform:translateY(13%) rotate(25deg)}.fire-mark i:nth-child(3){width:15%;height:29%;border-color:#fff;transform:translateY(42%) rotate(25deg)}.fire-mark span{position:absolute;bottom:12%;font:900 clamp(20px,4vw,48px) Montserrat;letter-spacing:.16em}.fire-studio{max-width:1240px;margin:auto;padding:0 clamp(16px,4vw,38px) 60px;display:grid;grid-template-columns:minmax(340px,.75fr) minmax(0,1.25fr);gap:14px}.fire-panel{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(28,21,24,.96),rgba(13,11,14,.96));padding:clamp(16px,3vw,25px);box-shadow:0 22px 60px rgba(0,0,0,.24)}.fire-panel h2{font:800 clamp(22px,3vw,34px)/1.1 Montserrat;margin:7px 0 18px}.fire-panel label{display:block;font-size:11px;font-weight:800;color:#e9dfd9}.fire-panel input,.fire-panel select,.fire-panel textarea{width:100%;margin-top:6px;border:1px solid #4b3c42;border-radius:10px;background:#09080a;color:#fff;padding:10px;font:inherit}.fire-panel select option{background:#1a1418;color:#fff}.fire-panel textarea{min-height:108px;resize:vertical}.fire-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.fire-panel fieldset{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0;border:1px solid #43353a;border-radius:12px}.fire-panel legend{font-size:10px;font-weight:900;color:var(--gold)}.fire-panel fieldset label,.fire-check{display:flex;gap:8px;align-items:flex-start;font-weight:600}.fire-panel fieldset input,.fire-check input{width:auto;margin:2px 0 0;accent-color:var(--fire)}.fire-check{padding:11px;border:1px solid #45383e;border-radius:10px;background:#0d0b0d;line-height:1.45}.fire-actions,.fire-transport{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.fire-actions button,.fire-transport button,.fire-ai button{border:1px solid #504149;border-radius:10px;background:#21191d;color:#fff;padding:10px 13px;font-weight:900;cursor:pointer}.fire-actions button:disabled,.fire-transport button:disabled,.fire-ai button:disabled{opacity:.45;cursor:not-allowed}.fire-primary{background:linear-gradient(135deg,var(--fire),#d82700)!important;border-color:#ff6a27!important}.fire-small{font-size:10px;color:#aa9e99;line-height:1.55}.fire-output__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.fire-status{padding:5px 8px;border:1px solid #61402e;border-radius:999px;color:var(--gold);font-size:9px;font-weight:900}.fire-output canvas{display:block;width:100%;height:180px;border:1px solid #382d33;border-radius:13px;background:#080709}.fire-recipe{margin-top:10px;padding:12px;border:1px solid #3a3035;border-radius:11px;background:#0d0b0e;color:#cbbfba}.fire-recipe dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0}.fire-recipe dt{color:#9f918c}.fire-recipe dd{margin:0;font-weight:800}.fire-ai{margin-top:16px;padding:14px;border:1px solid #3a3035;border-radius:12px;background:rgba(124,58,237,.06)}.fire-ai h3{margin:0 0 5px}.fire-ai p,#fire-ibis-output{color:#bdb2bc;font-size:11px}.fire-lock{display:grid;gap:4px;margin-top:14px;padding:13px;border:1px solid #4b3b2b;border-radius:11px;background:rgba(255,189,46,.05);color:#d9c8b3;font-size:11px}.fire-path{max-width:1164px;margin:0 auto 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 16px}.fire-path article{border-top:2px solid var(--fire);padding:18px;background:#100d10}.fire-path span{color:var(--gold);font-weight:900}.fire-path h3{font:800 20px Montserrat;margin:6px 0}.fire-path p{color:#bdb1ac}.fire-path a{font-weight:850;color:#fff}footer{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;padding:28px;border-top:1px solid var(--line);color:#a99d99;font-size:10px}footer p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:2px}@media(max-width:900px){.fire-hero,.fire-studio{grid-template-columns:1fr}.fire-mark{max-width:390px;margin:auto}.fire-path{grid-template-columns:1fr}}@media(max-width:600px){.fire-bar{align-items:flex-start}.fire-bar nav a:nth-child(2),.fire-bar nav a:nth-child(3){display:none}.fire-fields,.fire-panel fieldset{grid-template-columns:1fr}.fire-hero{padding-top:35px}.fire-hero h1{font-size:72px}.fire-mark{display:none}.fire-actions button,.fire-transport button{flex:1;min-height:46px}.fire-recipe dl{grid-template-columns:1fr}.fire-recipe dd{margin-bottom:4px}}
.fire-hero{position:relative;isolation:isolate;max-width:none;min-height:520px;grid-template-columns:minmax(0,720px);padding-inline:clamp(20px,7vw,110px);background:#090708 url('/assets/heroes/ftn-fire-producer.webp') center/cover no-repeat;border-bottom:1px solid rgba(255,255,255,.08)}.fire-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.77) 40%,rgba(0,0,0,.12) 76%),linear-gradient(0deg,rgba(0,0,0,.68),transparent 58%);pointer-events:none}.fire-hero>div:first-child{max-width:720px}.fire-hero h1{font-size:clamp(70px,10vw,118px);text-shadow:0 4px 28px rgba(0,0,0,.75)}.fire-lead{color:#f2e9e3}.fire-boundary{background:rgba(0,0,0,.5);backdrop-filter:blur(8px)}.fire-mark{display:none}@media(max-width:600px){.fire-hero{min-height:600px;background-position:60% center}.fire-hero:after{background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.3)),linear-gradient(0deg,rgba(0,0,0,.84),transparent 72%)}}
/* Pass 16: real playhead/seek transport for the Fire player -- Rule 9 (action state) and the
   Fire player fixes (moving playhead, current time/duration, seek). */
.fire-progress{position:relative;margin-top:8px;height:10px;border-radius:6px;background:#1c1518;cursor:pointer}.fire-progress>i{display:block;height:100%;width:0%;border-radius:6px;background:linear-gradient(90deg,var(--fire),var(--gold));pointer-events:none}.fire-progress:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.fire-time{display:flex;justify-content:space-between;margin-top:4px;color:var(--muted);font-size:11px;font-weight:700}