:root{--bg-0:#060b09;--bg-1:#0c1815;--glass:#1428226b;--border:#f2efe617;--border-strong:#f2efe62e;--chalk:#f2efe6;--chalk-dim:#f2efe68f;--chalk-faint:#f2efe657;--amber:#e8a33d;--amber-2:#f4c77a;--amber-glow:#e8a33d47;--radius-lg:18px;--radius-md:12px}*{box-sizing:border-box}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}body{background:radial-gradient(1100px 600px at 12% -10%, #e8a33d1a, transparent 60%), radial-gradient(900px 700px at 100% 10%, #6fb49614, transparent 55%), var(--bg-0);color:var(--chalk);background-attachment:fixed;min-height:100vh;margin:0;padding:48px 24px 80px;font-family:Inter,sans-serif;position:relative}body:before{content:"";pointer-events:none;background-image:radial-gradient(#f2efe60d 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 20%,#000 40%,#0000 90%);mask-image:radial-gradient(80% 60% at 50% 20%,#000 40%,#0000 90%)}#root{display:contents}.wrap{max-width:1080px;margin:0 auto;position:relative}header{margin-bottom:36px}.header-logo{object-fit:contain;width:128px;height:128px;image-rendering:pixelated;margin-bottom:12px;transform:scaleX(-1)}.heading-block{max-width:640px}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--amber);align-items:center;gap:8px;margin:0 0 10px;font-family:IBM Plex Mono,monospace;font-size:11.5px;display:flex}.eyebrow:before{content:"";background:var(--amber);width:6px;height:6px;box-shadow:0 0 8px var(--amber-glow);border-radius:50%;display:inline-block}h1{text-transform:uppercase;letter-spacing:.01em;background:linear-gradient(135deg, var(--chalk) 40%, var(--amber-2) 130%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-family:Oswald,sans-serif;font-size:clamp(32px,4.4vw,50px);font-weight:700;line-height:1}.sub{color:var(--chalk-dim);max-width:560px;font-size:15px;line-height:1.55}.board{grid-template-columns:380px 1fr;align-items:start;gap:24px;display:grid}@media (width<=840px){.board{grid-template-columns:1fr}}.col-right{flex-direction:column;gap:24px;display:flex}.panel{background:var(--glass);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;box-shadow:0 20px 50px -25px #0009}.panel h2{text-transform:uppercase;letter-spacing:.12em;color:var(--chalk-faint);justify-content:space-between;align-items:center;margin:0 0 16px;font-family:Oswald,sans-serif;font-size:13px;font-weight:600;display:flex}.panel h3{text-transform:uppercase;letter-spacing:.12em;color:var(--chalk-dim);justify-content:space-between;align-items:center;margin:0 0 16px;font-family:Oswald,sans-serif;font-size:16px;font-weight:600;display:flex}.panel-meta{color:var(--chalk-faint);letter-spacing:0;font-family:IBM Plex Mono,monospace;font-size:11px}input[type=checkbox]{appearance:none;cursor:pointer;border:2px solid #666;border-radius:9px;width:18px;height:18px;margin:0;position:relative}input[type=checkbox]:checked{opacity:.7;background:linear-gradient(135deg,#3eee81,#0f7428);border-color:#138b31}input[type=checkbox]:checked:after{content:"";border:3px solid #fff;border-width:0 3px 3px 0;width:24%;height:46%;position:absolute;top:14%;left:33.5%;transform:rotate(45deg)}input[type=checkbox]:hover{border-color:var(--amber)}input[type=checkbox]:focus-visible{outline-offset:2px;outline:2px solid #19a72c}.confed-filter{position:relative}.filter-btn{border:1px solid var(--border);color:var(--chalk-dim);letter-spacing:0;text-transform:none;cursor:pointer;background:#f2efe60a;border-radius:999px;padding:5px 12px;font-family:IBM Plex Mono,monospace;font-size:11px;transition:border-color .18s,background .18s,color .18s}.filter-btn:hover{border-color:var(--border-strong);color:var(--amber-dim);border-color:var(--amber)}.filter-btn.active{border-color:var(--amber);color:var(--amber)}.filter-menu{z-index:20;border:1px solid var(--border);border-radius:var(--radius-md);background:#16241b;flex-direction:column;gap:8px;min-width:140px;padding:10px 14px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 32px #00000080}.filter-option{color:var(--chalk-dim);text-transform:none;letter-spacing:0;cursor:pointer;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:13px;display:flex}.presets{flex-wrap:wrap;gap:7px;margin-bottom:20px;display:flex}.preset-btn{border:1px solid var(--border);color:var(--chalk-dim);cursor:pointer;background:#f2efe60a;border-radius:20px;padding:7px 13px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:border-color .15s,color .15s,background .15s,transform .1s}.preset-btn:hover{border-color:var(--amber);color:var(--amber-2);background:var(--amber-glow);transform:translateY(-1px)}.preset-btn:active{transform:translateY(0)}.preset-btn--random{color:var(--amber-2);border-style:dashed;margin-left:2px}.preset-btn--random:hover{background:var(--amber);color:var(--bg-1);border-style:solid}.group{border:1px solid var(--border);border-radius:var(--radius-md);background:#00000026;margin-bottom:10px;transition:border-color .2s;overflow:hidden}.group.is-open{border-color:var(--border-strong)}.group-header{all:unset;box-sizing:border-box;cursor:pointer;text-transform:uppercase;letter-spacing:.07em;color:var(--chalk);background:#f2efe608;justify-content:space-between;align-items:center;width:100%;padding:13px 15px;font-family:Oswald,sans-serif;font-size:12.5px;font-weight:600;transition:background .15s,color .15s;display:flex}.group-header:hover{color:var(--amber-2);background:#f2efe60f}.group-header .left{align-items:center;gap:10px;display:flex}.chev{border-right:1.5px solid var(--amber);border-bottom:1.5px solid var(--amber);flex-shrink:0;width:8px;height:8px;transition:transform .25s;transform:rotate(-45deg)}.drag-handle{cursor:grab;touch-action:none;background-image:radial-gradient(circle, var(--chalk-faint) 1.5px, transparent 1.5px);background-repeat:repeat;background-size:6px 6px;width:12px;height:18px;display:inline-block}.drag-handle:active{cursor:grabbing}.rank-row--dragging{border:1px dashed var(--border);background:#f2efe605;min-height:46px}.arrow-up{border-left:5px solid #0000;border-right:5px solid #0000;border-bottom:8px solid var(--amber);width:0;height:0}.arrow-down{border-left:5px solid #0000;border-right:5px solid #0000;border-top:8px solid var(--amber);width:0;height:0}.group.is-open .chev{transform:rotate(45deg)}.group-count{text-transform:none;letter-spacing:0;color:var(--chalk-faint);font-family:IBM Plex Mono,monospace;font-size:10.5px}.group-body-outer{grid-template-rows:0fr;transition:grid-template-rows .28s;display:grid}.group.is-open .group-body-outer{grid-template-rows:1fr}.group-body-inner{overflow:hidden}.group-body{padding:6px 15px 14px}.slider-row{padding-top:14px}.slider-label{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;font-size:12.5px;display:flex}.slider-label .name{color:var(--chalk-dim)}.slider-label .val{color:var(--amber-2);flex-shrink:0;font-family:IBM Plex Mono,monospace;font-size:12.5px;font-weight:600}input[type=range]{appearance:none;background:linear-gradient(90deg, var(--amber) 0%, var(--amber) var(--fill,0%), #f2efe61a var(--fill,0%), #f2efe61a 100%);border-radius:3px;outline:none;width:100%;height:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--chalk);cursor:pointer;border:3px solid var(--amber);border-radius:50%;width:15px;height:15px;transition:box-shadow .15s;box-shadow:0 0 0 4px #e8a33d24}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 6px #e8a33d33}input[type=range]::-moz-range-track{background:#f2efe61a;border-radius:3px;height:5px}input[type=range]::-moz-range-progress{background:var(--amber);border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{background:var(--chalk);cursor:pointer;border:3px solid var(--amber);border-radius:50%;width:15px;height:15px}.note{color:var(--chalk-faint);border-top:1px solid var(--border);margin-top:18px;padding-top:16px;font-family:Inter,sans-serif;font-size:11.5px;line-height:1.65}.note p{margin:0 0 10px}.note p:last-child{margin-bottom:0}.rank-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rank-row{border:1px solid var(--border);border-radius:var(--radius-md);background:#f2efe606;align-items:center;gap:14px;padding:12px 14px;transition:border-color .18s,background .18s,transform .18s;animation:.35s backwards rowIn;display:flex}.rank-row:hover{border-color:var(--border-strong);background:#f2efe60b;transform:translate(2px)}.rank-row--dragging{background:0 0;border:#0000}@keyframes rowIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.rank-num{color:var(--chalk-faint);text-align:center;flex-shrink:0;width:22px;font-family:Oswald,sans-serif;font-size:15px;font-weight:700}.rank-row:first-child .rank-num,.rank-row:first-child .rank-name{color:var(--amber-2)}.rank-main{flex:1;min-width:0}.rank-name{letter-spacing:.01em;font-size:15px;font-weight:600}.breakdown{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid}.breakdown.open{grid-template-rows:1fr}.breakdown-inner{overflow:hidden}.breakdown-grid{border-top:1px dashed var(--border);color:var(--chalk-dim);grid-template-columns:repeat(2,1fr);gap:5px 18px;margin-top:12px;padding-top:12px;font-family:IBM Plex Mono,monospace;font-size:11px;display:grid}.breakdown-grid span.k{color:var(--chalk-faint)}.breakdown-grid span.v{color:var(--chalk);text-align:right}.breakdown-row{justify-content:space-between;gap:8px;display:flex}@property --pct{syntax:"<number>";inherits:false;initial-value:0}.gauge{background:conic-gradient(var(--amber) calc(var(--pct) * 1%), #f2efe614 0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;transition:--pct .25s;display:flex;position:relative}.gauge:before{content:"";background:var(--bg-1);border-radius:50%;position:absolute;inset:4px}.gauge span{color:var(--chalk);font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;position:relative}.rank-toggle{border:1px solid var(--border);color:var(--chalk-faint);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;width:26px;height:26px;font-family:IBM Plex Mono,monospace;font-size:11px;transition:border-color .15s,color .15s,transform .15s}.rank-toggle:hover{border-color:var(--amber);color:var(--amber-2)}.rank-toggle.open{color:var(--chalk-faint);transform:rotate(0)}