/* Bonfire Night 2026. Shared portal surfaces; status and permission semantics retained. */
html.loco-bonfire:root,html.loco-bonfire body{--bg:#07101c!important;--bg2:#101d2b!important;--panel:#122030!important;--panel2:#1a2a3c!important;--line:#b18b58!important;--text:#fff0d5!important;--muted:#d5c6b0!important;--blue:#ffca79!important;--blue2:#d58b42!important;--shadow:0 15px 40px #02060c80!important}
html.loco-bonfire body{background:#06101b!important;color:var(--text)!important}
/* Keep all fixed app dialogs in their original stacking contexts. */
html.loco-bonfire .bf-atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:linear-gradient(#06101b44,#06101b88),url('bonfire-railway.webp') center/cover no-repeat}
html.loco-bonfire body{isolation:isolate}
html.loco-bonfire .bf-atmosphere span{position:absolute;left:var(--x);bottom:-60px;font-size:var(--size);opacity:.28;animation:hwDrift var(--duration) linear infinite;animation-delay:var(--delay);pointer-events:none}
html.loco-bonfire .bf-corner{position:fixed;bottom:10px;right:12px;font-size:25px;opacity:.6;z-index:2;pointer-events:none;filter:drop-shadow(0 3px 8px #0009)}
html.loco-bonfire .topbar{background:linear-gradient(100deg,#101927f5,#080f1bf5 65%,#30251ef5)!important;border-bottom:2px solid #c99a61!important;box-shadow:0 5px 25px #02060d80!important}
html.loco-bonfire .brand img,html.loco-bonfire .bf-brand-logo{border-radius:50%!important;clip-path:circle(50% at 50% 50%);object-fit:cover!important;object-position:center!important;box-shadow:0 0 0 2px #ffae5b,0 0 20px #e2a84b44!important;background:#040a12!important}
html.loco-bonfire .brand small,html.loco-bonfire .eyebrow{color:#ffc780!important}
html.loco-bonfire .main-nav a{color:#ffebcf!important}
html.loco-bonfire .main-nav a:hover,html.loco-bonfire .main-nav a[aria-current="page"]{background:linear-gradient(100deg,#60472e,#845b32)!important;box-shadow:inset 0 0 0 1px #ffae5b88!important}
html.loco-bonfire .main-nav.open{background:#101a27fa!important;border-color:#d8a96a!important}
html.loco-bonfire .nav-toggle{background:#30271e!important;border-color:#ffa65c!important;color:#fff0d7!important}
/* Every common portal surface, plus card/panel names used by alternate layouts.
   Nested surface styling is cosmetic only: sizes, display and positioning stay intact. */
html.loco-bonfire body :is(.panel,.metric,.day-card,.board-day,.login-card,.install-card,.notification-gate-card,.personal-performance-strip,.recruitment-top-strip,.today-strip,.global-upcoming-strip,.pinned-announcement,.agency-booking-card,.announcement-admin-card,.free-now-card,.performance-person-card,.recruitment-current-card,.statement-entry,.mini-performance,.performance-scale,.performance-target-edit,.agency-recommendations,.agency-inline-edit,.reminder-box,.login-results,.spin-win-result,.spin-win-history>div,.recruitment-admin-row,.week-summary>div,.statement-summary>div,.recruitment-current-metrics>div,.recruitment-top-metrics>div,.agency-booking-details>div),
html.loco-bonfire body :is(section,article,aside,div,details,fieldset):is([class*="-card"],[class*="-panel"],[class*="-tile"],[class*="-box"],[class~="card"],[class~="tile"]):not(:is(.panel-head,.panel-header,.panel-body,.panel-content,.bf-copy,.bf-art)){
 background-color:#0c1623!important;
 background-image:radial-gradient(circle at top right,#dba65622,transparent 38%),linear-gradient(135deg,#142235f5,#08111df7)!important;
 background-size:100% 100%,100% 100%!important;background-position:center!important;background-repeat:no-repeat!important;
 border-color:#ac8651!important;border-top-color:#ffad58!important;box-shadow:inset 0 2px #ffb46566,0 10px 30px #05020c66!important;color:#fff1df!important
}
html.loco-bonfire body :is(.panel-head,.panel-header,.day-head,.personal-performance-title,.recruitment-top-title,.global-upcoming-title){color:#ffcf91!important;border-bottom-color:#bf7a4670!important}
html.loco-bonfire body :is(h1,h2,h3){text-shadow:0 2px 12px #08020a88}
html.loco-bonfire .dashboard-greeting h1:after{content:' 🔥 ✨';font-size:.65em;white-space:nowrap}
html.loco-bonfire :is(.panel-head,.panel-header,.day-head) :is(h2,h3):after{content:' 🎆 ✨';font-size:.72em;white-space:nowrap}
html.loco-bonfire .personal-performance-title .eyebrow:after{content:' 🔥 🌟'}
html.loco-bonfire :is(.today-strip,.global-upcoming-strip) .eyebrow:before{content:'🔮 🎆 '}
html.loco-bonfire .pinned-announcement .eyebrow:before{content:'📜 ✨ '}
html.loco-bonfire body :is(.today-item,.global-upcoming-item,.notification-row,.board-row,.check-row,.install-steps,.copy-box){background:linear-gradient(100deg,#172536,#0b1522)!important;border-color:#8e744e!important;color:#f9e7db!important}
html.loco-bonfire .notification-row.unread{border-color:#ffb459!important;box-shadow:inset 4px 0 #ffaf57!important}
html.loco-bonfire .notification-row.unread .notification-dot{background:#ffb456!important;box-shadow:0 0 12px #ff9b46aa!important}
html.loco-bonfire .board-day h3{background:linear-gradient(100deg,#5a412b,#26303b)!important;color:#ffe5c0!important}
html.loco-bonfire .creator-chip,html.loco-bonfire .privacy-chip,html.loco-bonfire .pill.blue{background:#30291f!important;border-color:#d99566!important;color:#ffdfb4!important}
/* Distinct pumpkin primary and purple secondary actions; danger remains red. */
html.loco-bonfire body :is(.btn,.button,button):not(:is(.danger,[class*="danger"],[class*="delete"],[class*="remove"],.nav-toggle,.install-x,.bf-enter,.text-btn)){
 background:linear-gradient(125deg,#3c3022,#1b2734)!important;border-color:#d79261!important;color:#fff0d8!important;box-shadow:0 4px 15px #02060c66!important
}
html.loco-bonfire body :is(.btn.primary,button[type="submit"]):not(:is(.danger,[class*="danger"],[class*="delete"],[class*="remove"])){
 background:linear-gradient(125deg,#ffd18a,#ff9e43 75%,#ec7b2e)!important;border-color:#ffd59c!important;color:#301207!important;box-shadow:0 5px 22px #ff8b332e!important
}
html.loco-bonfire .btn.ghost{background:#26313fb3!important;color:#ffe3bb!important}
html.loco-bonfire .text-btn{color:#ffc987!important}
html.loco-bonfire body :is(input,select,textarea):not(:is([type="checkbox"],[type="radio"],[type="range"],[type="color"],[type="hidden"])){background:#09131f!important;border-color:#a2855e!important;color:#fff1dc!important}
html.loco-bonfire body :is(input,select,textarea):focus{border-color:#ffc36c!important;box-shadow:0 0 0 3px #ffa73b33!important}
html.loco-bonfire :is(input[type="checkbox"],input[type="radio"],input[type="range"]){accent-color:#ffae52}
html.loco-bonfire .slot span{background:#122030!important;border-color:#8f7c5f!important;color:#f5dfed!important}
html.loco-bonfire .slot input:checked+span{background:linear-gradient(135deg,#a26c36,#e4aa51)!important;border-color:#ffda8e!important;color:#fff!important;box-shadow:0 0 14px #ffae4133!important}
html.loco-bonfire :is(.mini-track,.performance-track){background:#263747!important;border-color:#8b7351!important}
html.loco-bonfire :is(.mini-track i,.performance-fill){background:linear-gradient(90deg,#ad793a,#ffae4b)!important;box-shadow:0 0 13px #ee9b4533!important}
html.loco-bonfire .data-table th{background:linear-gradient(100deg,#55402b,#1b2939)!important;color:#ffdb9d!important;border-color:#9a805a!important}
html.loco-bonfire .data-table td{border-color:#8c795566!important;color:#f9e6e9!important}
html.loco-bonfire .data-table tbody tr:nth-child(odd){background:#122031c9!important}
html.loco-bonfire .data-table tbody tr:nth-child(even){background:#081422c9!important}
html.loco-bonfire .data-table tbody tr:hover{background:#69503666!important}
html.loco-bonfire .sticky-save{background:linear-gradient(100deg,#25313ff5,#0a1423f5)!important;border-color:#ed9d52!important}
html.loco-bonfire .flash.info,html.loco-bonfire .notification-permission{background:#273341!important;border-color:#cc925d!important;color:#ffe4bb!important}
html.loco-bonfire .info-tip-pop{background:#19293b!important;border-color:#dcaa6f!important;color:#fff2da!important}
html.loco-bonfire .footer{background:#06101bd9!important;border-top-color:#d8905177!important;color:#dfc2dc!important}
html.loco-bonfire .footer:after{content:'🔥 ✨ 🎆 ✨ 🌟 🎉';font-size:18px;letter-spacing:.12em;pointer-events:none}
html.loco-bonfire .bf-season-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:17px 20px;margin:0 0 24px;border:1px solid #e49b5c;border-radius:16px;background:linear-gradient(110deg,#66482bd9,#152334ed 55%,#87552bcc);box-shadow:0 9px 25px #08020e66,inset 0 1px #ffddb555;color:#ffe9c7}
html.loco-bonfire .bf-season-banner strong{display:block;font-size:18px}
html.loco-bonfire .bf-season-banner small{display:block;color:#f0d2e5;margin-top:5px;font-size:12px}
html.loco-bonfire .bf-season-banner>span{font-size:25px;letter-spacing:.13em;white-space:nowrap}
/* Icons decorate visible navigation text without changing the links. */
html.loco-bonfire .main-nav a:before{content:'🔥 '}
html.loco-bonfire .main-nav a[href*="battle"]:before{content:'🎆 '}
html.loco-bonfire .main-nav a[href*="availability"]:before{content:'✨ '}
html.loco-bonfire .main-nav a[href*="performance"]:before{content:'✨ '}
html.loco-bonfire .main-nav a[href*="notification"]:before{content:'🔮 '}
html.loco-bonfire .main-nav a[href*="recruit"]:before{content:'🎇 '}
html.loco-bonfire .main-nav a[href*="team"]:before{content:'🚂 '}
html.loco-bonfire .main-nav a[href*="user"]:before{content:'🌟 '}
html.loco-bonfire .main-nav a[href*="password"]:before{content:'🗝️ '}
html.loco-bonfire .main-nav a[href*="privacy"]:before{content:'📜 '}
html.loco-bonfire .main-nav a[href*="logout"]:before{content:'🚪 '}
/* A real illustrated railway, live fireworks behind cards, embers above them. */
html.loco-bonfire .bf-background{position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(#06101b33,#06101b66),url('bonfire-railway.webp') center/cover no-repeat}
html.loco-bonfire .bf-sky{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
html.loco-bonfire .bf-embers{position:fixed;inset:0;z-index:40;overflow:hidden;pointer-events:none!important;contain:layout paint}
html.loco-bonfire .bf-embers i{position:absolute;left:var(--x);bottom:-10px;width:3px;height:3px;border-radius:50%;background:#ffcf85;box-shadow:0 0 7px #ffad59;opacity:0;pointer-events:none;animation:bfEmber var(--duration) linear infinite;animation-delay:var(--delay)}
html.loco-bonfire .bf-season-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 24px;margin:0 0 25px;border:1px solid #e7b573;border-radius:19px;background:linear-gradient(105deg,#101a2bef,#101c2b9c),url('bonfire-railway.webp') center 30%/cover;box-shadow:inset 0 1px #ffdc9d44,0 10px 30px #0005;color:#fff0d5}
html.loco-bonfire .bf-season-banner strong{font:700 clamp(20px,2.7vw,31px)/1.25 Georgia,serif;display:block}
html.loco-bonfire .bf-season-banner small{display:block;color:#dfcdb3;font-size:14px;margin-top:9px}
html.loco-bonfire .bf-season-banner>span{font-size:29px;letter-spacing:.16em;white-space:nowrap}
html.loco-bonfire .hbr-brand-mark{display:none!important}
html.loco-bonfire .brand .bf-brand-logo{width:50px;height:50px;flex:0 0 auto}
/* Control Room replaces its image with a background pseudo-logo; restore image. */
html.loco-bonfire.cr-theme .brand:before{content:none!important;display:none!important;background:none!important}
html.loco-bonfire.cr-theme .brand img,html.loco-bonfire.cr-theme .brand .bf-brand-logo{display:block!important;width:156px!important;height:156px!important;max-width:100%;margin:0 auto;object-fit:cover!important;border-radius:50%!important;clip-path:circle(50% at 50% 50%)}
html.loco-bonfire.cr-theme .brand>span{display:none!important}
html.loco-bonfire.cr-theme .brand:after{content:'🔥 🎆 ✨'!important;display:block!important;height:auto!important;margin-top:12px!important;background:none!important;color:#ffd38b;text-align:center;font-size:22px;letter-spacing:5px}
html.loco-bonfire.cr-theme{--cr-cyan:#ffd18a;--cr-purple:#c99a62;--cr-line:#ad8755}
html.loco-bonfire :is(.ls-stat,.ls-card,.ls-person){background:linear-gradient(135deg,#142235ed,#08111df2)!important;border-color:#c19962!important;box-shadow:inset 0 1px #ffe1aa33,0 10px 24px #02060d66!important}
html.loco-bonfire .ls-page-heading{min-height:clamp(290px,42vw,490px);padding:clamp(23px,3vw,38px)!important;border:1px solid #d5aa71!important;border-radius:20px;background:linear-gradient(180deg,#07101ce6,#07101ca8 42%,#07101c10 80%),url('bonfire-railway.webp') right 64%/cover!important;box-shadow:0 12px 40px #02060c66}
html.loco-bonfire .ls-page-heading h1{color:#fff0d5!important;font-family:Georgia,serif!important;font-size:clamp(35px,4.7vw,65px)!important;line-height:1.08!important}
html.loco-bonfire .ls-page-heading h1 span{color:#ffd080!important;text-shadow:0 0 18px #eea03c33!important}
html.loco-bonfire .ls-page-heading .eyebrow{color:#ffc773!important}
html.loco-bonfire .ls-stat-icon{color:#ffdc9a!important;background:radial-gradient(circle,#101b28 56%,transparent 58%),conic-gradient(#ffd17f 0 260deg,#8e603b 260deg 360deg)!important;box-shadow:0 0 18px #e8ad3030!important}
html.loco-bonfire .ls-stat:nth-child(1) .ls-stat-icon{background:radial-gradient(circle,#101b28 56%,transparent 58%),conic-gradient(#ffca7b,#bd7b45,#66503b)!important}
html.loco-bonfire .ls-sync{background:#0a1521e0!important;border-color:#e7b773!important;color:#ffe2b7!important}
html.loco-bonfire .ls-battle{background:linear-gradient(#0b1623a8,#08111da3),url('bonfire-railway.webp') center/cover!important;border-color:#dfb275!important;box-shadow:0 0 24px #b788422b!important;animation:none!important}
html.loco-bonfire .ls-battle-head h2,html.loco-bonfire .ls-side h3,html.loco-bonfire .ls-countdown strong{color:#fff0d5!important;text-shadow:0 0 16px #ba873d33!important}
html.loco-bonfire .ls-battle-head .eyebrow,html.loco-bonfire .ls-person strong,html.loco-bonfire .cr-target-edit{color:#ffcc82!important}
html.loco-bonfire .ls-creator-progress span{background:linear-gradient(90deg,#b77b43,#ffd18a)!important}
html.loco-bonfire .cr-target-progress{accent-color:#ffca77!important}
html.loco-bonfire :is(.danger-zone,.security-warning,.strike-card.active,.suspension-control){background:#321722!important;border-color:#df7487!important}
html.loco-bonfire .no-availability-card{background:#3b2916!important;border-color:#e4b66e!important}
/* Entrance is an animation, not a blocking video download. */
html.loco-bonfire.bf-intro-open,html.loco-bonfire.bf-intro-open body{overflow:hidden!important}
html.loco-bonfire .bf-intro{position:fixed;inset:0;z-index:2147483647;isolation:isolate;overflow:auto;overscroll-behavior:contain;display:grid;align-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:linear-gradient(100deg,#07101bdc,#07101bb5),url('bonfire-railway.webp') center/cover no-repeat;color:#fff0d5;font:15px/1.6 system-ui,-apple-system,'Segoe UI',sans-serif;opacity:1;transition:opacity .35s}
html.loco-bonfire .bf-intro.bf-leaving{opacity:0;pointer-events:none}
html.loco-bonfire .bf-intro-sky{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
html.loco-bonfire .bf-intro-stage{position:relative;z-index:2;width:min(1100px,100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,85px);align-items:center}
html.loco-bonfire .bf-logo-stage{position:relative;aspect-ratio:1;min-width:0;display:grid;place-items:center;animation:bfFloat 5s ease-in-out infinite}
html.loco-bonfire .bf-logo-circle{position:relative;width:92%;aspect-ratio:1;overflow:hidden;border-radius:50%;clip-path:circle(50% at 50% 50%);z-index:1;background:#030810;box-shadow:0 0 0 2px #ffcd83,0 0 55px #df9b3533}
html.loco-bonfire .bf-logo{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%}
html.loco-bonfire .bf-logo-orbit{position:absolute;inset:0;border:1px solid #e9b66b;border-radius:50%;box-shadow:0 0 50px #e2b14622}
html.loco-bonfire .bf-logo-orbit:before{content:'';position:absolute;inset:-12px;border:1px dashed #ffd99899;border-radius:50%;animation:bfOrbit 38s linear infinite}
html.loco-bonfire .bf-logo-caption{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);z-index:3;padding:7px 15px;border-radius:999px;border:1px solid #edbb78;background:#101c2a;color:#ffe0ab;font-size:10px;letter-spacing:.2em;white-space:nowrap}
html.loco-bonfire .bf-kicker{color:#ffc879;letter-spacing:.22em;font-size:10px;font-weight:800;margin-bottom:20px}
html.loco-bonfire .bf-intro-copy h1{font:500 clamp(44px,6vw,78px)/1.05 Georgia,serif;letter-spacing:-.045em;margin:0 0 20px;color:#fff0d5}
html.loco-bonfire .bf-intro-copy h1 em{display:block;font-weight:500;color:#ffd18a}
html.loco-bonfire .bf-intro-copy p{color:#ddcbb3;line-height:1.8;margin:0 0 20px}
html.loco-bonfire .bf-intro-emojis{font-size:28px;letter-spacing:.22em;margin-bottom:23px}
html.loco-bonfire .bf-enter{display:flex;align-items:center;justify-content:center;gap:14px;width:min(100%,370px);padding:18px 22px;border:1px solid #ffe1a9;border-radius:13px;background:linear-gradient(120deg,#ffe0a4,#e8b363 70%,#bf7f3f)!important;color:#21140a!important;font:800 15px/1.3 system-ui;box-shadow:0 8px 30px #d9943430!important;cursor:pointer}
html.loco-bonfire .bf-enter:focus-visible{outline:3px solid white;outline-offset:5px}
html.loco-bonfire .bf-enter[aria-disabled="true"]{cursor:wait}
html.loco-bonfire .bf-intro-status{display:block;min-height:25px;margin-top:15px;color:#ffda9f;font-size:13px}
html.loco-bonfire .bf-intro-progress{width:min(100%,370px);height:3px;background:#b7894d55;margin-top:10px;opacity:0;overflow:hidden}
html.loco-bonfire .bf-intro-progress i{display:block;width:0;height:100%;background:#ffda95}
html.loco-bonfire .bf-celebrating .bf-intro-progress{opacity:1}
html.loco-bonfire .bf-celebrating .bf-intro-progress i{animation:bfProgress 11s linear forwards}
html.loco-bonfire .bf-celebrating .bf-logo-orbit:before{animation-duration:10s}
@keyframes bfEmber{10%{opacity:.6}100%{transform:translate(var(--sway),-115vh);opacity:0}}
@keyframes bfFloat{50%{transform:translateY(-7px)}}
@keyframes bfOrbit{to{transform:rotate(360deg)}}
@keyframes bfProgress{to{width:100%}}
@media(max-width:1119px){html.loco-bonfire.cr-theme .brand img,html.loco-bonfire.cr-theme .brand .bf-brand-logo{width:64px!important;height:64px!important;margin:0!important}html.loco-bonfire.cr-theme .brand:after{display:none!important}}
@media(max-width:700px){html.loco-bonfire .bf-season-banner{padding:19px 18px}html.loco-bonfire .bf-season-banner>span{font-size:25px}html.loco-bonfire .bf-intro-stage{grid-template-columns:1fr;gap:25px;max-width:420px;text-align:center}html.loco-bonfire .bf-logo-stage{width:min(65vw,265px);margin:auto}html.loco-bonfire .bf-intro-copy h1{font-size:clamp(39px,10vw,56px);margin-bottom:14px}html.loco-bonfire .bf-kicker{font-size:9px;margin-bottom:12px}html.loco-bonfire .bf-intro-copy p{font-size:13px;line-height:1.6}html.loco-bonfire .bf-logo-caption{font-size:8px;padding:6px 10px}html.loco-bonfire .bf-enter,html.loco-bonfire .bf-intro-progress{margin-left:auto;margin-right:auto}html.loco-bonfire .bf-intro-emojis{font-size:26px;margin-bottom:16px}}
@media(max-width:700px) and (max-height:700px){html.loco-bonfire .bf-logo-stage{width:175px}html.loco-bonfire .bf-intro-stage{gap:20px}html.loco-bonfire .bf-intro-copy h1{font-size:37px}html.loco-bonfire .bf-intro-copy p{display:none}}
@media(prefers-reduced-motion:reduce){html.loco-bonfire .bf-intro *,html.loco-bonfire .bf-intro *:before,html.loco-bonfire .bf-intro *:after{animation:none!important;transition:none!important}html.loco-bonfire .bf-intro{transition:none}html.loco-bonfire .bf-embers,html.loco-bonfire .bf-sky,html.loco-bonfire .bf-intro-sky{display:none!important}}
/* Visible firework flowers float at card edges, above cards but below menus. */
html.loco-bonfire .bf-card-fireworks{position:fixed;inset:0;width:100%;height:100%;z-index:41;pointer-events:none!important;user-select:none}
html.loco-bonfire .bf-celebrating .bf-intro-progress i{animation-duration:11s}
@media(prefers-reduced-motion:reduce){html.loco-bonfire .bf-card-fireworks{display:none!important}}