@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Poppins:wght@400;500;600;700&display=swap";:root{font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f1f33}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(76,175,80,.08),transparent 25%),radial-gradient(circle at 80% 0%,rgba(255,215,0,.08),transparent 20%),linear-gradient(135deg,#0f1f33,#14324f 40%,#0f1f33);color:#e9f5ff}a{color:inherit;text-decoration:none}button{font-family:inherit}:root{--grass: #5fbf4a;--grass-dark: #3a8c2e;--dirt: #977547;--dirt-dark: #6b4423;--stone: #7c7c7c;--stone-dark: #4a4a4a;--bedrock: #2b2b2b;--sky: #5ca9f5;--sky-dark: #2a5298;--panel: #1a1a1a;--card: #2d2d2d;--border: #555;--accent: #ffea00;--accent-strong: #ffd700;--text: #f5f5f5;--muted: #b0b0b0;--shadow: 0 8px 0 rgba(0, 0, 0, .4);--glow: 0 0 20px rgba(255, 234, 0, .3);--pixel: 4px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app{min-height:100vh;padding:20px;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px),linear-gradient(180deg,#87ceeb,#5ca9f5 40%,#4a90d9);position:relative}.app:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.5) 1px,transparent 1px),radial-gradient(circle at 60% 70%,rgba(255,255,255,.4) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(255,255,255,.3) 1px,transparent 1px);background-size:300px 300px,400px 400px,500px 500px;animation:float 20s ease-in-out infinite;pointer-events:none;opacity:.6}.frame{max-width:1400px;margin:0 auto;border:8px solid var(--stone-dark);box-shadow:0 0 0 4px var(--stone),var(--shadow),inset 0 4px 8px #0003;background:repeating-linear-gradient(0deg,var(--dirt) 0px,var(--dirt) 16px,var(--dirt-dark) 16px,var(--dirt-dark) 32px);border-radius:0;overflow:hidden;position:relative;animation:slideIn .5s ease-out}.header{position:relative;padding:40px 24px 36px;background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,transparent 100%),repeating-linear-gradient(0deg,var(--grass) 0px,var(--grass) 8px,var(--grass-dark) 8px,var(--grass-dark) 16px);border-bottom:8px solid var(--dirt-dark);text-align:center;box-shadow:inset 0 -4px #0003}.header:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:repeating-linear-gradient(90deg,var(--stone-dark) 0px,var(--stone-dark) 8px,var(--stone) 8px,var(--stone) 16px)}.title{font-family:"Press Start 2P",cursive;font-size:2rem;color:#fff;text-shadow:4px 4px 0 #1d3c1e,4px 4px 0 rgba(0,0,0,.8);margin-bottom:16px;line-height:1.4;position:relative;z-index:1}.subtitle{font-size:1.1rem;color:#fff;font-weight:600;text-shadow:2px 2px 0 rgba(0,0,0,.5);position:relative;z-index:1}.controls{padding:24px;background:repeating-linear-gradient(0deg,var(--stone) 0px,var(--stone) 16px,var(--stone-dark) 16px,var(--stone-dark) 32px);border-bottom:8px solid var(--bedrock);box-shadow:inset 0 4px 8px #0000004d}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.filter-card{background:var(--card);border:4px solid var(--border);border-radius:0;padding:16px;box-shadow:var(--shadow),inset 0 0 0 2px var(--stone-dark);position:relative}.filter-card:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;height:4px;background:repeating-linear-gradient(90deg,var(--stone-dark) 0px,var(--stone-dark) 8px,var(--stone) 8px,var(--stone) 16px)}.filter-title{font-family:"Press Start 2P",cursive;font-size:.75rem;font-weight:400;color:var(--accent);margin-bottom:12px;letter-spacing:1px;text-shadow:2px 2px 0 rgba(0,0,0,.5)}.button-group{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{padding:12px 16px;border:4px solid var(--stone);background:repeating-linear-gradient(0deg,#3a3a3a 0px 2px,#2d2d2d 2px 4px);color:var(--text);border-radius:0;cursor:pointer;font-weight:700;letter-spacing:.5px;box-shadow:0 6px 0 var(--stone-dark),0 6px 8px #0006;transition:all .1s ease;display:inline-flex;align-items:center;gap:8px;position:relative;text-shadow:1px 1px 0 rgba(0,0,0,.5)}.filter-btn:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--stone-dark),0 8px 12px #00000080;border-color:var(--accent)}.filter-btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--stone-dark),0 2px 4px #00000080}.filter-btn.active{background:repeating-linear-gradient(0deg,var(--grass) 0px,var(--grass) 2px,var(--grass-dark) 2px,var(--grass-dark) 4px);color:#fff;border-color:var(--grass-dark);box-shadow:0 6px #1d3c1e,0 6px 12px #0006,inset 0 0 20px #ffffff1a}.badge{background:#0006;padding:4px 8px;border-radius:0;font-size:.7rem;color:inherit;border:2px solid rgba(255,255,255,.2);font-family:"Press Start 2P",cursive}.toggle-row{display:flex;align-items:center;gap:12px;margin-top:8px;color:var(--text);font-weight:600}.toggle-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--grass);cursor:pointer}.tasks-wrapper{padding:24px;background:repeating-linear-gradient(0deg,var(--dirt-dark) 0px,var(--dirt-dark) 16px,var(--dirt) 16px,var(--dirt) 32px)}.category-section{background:var(--panel);border:4px solid var(--bedrock);border-radius:0;margin-bottom:20px;box-shadow:var(--shadow),inset 0 4px 8px #00000080;overflow:hidden;animation:slideIn .4s ease-out}.category-header{padding:16px 20px;background:repeating-linear-gradient(90deg,#2d2d2d 0px 16px,#252525 16px 32px);border-bottom:4px solid var(--bedrock);position:relative}.category-header:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:4px;background:repeating-linear-gradient(90deg,var(--stone) 0px,var(--stone) 8px,var(--stone-dark) 8px,var(--stone-dark) 16px)}.category-title{font-family:"Press Start 2P",cursive;color:var(--accent);font-size:.9rem;letter-spacing:1px;text-shadow:3px 3px 0 rgba(0,0,0,.5);display:flex;align-items:center;gap:12px}.tasks-list{display:flex;flex-direction:column;gap:12px;padding:16px}.task-card{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:16px 18px;background:repeating-linear-gradient(0deg,#2a2a2a 0px 2px,#222 2px 4px);border:4px solid var(--stone-dark);border-radius:0;box-shadow:0 6px 0 var(--bedrock),0 6px 12px #0006;transition:all .1s ease;position:relative}.task-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--grass);opacity:0;transition:opacity .2s}.task-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 0 var(--bedrock),0 8px 16px #00000080,var(--glow)}.task-card:hover:before{opacity:1}.task-card.completed{opacity:.65;background:repeating-linear-gradient(0deg,#1a1a1a 0px 2px,#151515 2px 4px)}.task-card.completed .task-title{text-decoration:line-through;color:#777}.task-card.completed:before{background:var(--muted)}.task-checkbox input[type=checkbox]{width:24px;height:24px;accent-color:var(--grass);cursor:pointer;border:2px solid var(--stone)}.task-content{display:flex;flex-direction:column;gap:10px}.task-title{font-size:1.05rem;color:var(--text);line-height:1.5;font-weight:600;text-shadow:1px 1px 0 rgba(0,0,0,.5)}.task-meta{display:flex;flex-wrap:wrap;gap:10px}.user-badge{padding:8px 12px;border-radius:0;font-weight:700;color:#fff;letter-spacing:.3px;border:3px solid rgba(0,0,0,.3);box-shadow:0 4px #0000004d,inset 0 -2px #0003;text-shadow:2px 2px 0 rgba(0,0,0,.5);font-size:.85rem}.user-tanveer{background:repeating-linear-gradient(0deg,#ff6b6b 0px 2px,#e63946 2px 4px);border-color:#a4161a}.user-arpit{background:repeating-linear-gradient(0deg,#4dabf7 0px 2px,#1971c2 2px 4px);border-color:#0c4a6e}.user-mukul{background:repeating-linear-gradient(0deg,#b197fc 0px 2px,#845ef7 2px 4px);border-color:#5f3dc4}.user-sunny{background:repeating-linear-gradient(0deg,#ffec99 0px 2px,#ffd43b 2px 4px);border-color:#e67700;color:#333;text-shadow:1px 1px 0 rgba(255,255,255,.5)}.user-mehul{background:repeating-linear-gradient(0deg,#ff8787 0px 2px,#fa5252 2px 4px);border-color:#c92a2a}.user-all{background:repeating-linear-gradient(0deg,#51cf66 0px 2px,#37b24d 2px 4px);border-color:#2b8a3e}.role-badge{padding:8px 12px;border-radius:0;background:repeating-linear-gradient(0deg,#3a3a3a 0px 2px,#2d2d2d 2px 4px);color:var(--muted);font-weight:600;border:3px solid var(--bedrock);box-shadow:0 4px #0000004d,inset 0 -2px #0003;font-size:.8rem}.loading{text-align:center;font-family:"Press Start 2P",cursive;font-size:1rem;padding:3rem;color:var(--accent);text-shadow:3px 3px 0 rgba(0,0,0,.5);animation:pulse 1.5s ease-in-out infinite}.empty-state{text-align:center;padding:3rem;color:var(--muted);font-size:1rem;font-family:"Press Start 2P",cursive;line-height:1.8}@media(max-width:768px){.app{padding:12px}.title{font-size:1.3rem;line-height:1.6}.subtitle{font-size:.9rem}.filter-btn{flex:1 1 calc(50% - 5px);justify-content:center;padding:10px 12px}.filter-grid{grid-template-columns:1fr;gap:16px}.filter-title{font-size:.7rem}.category-title{font-size:.75rem}.task-card{padding:12px 14px}.task-title{font-size:.95rem}.user-badge,.role-badge{font-size:.7rem;padding:6px 10px}}@media(max-width:480px){.title{font-size:1.1rem}.filter-btn{font-size:.85rem}.badge{font-size:.6rem}}.nav-tabs{display:flex;gap:12px;justify-content:center;margin-top:24px}.nav-tab{font-family:"Press Start 2P",monospace;font-size:.75rem;padding:12px 24px;background:repeating-linear-gradient(0deg,var(--stone) 0px,var(--stone) 4px,var(--stone-dark) 4px,var(--stone-dark) 8px);border:4px solid var(--bedrock);color:var(--text);cursor:pointer;transition:all .2s;box-shadow:0 4px #0006;position:relative}.nav-tab:hover{transform:translateY(-2px);box-shadow:0 6px #0006;filter:brightness(1.2)}.nav-tab:active{transform:translateY(2px);box-shadow:0 2px #0006}.nav-tab.active{background:repeating-linear-gradient(0deg,#ffea00 0px 4px,gold 4px 8px);color:var(--bedrock);box-shadow:0 6px #0006,0 0 20px #ffea0080;transform:translateY(-2px)}.progress-view{padding:32px 24px}.section-title{font-family:"Press Start 2P",monospace;font-size:1.1rem;color:var(--accent);text-align:center;margin-bottom:24px;text-shadow:2px 2px 0 rgba(0,0,0,.5)}.server-overview{margin-bottom:40px}.overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:24px}.stat-box{background:repeating-linear-gradient(0deg,var(--stone) 0px,var(--stone) 4px,var(--stone-dark) 4px,var(--stone-dark) 8px);border:4px solid var(--bedrock);padding:24px;text-align:center;box-shadow:0 4px #0006,inset 0 2px 4px #0003;transition:transform .2s}.stat-box:hover{transform:translateY(-4px);box-shadow:0 8px #0006,inset 0 2px 4px #0003}.stat-value{font-family:"Press Start 2P",monospace;font-size:2rem;color:var(--accent);margin-bottom:8px;text-shadow:2px 2px 0 rgba(0,0,0,.5)}.stat-label{font-family:Poppins,sans-serif;font-size:.95rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.players-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:24px}.player-card{background:repeating-linear-gradient(0deg,var(--dirt) 0px,var(--dirt) 8px,var(--dirt-dark) 8px,var(--dirt-dark) 16px);border:6px solid var(--bedrock);padding:0;box-shadow:0 6px #0006,inset 0 4px 8px #0003;transition:all .3s;overflow:hidden}.player-card:hover{transform:translateY(-4px);box-shadow:0 10px #0006,inset 0 4px 8px #0003}.player-header{display:flex;gap:20px;padding:24px;background:#0000004d;border-bottom:4px solid rgba(0,0,0,.4);align-items:center}.avatar-container{position:relative;flex-shrink:0}.minecraft-avatar{width:96px;height:96px;image-rendering:pixelated;border:4px solid var(--bedrock);box-shadow:0 4px #0009;background:var(--stone);display:block;position:relative;z-index:2}.avatar-glow{position:absolute;inset:-8px;border-radius:4px;opacity:.3;filter:blur(12px);z-index:1;animation:pulse 2s ease-in-out infinite}.player-info{flex:1;min-width:0}.player-name{font-family:"Press Start 2P",monospace;font-size:1.2rem;color:var(--text);margin:0 0 8px;text-shadow:2px 2px 0 rgba(0,0,0,.5)}.player-role{font-family:Poppins,sans-serif;font-size:.95rem;font-weight:700;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;text-shadow:1px 1px 0 rgba(0,0,0,.5)}.player-description{font-family:Poppins,sans-serif;font-size:.9rem;color:var(--muted);line-height:1.4}.player-progress{padding:20px 24px;background:#0003;border-bottom:4px solid rgba(0,0,0,.4)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-text{font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.progress-percentage{font-family:"Press Start 2P",monospace;font-size:.9rem;color:var(--accent);text-shadow:1px 1px 0 rgba(0,0,0,.5)}.progress-bar-container{height:28px;background:var(--bedrock);border:4px solid rgba(0,0,0,.4);overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #00000080}.progress-bar-fill{height:100%;background:var(--accent);transition:width .8s ease;position:relative;box-shadow:inset 0 -4px #0003}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0px,transparent 4px,rgba(0,0,0,.1) 4px,rgba(0,0,0,.1) 8px)}.progress-stats{display:flex;justify-content:space-between;margin-top:8px;font-family:Poppins,sans-serif;font-size:.85rem;color:var(--muted)}.category-breakdown{padding:20px 24px}.breakdown-title{font-family:Poppins,sans-serif;font-size:.85rem;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.category-stat{margin-bottom:14px}.category-stat:last-child{margin-bottom:0}.category-stat-header{display:flex;justify-content:space-between;margin-bottom:6px;font-family:Poppins,sans-serif;font-size:.85rem}.category-stat-name{color:var(--text);font-weight:500}.category-stat-value{color:var(--muted);font-weight:600}.mini-progress-bar{height:8px;background:var(--bedrock);border:2px solid rgba(0,0,0,.4);overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.mini-progress-fill{height:100%;transition:width .6s ease;box-shadow:inset 0 -2px #0003}@media(max-width:768px){.players-grid{grid-template-columns:1fr}.nav-tabs{flex-direction:column;gap:8px}.nav-tab{font-size:.65rem;padding:10px 16px}.overview-stats{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.5rem}.player-header{flex-direction:column;text-align:center}.minecraft-avatar{width:80px;height:80px}}