*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--orange:#f60;--orange2:#f90;--blue:#28f;--bg:#0b0c10;--glass:#0f1119b8;--border:#ffffff12;--text:#fff;--muted:#fff}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:Inter,sans-serif;overflow:hidden}#gl-canvas{display:block;position:fixed;inset:0;width:100%!important;height:100%!important}#ui{pointer-events:none;padding:30px 4vw;position:fixed;inset:0}#ui header,#burners-ui,#energy-bar-wrap,blockquote,footer{pointer-events:auto;pointer-events:auto}header{text-align:left;position:absolute;top:30px;left:4vw}header h1{letter-spacing:-.5px;color:#fff;text-shadow:0 0 40px #ff780059;font-size:clamp(1.3rem,3.5vw,2rem);font-weight:800}.accent{color:var(--orange)}header .subtitle{color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-top:4px;font-size:.7rem}#burners-ui{z-index:10;flex-direction:column;gap:12px;width:240px;display:flex;position:absolute;top:50%;right:4vw;transform:translateY(-50%)}.burner-card{background:var(--glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:14px 14px 12px;transition:border-color .3s;display:flex}.burner-card.hot{border-color:#ff780059}.burner-card.superhot{border-color:#288cff66}.card-icon{font-size:1.5rem;line-height:1}.card-name{text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);font-size:.62rem;font-weight:600}input[type=range]{appearance:none;cursor:pointer;background:#2a2a2a;border-radius:3px;outline:none;width:100%;max-width:160px;height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--orange);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .15s;box-shadow:0 0 6px #ff6600b3}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25)}input[type=range]::-moz-range-thumb{background:var(--orange);border:none;border-radius:50%;width:14px;height:14px}.pct{color:var(--orange);text-align:center;min-width:38px;font-size:.9rem;font-weight:700;transition:color .3s}.pct.superhot{color:var(--blue)}#energy-bar-wrap{z-index:10;flex-direction:column;align-items:center;gap:5px;width:240px;display:flex;position:absolute;bottom:40px;right:4vw}#energy-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:.65rem}#energy-track{background:#1a1a1a;border-radius:4px;width:100%;height:4px;overflow:hidden}#energy-fill{background:linear-gradient(to right, var(--orange), var(--orange2));border-radius:4px;width:100%;height:100%;transition:background .4s}blockquote{text-align:center;pointer-events:none;z-index:5;width:90%;max-width:650px;margin:0;font-size:1.6rem;font-style:italic;font-weight:800;line-height:1.4;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.simple-quote{color:#fff;letter-spacing:.5px}footer{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px 16px;display:flex;position:absolute;bottom:25px;left:4vw}footer a{color:#fff;letter-spacing:.3px;align-items:center;gap:4px;font-size:.68rem;text-decoration:none;transition:color .2s;display:flex}footer a:hover{color:var(--orange)}footer a svg{fill:currentColor;width:11px;height:11px}.dot{color:#fff;font-size:.7rem}@media (width<=768px){#burners-ui,#energy-bar-wrap{right:20px}header,blockquote,footer{left:20px}blockquote{max-width:320px;font-size:.95rem;bottom:70px}}@media (width<=600px){#ui{padding:15px}header{text-align:center;width:calc(100% - 30px);position:absolute;top:15px;left:15px}#burners-ui{grid-template-columns:repeat(2,1fr);gap:8px;width:90%;max-width:380px;display:grid;position:absolute;top:auto;bottom:90px;left:50%;transform:translate(-50%)}.burner-card{z-index:20;border-radius:12px;gap:8px;padding:12px 8px}.card-icon{font-size:1.4rem}.card-name{font-size:.65rem}.pct{min-width:30px;font-size:.85rem}input[type=range]{border-radius:5px;height:10px}input[type=range]::-webkit-slider-thumb{width:24px;height:24px;box-shadow:0 0 8px #f60c}#energy-bar-wrap{width:90%;max-width:380px;position:absolute;bottom:50px;left:50%;transform:translate(-50%)}blockquote{text-align:center;pointer-events:none;z-index:1;width:calc(100% - 30px);margin:0;font-size:.8rem;position:absolute;top:60px;left:15px}footer{justify-content:center;width:100%;position:absolute;bottom:15px;left:0}}