*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif}.bg{background-image:url(/back.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex;position:relative}.bg:before{content:"";-webkit-backdrop-filter:none;pointer-events:none;z-index:0;background:#0003;position:fixed;inset:0}.container{width:100%;max-width:980px}.card{color:#fff;-webkit-backdrop-filter:blur(10px)saturate(1.05);z-index:1;background:#14141433;border:2px solid #ffffff47;border-radius:36px;width:min(720px,92vw);margin:0 auto;padding:32px 36px;position:relative;box-shadow:0 18px 40px #0000004d}.row{align-items:center;gap:18px;display:flex}.grow{flex:1}.avatar{border-radius:50%;width:96px;height:96px;overflow:hidden;box-shadow:0 6px 20px #00000059}.title{text-align:center;font-size:26px;font-weight:800}.subtitle{color:#cbd5e1;text-align:center;font-size:14px}.centerCard{flex-direction:column;align-items:center;gap:12px;display:flex}.chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.chip{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:inline-flex}.chips.center{justify-content:center}.status{align-items:center;gap:6px;display:inline-flex}.dot{border-radius:999px;width:8px;height:8px}.dot.dnd{background:#ef4444}.dot.online{background:#22c55e}.dot.idle{background:#f59e0b}.dot.offline{background:#64748b}.playerCard{-webkit-backdrop-filter:blur(10px)saturate(1.05);z-index:50;background:#14141433;border:2px solid #ffffff47;border-radius:20px;width:min(360px,92vw);padding:10px 12px;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000040}.iconBtn{color:#fff;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.playerHeader{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.playerTitle{color:#fff;font-size:14px;font-weight:700}.playerTime{color:#cbd5e1;font-size:12px}.progressRange{appearance:none;cursor:pointer;background:#ffffff40;border-radius:999px;width:100%;height:8px}.progressRange::-webkit-slider-thumb{appearance:none;width:0;height:0;box-shadow:none;pointer-events:none;background:0 0;border:none}.progressRange::-moz-range-thumb{background:0 0;border:none;width:0;height:0}.progressRange::-ms-thumb{background:0 0;border:none;width:0;height:0}.progressRange::-webkit-slider-runnable-track{background:0 0;border-radius:999px;height:8px}.progressRange::-moz-range-track{background:0 0;border-radius:999px;height:8px}.playerControls{justify-content:center;align-items:center;gap:12px;margin-top:10px;display:flex}.spacer{flex:1}.socials{gap:10px;margin-top:14px;display:flex}.socialBtn{color:#fff;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.footerHint{display:none}.enterOverlay{z-index:1000;-webkit-backdrop-filter:blur(16px)saturate(.9);cursor:pointer;opacity:1;background:#000000f5;place-items:center;transition:opacity .32s ease-in-out;display:grid;position:fixed;inset:0}.enterOverlay.closing{opacity:0}.enterText{color:#fff;letter-spacing:.06em;text-transform:lowercase;opacity:.9;font-size:26px;font-weight:700}