html,body{color:#e0e0e0;box-sizing:border-box;background-color:#2a2a2a;width:100vw;height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}*,:before,:after{box-sizing:inherit}#app{width:100vw;height:100vh;display:block}#ui-container{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:20px;left:20px;right:20px}.left-stats,.center-title,.right-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#1e1e1ecc;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500}.center-title{color:#fff;letter-spacing:.5px;white-space:nowrap;font-size:16px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}button{color:#a0a0a0;cursor:pointer;background:0 0;border:none;border-radius:4px;margin:0 4px;padding:4px 12px;font-size:14px;font-weight:600;transition:all .2s}button:hover{color:#fff;background:#ffffff26}button.active{color:#fdcc52;background:#0009;border-radius:6px;box-shadow:inset 0 2px 4px #000c}#tooltip{color:#fff;pointer-events:none;opacity:0;z-index:20;white-space:nowrap;background:#000000d9;border-radius:6px;padding:6px 12px;font-size:12px;transition:opacity .15s;position:absolute;transform:translate(-50%,-150%)}#btn-info{z-index:15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;opacity:1;pointer-events:auto;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0;padding:0;font-size:24px;transition:all .3s;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}#btn-info:hover{background:#fff3;transform:translate(-50%)scale(1.1)}#btn-info.hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(20px)}#sidebar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:20;background:#141414d9;border-left:1px solid #ffffff1a;width:350px;height:100vh;padding:40px 30px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:0;right:0;transform:translate(100%)}#sidebar.active{transform:translate(0)}#btn-close-sidebar{color:#a0a0a0;cursor:pointer;background:0 0;border:none;font-size:20px;position:absolute;top:20px;right:20px}#btn-close-sidebar:hover{color:#fff;background:0 0}#sidebar-title{word-wrap:break-word;margin-bottom:15px;font-size:18px;font-weight:600}#sidebar-desc{color:#ccc;white-space:pre-wrap;font-size:14px;line-height:1.6}@media (width<=768px){#ui-container{flex-direction:column;gap:12px;top:15px;left:10px;right:10px}.center-title{order:-1;width:auto;position:relative;left:auto;transform:none}.right-controls{flex-wrap:wrap;justify-content:center;padding:6px;display:flex}button{margin:2px;padding:6px 10px;font-size:13px}#sidebar{width:100%;padding:40px 20px}#tooltip{display:none!important}}#footer-link{z-index:15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ecc;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;position:absolute;bottom:20px;right:20px}#footer-link a{color:#a0a0a0;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}#footer-link a:hover{color:#fff}@media (width<=768px){#footer-link{width:max-content;padding:6px 12px;bottom:10px;right:50%;transform:translate(50%)}#footer-link a{font-size:13px}}