*{box-sizing:border-box}body,html{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{min-height:100vh;background-image:url(/back.png);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;display:flex;align-items:center;justify-content:center;padding:40px;position:relative}.bg:before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.2);backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none;z-index:0}.container{max-width:980px;width:100%}.card{position:relative;background:hsla(0,0%,8%,.2);color:#fff;border-radius:36px;border:2px solid hsla(0,0%,100%,.28);padding:32px 36px;box-shadow:0 18px 40px rgba(0,0,0,.3);backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05);width:min(720px,92vw);margin:0 auto;z-index:1}.row{display:flex;gap:18px;align-items:center}.grow{flex:1 1}.avatar{border-radius:50%;overflow:hidden;width:96px;height:96px;box-shadow:0 6px 20px rgba(0,0,0,.35)}.title{font-weight:800;font-size:26px}.subtitle,.title{text-align:center}.subtitle{color:#cbd5e1;font-size:14px}.centerCard{display:flex;flex-direction:column;align-items:center;gap:12px}.chips{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#e2e8f0;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);border-radius:999px;padding:8px 12px}.chips.center{justify-content:center}.status{display:inline-flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:999px}.dot.dnd{background:#ef4444}.dot.online{background:#22c55e}.dot.idle{background:#f59e0b}.dot.offline{background:#64748b}.playerCard{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);background:hsla(0,0%,8%,.2);padding:10px 12px;border-radius:20px;border:2px solid hsla(0,0%,100%,.28);box-shadow:0 10px 28px rgba(0,0,0,.25);backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05);width:min(360px,92vw);z-index:50}.iconBtn{border:1px solid hsla(0,0%,100%,.18);background:hsla(0,0%,100%,.1);color:#fff;border-radius:10px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center}.playerHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.playerTitle{font-size:14px;font-weight:700;color:#fff}.playerTime{font-size:12px;color:#cbd5e1}.progressRange{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:hsla(0,0%,100%,.25);cursor:pointer}.progressRange::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0;height:0;border:none;background:transparent;box-shadow:none;pointer-events:none}.progressRange::-moz-range-thumb{width:0;height:0;border:none;background:transparent}.progressRange::-ms-thumb{width:0;height:0;border:none;background:transparent}.progressRange::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:transparent}.progressRange::-moz-range-track{height:8px;border-radius:999px;background:transparent}.playerControls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px}.spacer{flex:1 1}.socials{display:flex;gap:10px;margin-top:14px}.socialBtn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.18);color:#fff}.footerHint{display:none}.enterOverlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.96);backdrop-filter:blur(16px) saturate(.9);-webkit-backdrop-filter:blur(16px) saturate(.9);display:grid;place-items:center;cursor:pointer;opacity:1;transition:opacity .32s ease-in-out}.enterOverlay.closing{opacity:0}.enterText{color:#fff;font-size:26px;font-weight:700;letter-spacing:.06em;text-transform:lowercase;opacity:.9}