.fire-meter{left:30px;bottom:22px;width:298px;min-height:90px;padding:13px 14px 11px 76px;display:flex;flex-direction:column;gap:8px;border:2px solid #d99442;border-bottom:4px solid #875127;border-radius:17px;background:linear-gradient(120deg,#263c56,#111e32);box-shadow:0 5px 0 #07132499,0 9px 22px #06122580,inset 0 1px 0 #ffffff30;color:#fff3d4;isolation:isolate}
.fire-emblem{position:absolute;left:-15px;top:8px;width:78px;height:78px;display:grid;place-items:center;border:3px solid #ffca67;border-radius:23px;transform:rotate(-8deg);background:radial-gradient(circle at 45% 30%,#985334,#3c2131 75%);box-shadow:0 4px 0 #864820,0 5px 14px #0008,inset 0 0 12px #ff9e3633}
.fire-emblem img{width:53px;height:64px;transform:rotate(8deg);filter:drop-shadow(0 2px 3px #0007)}
.fire-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;white-space:nowrap}
.fire-heading>span{font-size:15px;font-weight:900;letter-spacing:.4px;text-shadow:0 2px #0008}
.fire-heading b{font-size:12px;padding:3px 6px;border-radius:6px;background:#080f20aa;color:#f9cc81;font-variant-numeric:tabular-nums}
.fire-meter i{position:relative;display:block;height:14px;border:2px solid #060f20;background:#080f22;border-radius:5px;box-shadow:0 1px 0 #ffffff20;overflow:hidden}
.fire-meter i::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--charge,0%);background:repeating-linear-gradient(110deg,transparent 0 16px,#ffffff24 17px 20px),linear-gradient(0deg,#f77b19,#ffe077);box-shadow:0 0 12px #ffb429,inset 0 2px #fff4;transition:width .12s linear}
.fire-meter small{display:flex;align-items:center;gap:6px;font-size:10px;color:#acbccf;white-space:nowrap}
.fire-meter kbd{padding:3px 6px;background:#34465e;border:1px solid #697d96;border-bottom:3px solid #1c283c;border-radius:5px;font:800 10px Arial;color:#fff5df;box-shadow:none}
.fire-ready-hint{display:none;font-size:10px;font-weight:900;color:#ffe783}
.fire-meter.ready{border-color:#ffe18b;background:linear-gradient(120deg,#69401f,#292237);box-shadow:0 5px 0 #79421e,0 0 25px #ff9b2855,inset 0 1px #fff6}
.fire-meter.ready .fire-emblem{background:radial-gradient(circle,#d36b23,#72212d);animation:fire-charge 1s ease-in-out infinite alternate}
.fire-meter.ready .fire-heading b{color:#fff4a2;background:#a44b1d}
.fire-meter.ready .fire-ready-hint{display:inline}
.fire-meter.ready .fire-touch-hint{display:none}
.fire-meter.guest{left:auto;right:22px}
@keyframes fire-charge{to{box-shadow:0 4px 0 #864820,0 0 23px #ffad44aa,inset 0 0 16px #ffca6755;transform:rotate(-4deg) scale(1.04)}}
@media(pointer:coarse){.fire-meter{bottom:88px}}
@media(max-width:680px){.fire-meter{left:18px;bottom:14px;width:228px;min-height:76px;padding:10px 9px 8px 54px;gap:6px}.fire-emblem{left:-11px;width:56px;height:61px;border-radius:17px}.fire-emblem img{width:40px;height:49px}.fire-heading>span{font-size:12px}.fire-heading b{font-size:10px;padding:2px 4px}.fire-meter i{height:11px}.fire-meter.guest{right:8px}.fire-touch-hint{display:none}}
@media(max-width:480px){.fire-meter{width:calc(50% - 22px);padding-left:38px}.fire-emblem{width:43px;height:53px;left:-12px}.fire-emblem img{width:33px}.fire-heading{align-items:flex-start;flex-direction:column;gap:2px}.fire-heading>span{font-size:10px}.fire-meter.ready .fire-ready-hint{display:none}.fire-meter small kbd{font-size:9px}}
@media(pointer:coarse) and (max-width:680px){.fire-meter{bottom:82px}}