:root{--charge-cyan: #00E5FF;--charge-cyan-rgb: 0, 229, 255;--charge-cyan-dim: rgba(0, 229, 255, .4);--charge-electric: #0099CC;--charge-void: #0A0F1E;--charge-navy: #0D1B2A;--charge-white: #F0F8FF;--charge-steel: #8A9BB0;--charge-duration-slow: 3s;--charge-duration-medium: 2s;--charge-duration-fast: 1.5s;--mtr-east-rail: #53B7E8;--mtr-kwun-tong: #00A040;--mtr-tsuen-wan: #E2231A;--mtr-tseung-kwan-o: #7D499D;--mtr-island: #007DC5;--mtr-tung-chung: #F7943E}@keyframes charge-flow{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes hud-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #00e5ff66}50%{box-shadow:0 0 0 12px #00e5ff00}}@keyframes scanline{0%{top:-2px}to{top:100%}}@keyframes blocked-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px) rotate(-2deg)}40%{transform:translate(3px) rotate(2deg)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes battery-charge{0%{width:0%}to{width:var(--charge-level, 100%)}}.charging-hud{background:#fffffff2;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);padding:20px;border-radius:12px;border:1px solid rgba(0,229,255,.25);position:relative;animation:hud-float var(--charge-duration-slow) ease-in-out infinite}.charging-hud:before,.charging-hud:after{content:"";position:absolute;width:12px;height:12px;border-color:#00e5ff80;border-style:solid}.charging-hud:before{top:8px;left:8px;border-width:2px 0 0 2px}.charging-hud:after{bottom:8px;right:8px;border-width:0 2px 2px 0}.charging-hud__header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--charge-cyan)}.charging-hud__status-dot{width:8px;height:8px;background:var(--charge-cyan);border-radius:50%;animation:pulse-glow var(--charge-duration-medium) ease-in-out infinite}.hud-row{display:flex;justify-content:space-between;align-items:center;font-family:Space Mono,monospace;font-size:.8rem;color:var(--charge-void);margin-bottom:8px;padding:4px 0}.hud-row:last-of-type{margin-bottom:0}.hud-value{font-weight:700;text-align:right}.hud-value.hud-accent,.hud-value.hh-accent{color:var(--charge-cyan)}.hud-status{text-align:right;font-family:Space Mono,monospace;font-size:.7rem;color:var(--charge-cyan);margin-top:12px;font-weight:700;letter-spacing:.05em}.charging-bar,.hh-bar{width:100%;height:6px;background:#0a0f1e1a;border-radius:3px;overflow:hidden;margin-top:12px}.charging-bar__fill,.hh-fill{width:100%;height:100%;background:linear-gradient(90deg,var(--charge-cyan),var(--charge-electric),var(--charge-cyan));background-size:200% 100%;border-radius:3px;animation:charge-flow var(--charge-duration-medium) linear infinite}.charging-bar--static .charging-bar__fill,.hh-bar--static .hh-fill{animation:none;width:var(--charge-level, 100%)}.charging-battery{display:inline-flex;align-items:center;gap:8px}.charging-battery__icon{position:relative;background:#00e5ff26;border:2px solid var(--charge-cyan);border-radius:4px;overflow:hidden}.charging-battery--small .charging-battery__icon{width:24px;height:12px}.charging-battery--medium .charging-battery__icon{width:48px;height:24px}.charging-battery--large .charging-battery__icon{width:72px;height:36px}.charging-battery__icon:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:3px;height:40%;background:var(--charge-cyan);border-radius:0 2px 2px 0}.charging-battery__fill{position:absolute;left:2px;top:2px;bottom:2px;background:linear-gradient(90deg,var(--charge-cyan),var(--charge-electric));border-radius:2px;width:var(--charge-level, 100%);transition:width .3s ease}.charging-battery--animated .charging-battery__fill{animation:battery-charge 1.5s ease-out forwards}.charging-battery__label{font-family:Space Mono,monospace;font-size:.7rem;color:var(--charge-steel);letter-spacing:.05em}.station-status{display:inline-flex;align-items:center;gap:6px;font-family:Space Mono,monospace;font-size:.7rem;letter-spacing:.08em;color:var(--charge-cyan)}.station-status__dot{width:8px;height:8px;background:var(--charge-cyan);border-radius:50%;animation:pulse-glow var(--charge-duration-medium) ease-in-out infinite}.station-status--offline .station-status__dot{background:var(--charge-steel);animation:none}.station-status--offline{color:var(--charge-steel)}.mtr-badge{display:inline-block;padding:4px 12px;border-radius:4px;font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;color:#fff;background:var(--line-color, var(--charge-cyan))}[data-mtr-line=east-rail]{--line-color: var(--mtr-east-rail)}[data-mtr-line=kwun-tong]{--line-color: var(--mtr-kwun-tong)}[data-mtr-line=tsuen-wan]{--line-color: var(--mtr-tsuen-wan)}[data-mtr-line=tseung-kwan-o]{--line-color: var(--mtr-tseung-kwan-o)}[data-mtr-line=island]{--line-color: var(--mtr-island)}[data-mtr-line=tung-chung]{--line-color: var(--mtr-tung-chung)}.charging-badge{display:inline-block;font-family:Space Mono,monospace;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--charge-cyan);border:1px solid rgba(0,229,255,.3);padding:6px 16px}.reading-progress{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0f1ef2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 16px;display:flex;align-items:center;gap:12px;transform:translateY(-100%);transition:transform .3s ease}.reading-progress--visible{transform:translateY(0)}.reading-progress__bar{flex:1;height:4px;background:#00e5ff33;border-radius:2px;overflow:hidden}.reading-progress__fill{height:100%;background:linear-gradient(90deg,var(--charge-cyan),var(--charge-electric));border-radius:2px;width:var(--progress, 0%);transition:width .1s ease}.reading-progress__label{font-family:Space Mono,monospace;font-size:.7rem;color:var(--charge-cyan);letter-spacing:.05em;min-width:100px;text-align:right}.charge-time{display:inline-flex;align-items:center;gap:6px;font-family:Space Mono,monospace;font-size:.7rem;color:var(--charge-steel);letter-spacing:.05em}.charge-time:before{content:"\26a1"}@media(prefers-reduced-motion:reduce){.charging-hud,.charging-battery--animated .charging-battery__fill,.charging-bar__fill,.hh-fill,.charging-hud__status-dot,.station-status__dot{animation:none}.reading-progress{transition:none}}.charging-hud--dark{background:#0a0f1ef2;border-color:#00e5ff4d}.charging-hud--dark .hud-row{color:var(--charge-white)}@media(max-width:768px){.charging-hud{padding:16px}.hud-row{font-size:.75rem}.charging-battery--large .charging-battery__icon{width:48px;height:24px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/charging-system.css.map */