@import "https://fonts.googleapis.com/css2?family=Geist+Mono:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter+Tight:wght@900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Minecraft;src:url(../fonts/Minecraft.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}html,body,#root{width:100%;min-height:100vh}body{color:#e5e5e5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;font-family:Geist Mono,monospace;overflow-x:hidden}.bg-grid{z-index:0;pointer-events:none;position:fixed;inset:0}.page{z-index:1;flex-direction:column;align-items:center;min-height:100vh;padding:3rem 2rem;display:flex;position:relative}.header{width:100%;max-width:1200px;margin-bottom:2.5rem}.header-top{justify-content:space-between;align-items:flex-end;margin-bottom:.5rem;display:flex}.logo{letter-spacing:-.03em;font-family:Inter Tight,sans-serif;font-size:clamp(2rem,8vw,3.2rem);font-weight:900;line-height:1}.logo-red{color:#ef4444}.logo-white{color:#fff}.subtitle{letter-spacing:.12em;text-transform:uppercase;color:#525252;margin-top:.5rem;font-family:Minecraft,monospace;font-size:.75rem;font-weight:400}.subtitle-dot{color:#ef4444;margin-right:.4em}.nav-row{border-bottom:1px solid #1a1a1a;justify-content:space-between;align-items:center;margin-top:1.5rem;display:flex}.tabs{gap:0;display:flex}.tab{letter-spacing:.1em;text-transform:uppercase;color:#525252;cursor:pointer;background:0 0;border:none;padding:.65rem 1.2rem;font-family:Geist Mono,monospace;font-size:.8rem;font-weight:700;transition:color .2s;position:relative}.tab:hover{color:#a3a3a3}.tab.active{color:#ef4444}.tab.active:after{content:"";background:#ef4444;height:2px;position:absolute;bottom:-1px;left:0;right:0}.card-controls{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.metric-btns{border:1px solid #262626;gap:0;display:flex}.metric-btn{letter-spacing:.07em;text-transform:uppercase;color:#525252;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-right:1px solid #262626;justify-content:center;align-items:center;width:34px;height:32px;padding:0;font-family:Geist Mono,monospace;font-size:.65rem;font-weight:600;transition:all .15s;display:flex}.metric-btn:last-child{border-right:none}.metric-btn:hover{color:#a3a3a3;background:#111}.metric-btn.active,.metric-btn.active:hover{color:#ef4444;background:#ef44440f}.metric-btn.active .metric-icon,.metric-btn.active:hover .metric-icon{color:#ef4444}.metric-icon{color:#555;font-size:.8rem;line-height:1;transition:color .15s}.metric-btn:hover .metric-icon{color:#888}.metric-label{line-height:1}.filter-wrap{flex-shrink:0;position:relative}.filter-btn{letter-spacing:.08em;text-transform:uppercase;color:#737373;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #262626;justify-content:center;align-items:center;height:32px;padding:0 .9rem;font-family:Geist Mono,monospace;font-size:.65rem;font-weight:500;transition:all .2s;display:flex}.filter-btn:hover{color:#a3a3a3;background:#111;border-color:#404040}.filter-btn.active{color:#ef4444;background:#ef44440f;border-color:#ef4444}.filter-btn span{margin-left:.3rem}.filter-panel{z-index:20;background:#0d0d0d;border:1px solid #1a1a1a;min-width:240px;padding:0;position:absolute;top:calc(100% + 6px);right:0}.filter-panel-actions{border-bottom:1px solid #1a1a1a;justify-content:space-between;padding:.6rem 1rem;display:flex}.filter-action-btn{letter-spacing:.1em;text-transform:uppercase;cursor:pointer;color:#525252;background:0 0;border:none;padding:0;font-family:Geist Mono,monospace;font-size:.65rem;font-weight:700;transition:color .15s}.filter-action-btn:hover{color:#ef4444}.filter-row{cursor:pointer;border-bottom:1px solid #111;align-items:center;gap:.8rem;padding:.6rem 1rem;transition:background .12s;display:flex}.filter-row:last-child{border-bottom:none}.filter-row:hover{background:#131313}.filter-checkbox-wrap{flex-shrink:0;width:16px;height:16px;position:relative}.filter-checkbox{opacity:0;width:0;height:0;position:absolute}.filter-checkmark{background:0 0;border:1.5px solid #333;transition:all .15s;position:absolute;inset:0}.filter-checkbox:checked+.filter-checkmark{background:#ef4444;border-color:#ef4444}.filter-checkbox:checked+.filter-checkmark:after{content:"";border:2px solid #fff;border-top:none;border-left:none;width:5px;height:10px;position:absolute;top:1px;left:4.5px;transform:rotate(40deg)}.filter-model-name{color:#a3a3a3;font-family:Geist Mono,monospace;font-size:.7rem;font-weight:400}.content-row{align-items:stretch;gap:1.2rem;width:100%;max-width:1200px;display:flex}.card{background:#0a0a0a;border:1px solid #1a1a1a;flex:3;min-width:0;padding:2rem 2.5rem}.sidebar{text-align:center;background:#0a0a0a;border:1px solid #1a1a1a;flex-direction:column;flex:1;align-items:center;min-width:220px;padding:2rem 1.5rem;display:flex}.sidebar-icon-wrap{justify-content:center;align-items:center;width:100%;height:220px;margin-bottom:1.5rem;display:flex}.sidebar-heading{color:#fff;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.8rem;font-family:Minecraft,monospace;font-size:.9rem}.sidebar-body{color:#636363;font-size:.65rem;font-weight:400;line-height:1.7}.card-header{flex-wrap:wrap-reverse;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.8rem;display:flex}.card-title{letter-spacing:.06em;text-transform:uppercase;color:#fff;margin-bottom:.3rem;font-size:1.3rem;font-weight:800}.card-desc{letter-spacing:.12em;text-transform:uppercase;color:#525252;font-size:.6rem;font-weight:400}.model-list{flex-direction:column;gap:0;display:flex}.model-row{border-top:1px solid #111;grid-template-columns:32px 26px 180px 1fr 52px;align-items:center;gap:.8rem;padding:.65rem 0;display:grid}.model-row:first-child{border-top:none}.model-rank{text-align:right;font-variant-numeric:tabular-nums;font-family:Minecraft,monospace;font-size:.7rem;font-weight:700}.rank-1{color:#ef4444}.rank-2{color:#f97316}.rank-3{color:#eab308}.rank-default{color:#404040}.model-icon{flex-shrink:0;width:20px;height:20px}.model-name{color:#d4d4d4;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:500;overflow:hidden}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:4rem 1rem;display:flex}.empty-icon{color:#404040;margin-bottom:1rem}.empty-text{color:#525252;text-transform:uppercase;letter-spacing:.05em;font-family:Geist Mono,monospace;font-size:.8rem;font-weight:600}.bar-track{background:#1a1a1a;border-radius:1px;width:100%;min-width:0;height:6px;position:relative;overflow:hidden}.bar-fill{background:#ef4444;border-radius:1px;height:100%;transition:width .8s ease-out}.model-row:first-child .bar-fill{background:#ef4444}.model-row:nth-child(2) .bar-fill{background:#f97316}.model-row:nth-child(3) .bar-fill{background:#eab308}.model-row:nth-child(n+4) .bar-fill{background:#525252}.model-pct{color:#fff;text-align:right;font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:700}.redstone-glow{filter:drop-shadow(0 0 24px #ef444480)}.piston-3d{transform-style:preserve-3d;will-change:transform;transform:perspective(var(--persp,500px)) rotateX(var(--rotX,0deg)) rotateY(calc(var(--rotY,0deg) + var(--mobile-tilt,0deg)));transition:transform 1.2s cubic-bezier(.1,1,.1,1);position:relative}.p-box{transform-style:preserve-3d;position:relative}.p-face{image-rendering:pixelated;image-rendering:crisp-edges;backface-visibility:hidden;background-size:cover;position:absolute;top:0;left:0}.pole-rotated-tex{background-origin:border-box}.tabs-desktop{display:flex}.tabs-mobile{justify-content:flex-end;width:100%;display:none;position:relative}.mobile-tab-current{justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.65rem 0;display:flex}.tab-current-label{letter-spacing:.1em;text-transform:uppercase;color:#ef4444;font-family:Geist Mono,monospace;font-size:.8rem;font-weight:700}.tab-change-btn{letter-spacing:.08em;text-transform:uppercase;color:#737373;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #262626;justify-content:center;align-items:center;height:32px;padding:0 .9rem;font-family:Geist Mono,monospace;font-size:.65rem;font-weight:500;transition:all .2s;display:flex}.tab-change-btn span{margin-left:.3rem}.tab-change-btn.active,.tab-change-btn.active:hover{color:#ef4444;background:#ef44440f;border-color:#ef4444}.tab-change-btn:hover{color:#a3a3a3;background:#111;border-color:#404040}.mobile-tab-dropdown{z-index:10;background:#0a0a0a;border:1px solid #1a1a1a;flex-direction:column;min-width:200px;display:flex;position:absolute;top:100%;right:0}.mobile-drop-tab{text-align:left;border-bottom:1px solid #111;padding:.8rem 1rem}@media (width<=900px){.content-row{flex-direction:column}.sidebar{min-width:unset}.page{padding:1.5rem 1rem}.redstone-glow{--mobile-tilt:45deg}}@media (width<=520px){.tabs-desktop{display:none}.tabs-mobile{display:flex}}@media (width<=600px){.card{padding:1.5rem 1rem}.card-header{flex-direction:column-reverse;gap:1rem}.model-row{grid-template-columns:20px 20px 100px 1fr 40px;gap:.5rem}.model-name,.model-pct{font-size:.75rem}.model-rank{text-align:left}}@keyframes cs-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes cs-card-in{0%{opacity:0;transform:translateY(28px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cs-dot-pulse{0%,to{opacity:1;box-shadow:0 0 #ef4444b3}50%{opacity:.7;box-shadow:0 0 0 6px #ef444400}}.cs-overlay{z-index:100;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur();background:0 0;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .5s,-webkit-backdrop-filter .6s,backdrop-filter .6s,background .6s;display:flex;position:fixed;inset:0}.cs-overlay--visible{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(6px);background:#0000008c}.cs-overlay--visible .cs-card{animation:.55s cubic-bezier(.22,1,.36,1) both cs-card-in}.cs-card{background:#0d0d0d;border:1px solid #1f1f1f;width:100%;max-width:520px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ef444414,0 32px 80px #000000bf,0 0 60px #ef44440d}.cs-accent-bar{background:#ef4444;width:100%;height:3px}.cs-header{justify-content:space-between;align-items:center;padding:1.4rem 1.8rem .6rem;display:flex}.cs-logo{letter-spacing:-.03em;font-family:Inter Tight,sans-serif;font-size:1.3rem;font-weight:900;line-height:1}.cs-logo-red{color:#ef4444}.cs-logo-white{color:#fff}.cs-close{color:#525252;cursor:pointer;background:0 0;border:1px solid #262626;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;transition:all .15s;display:flex}.cs-close:hover{color:#ef4444;background:#ef44440f;border-color:#ef4444}.cs-body{padding:1.4rem 1.8rem}.cs-badge{letter-spacing:.14em;text-transform:uppercase;color:#ef4444;background:#ef44440f;border:1px solid #ef44444d;align-items:center;margin-bottom:1rem;padding:.25rem .65rem;font-family:Minecraft,monospace;font-size:.62rem;display:inline-flex}.cs-headline{letter-spacing:.04em;text-transform:uppercase;color:#fff;margin-bottom:1rem;font-family:Geist Mono,monospace;font-size:1.4rem;font-weight:800;line-height:1.2}.cs-desc{color:#636363;margin-bottom:.75rem;font-family:Geist Mono,monospace;font-size:.7rem;line-height:1.75}.cs-desc strong{color:#a3a3a3;font-weight:600}.cs-coming-soon{letter-spacing:.18em;text-transform:uppercase;color:#ef4444;align-items:center;gap:.7rem;margin-top:1.4rem;font-family:Minecraft,monospace;font-size:1.05rem;display:flex}.cs-coming-soon-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:9px;height:9px;animation:1.8s ease-in-out infinite cs-dot-pulse;display:inline-block}.cs-footer{background:#141414;border-top:1px solid #1f1f1f;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.8rem;display:flex}.cs-footer-text{color:#737373;letter-spacing:.05em;font-family:Geist Mono,monospace;font-size:.62rem;line-height:1.4}.cs-x-btn{letter-spacing:.08em;color:#737373;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #262626;flex-shrink:0;align-items:center;gap:.45rem;height:32px;padding:0 .9rem;font-family:Geist Mono,monospace;font-size:.65rem;font-weight:600;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.cs-x-btn:hover{color:#fff;background:#111;border-color:#404040}
