body{color:#fff;font-family:Inter,sans-serif;line-height:1.6;padding:0}.container{display:grid;grid-template-columns:300px minmax(0,1fr);gap:4rem;max-width:1800px;margin:0 auto;padding:2rem;position:relative;z-index:2}.sidebar-left{position:sticky;top:100px;height:fit-content;display:flex;flex-direction:column;gap:30px}.content{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.level-detail-container{background:rgba(26,27,38,.9);border-radius:24px;padding:40px;width:100%;max-width:100%;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.2);border:1px solid rgba(0,170,255,.2);margin:0 auto}.level-header{justify-content:space-between;align-items:flex-start;margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid rgba(0,170,255,.3)}.level-title{font-size:3em;margin:0 0 15px;background:linear-gradient(135deg,#fff,#00aaff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px;font-weight:800}.level-badges{display:flex;gap:12px;margin-top:15px}.badge{padding:8px 16px;border-radius:50px;font-size:.9em;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.creator-info{display:flex;align-items:center;gap:20px;padding:20px 30px;background:rgba(255,255,255,.05);border-radius:16px;border:1px solid rgba(255,255,255,.1)}.creator-avatar img{width:70px;height:70px;border-radius:50%;border:2px solid #00aaff}.creator-details{text-align:left}.creator-name{font-size:1.3em;color:#fff;margin:0;font-weight:600}.verifier-name{color:#00aaff;margin:5px 0 0;font-size:1em}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.action-btn{padding:14px 28px;border:none;border-radius:50px;font-size:1em;font-weight:600;cursor:pointer;background:rgba(0,170,255,.1);color:#00aaff;border:1px solid rgba(0,170,255,.3);text-transform:uppercase;letter-spacing:1px;text-decoration:none}.info-section{background:rgba(255,255,255,.034);border-radius:20px;padding:30px;margin-top:10px;border:1px solid rgba(255,255,255,.034)}.section-title{font-size:1.6em;color:#fff;margin:0 0 25px;padding-bottom:15px;border-bottom:2px solid rgba(0,170,255,.3)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.info-item{padding:20px;background:rgba(255,255,255,.05);border-radius:16px;border:1px solid rgba(255,255,255,.1);max-height:4rem}.info-label{color:#888;font-size:.9em;text-transform:uppercase;letter-spacing:1px}.info-label span{margin:auto}.info-value{color:#fff;font-size:1.4em;font-weight:600}.info-value span{margin:auto}.info-value.score{color:#00aaff;font-size:1.6em}.records-section{margin-top:60px;background:rgba(255,255,255,.03);border-radius:24px;padding:40px;border-bottom:1px solid rgba(255,255,255,.1)}.records-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.records-title{font-size:2.4em;margin:0;background:linear-gradient(135deg,#fff,#00aaff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.records-filter{display:flex;gap:12px}.filter-btn{padding:10px 20px;border:none;border-radius:50px;background:rgba(255,255,255,.05);color:#888;cursor:pointer;font-weight:600}.filter-btn.active{background:#00aaff;color:#fff}.record-item{display:grid;grid-template-columns:60px 1fr auto auto;align-items:center;gap:25px;padding:25px;background:rgba(255,255,255,.05);border-radius:16px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1)}.record-rank{width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.4em;border-radius:50%;background:rgba(0,170,255,.1);color:#00aaff}.record-player-info{display:flex;align-items:center;gap:20px}.player-avatar{width:50px;height:50px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.player-details{display:flex;flex-direction:column}.player-name{font-weight:600;font-size:1.2em;color:#fff}.player-progress{color:#888;font-size:.9em}.record-time{font-size:1.1em}.proof-btn,.record-time{color:#00aaff;font-weight:600}.proof-btn{padding:10px 20px;border:none;border-radius:50px;background:rgba(0,170,255,.1);cursor:pointer}.diamond{color:#00ffff}.gold{color:#ffd700}.silver{color:#c0c0c0}#particleCanvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.sidebar-content{background:rgba(255,255,255,.03);border-radius:20px;padding:25px;border:1px solid rgba(255,255,255,.05)}.sidebar-content h3{margin:0 0 25px;font-size:1.5em;color:#fff;padding-bottom:15px;border-bottom:2px solid rgba(0,170,255,.3)}.chart-container{display:flex;justify-content:space-between;align-items:flex-end;height:220px;padding:1.5rem;background:rgba(255,255,255,.05);border-radius:16px;margin-top:1.5rem}.chart-bar{width:18%;background:linear-gradient(0deg,#00aaff 0,#0066ff);border-radius:8px 8px 0 0;position:relative}.chart-bar:before{content:attr(data-label);position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);color:#888;font-size:.9rem;white-space:nowrap}.stat-circle{position:relative;width:180px;height:180px;margin:2.5rem auto;text-align:center}.circular-chart{width:180px;height:180px;transform:rotate(-90deg)}.stat-number{top:50%;transform:translate(-50%,-50%);font-size:2.2rem;font-weight:700;color:#00aaff}.stat-label,.stat-number{position:absolute;left:50%}.stat-label{bottom:-35px;transform:translateX(-50%);color:#888;font-size:1rem;white-space:nowrap}@media (max-width:1200px){.level-header{gap:15px;flex-direction:column}.container{grid-template-columns:1fr;gap:2rem}.sidebar-left{position:static;margin-bottom:2rem}.content{padding:0}}@media (max-width:768px){.level-title-wrapper{border-bottom:1px solid rgba(255,255,255,.1);border-radius:24px;padding:15px}.creator-info,.level-title-wrapper{background:rgba(255,255,255,.02);width:100%}.creator-info{flex-direction:row;gap:15px;padding:15px 25px;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.info-item{background:rgba(255,255,255,.02)}.info-section{width:100%;padding:25px 0}.level-title,.section-title{text-align:center}.section-title{border-bottom:2px solid rgba(136,136,136,.11)}.records-section{margin-top:10px;background:none;padding:8px;border-bottom:none}.level-header{justify-content:center;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid rgba(0,170,255,.3);width:100%}.info-section{background:none;border-radius:0;border:2px solid rgba(0,170,255,.3);border-right:none;border-left:none}.container{padding:.5rem}.level-title{font-size:3em}.record-item{grid-template-columns:50px 1fr auto;gap:15px;padding:20px}.record-time{display:none}.records-header,.video-actions{flex-direction:column}.records-header{gap:20px}.level-badges{flex-wrap:wrap;align-items:center;justify-content:center}.badge{font-size:.8em;padding:6px 12px}}@media (max-width:480px){.level-detail-container{background:rgba(26,27,38,0);border-radius:5px;padding:20px;width:100%;max-width:100%;overflow:hidden;box-shadow:0 0 0 rgba(0,0,0,0);border:none;margin:0 auto}.level-title{font-size:2.5em}.badge{font-size:.7em;padding:5px 10px}.record-item{grid-template-columns:40px 1fr}.proof-btn{display:none}.records-filter{flex-wrap:wrap}.filter-btn{font-size:.9em;padding:8px 16px}}.badge{padding:5px 10px;color:white;border-radius:5px}.easy_demon{background-color:rgb(255,53,130)}.medium_demon{background-color:purple}.hard_demon{background-color:red}.insane_demon{background-color:darkred}.extreme_demon{background-color:#8B0000}