*,*:before,*:after{box-sizing:border-box}button{background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}ul,ol{list-style:none;margin:0;padding:0}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-block{display:inline-block}.hidden{display:none}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-8{gap:2rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.space-y-1>:not([hidden])~:not([hidden]){margin-top:.25rem}.space-y-1\.5>:not([hidden])~:not([hidden]){margin-top:.375rem}.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}.space-y-5>:not([hidden])~:not([hidden]){margin-top:1.25rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pt-5{padding-top:1.25rem}.mb-2{margin-bottom:.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mt-0\.5{margin-top:.125rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mx-auto{margin-left:auto;margin-right:auto}.w-4{width:1rem}.w-6{width:1.5rem}.w-24{width:6rem}.w-full{width:100%}.min-w-max{min-width:max-content}.min-w-\[60px\]{min-width:60px}.min-w-\[100px\]{min-width:100px}.min-w-\[120px\]{min-width:120px}.min-w-\[160px\]{min-width:160px}.max-w-\[110px\]{max-width:110px}.max-w-6xl{max-width:72rem}.max-h-\[260px\]{max-height:260px}.h-\[280px\]{height:280px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-center{text-align:center}.text-left{text-align:left}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--text-2\)\]{color:var(--text-2)}.text-\[var\(--text-3\)\]{color:var(--text-3)}.text-\[var\(--positive\)\]{color:var(--positive)}.text-\[var\(--negative\)\]{color:var(--negative)}.bg-\[var\(--bg-2\)\]{background-color:var(--bg-2)}.bg-\[var\(--bg-4\)\]{background-color:var(--bg-4)}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[var\(--border\)\]{border-color:var(--border)}.rounded{border-radius:.25rem}.relative{position:relative}.sticky{position:sticky}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-grab{cursor:grab}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.group:hover .group-hover\:opacity-100{opacity:1}.hover\:border-\[var\(--border-hi\)\]:hover{border-color:var(--border-hi)}.hover\:text-\[var\(--text-1\)\]:hover{color:var(--text-1)}.hover\:text-\[var\(--negative\)\]:hover{color:var(--negative)}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:w-1\/4{width:25%}.sm\:h-\[300px\]{height:300px}.sm\:h-\[360px\]{height:360px}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2 / span 2}}:root{--bg-0: #09090b;--bg-1: #0c0c0e;--bg-2: #141416;--bg-3: #1c1c1f;--bg-4: #252528;--border: #27272a;--border-hi: #3f3f46;--text-1: #fafafa;--text-2: #a1a1a6;--text-3: #62626a;--accent: #c97a3c;--accent-dim: #a15524;--accent-glow: rgba(201, 122, 60, .2);--positive: #4ade80;--neutral: #fbbf24;--negative: #f87171;--btn-copper: #c97a3c;--btn-copper-dark: #a15524;--btn-copper-soft: rgba(201, 122, 60, .2)}*{box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;background:var(--bg-0);color:var(--text-1);min-height:100vh;font-size:14px}.mono{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hi)}input[type=range]{-webkit-appearance:none;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:14px;width:14px;border-radius:50%;background:var(--btn-copper);cursor:pointer;margin-top:-5px;box-shadow:0 0 0 3px var(--accent-glow)}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;background:var(--bg-4);border-radius:2px}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:1.5px solid var(--border-hi);border-radius:3px;background:var(--bg-2);cursor:pointer;position:relative}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"✓";position:absolute;color:#fff;font-size:9px;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:600}.card{background:var(--bg-1);border:1px solid var(--border);border-radius:8px;overflow:hidden}.input{background:var(--bg-2);border:1px solid var(--border);color:var(--text-1);padding:7px 11px;border-radius:5px;outline:none;width:100%;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent-dim);box-shadow:0 0 0 2px var(--accent-glow)}.input::placeholder{color:var(--text-3)}.btn{padding:6px 12px;border-radius:5px;font-weight:500;cursor:pointer;border:1px solid transparent;display:inline-flex;align-items:center;gap:5px;transition:all .12s;font-size:13px}.btn-p{background:var(--btn-copper);color:#fff;border-color:var(--btn-copper-dark);box-shadow:0 0 0 1px #00000073}.btn-p:hover{background:var(--btn-copper-dark);border-color:var(--btn-copper-dark)}.btn-s{background:transparent;color:var(--text-2);border-color:var(--border)}.btn-s:hover{border-color:var(--btn-copper);color:var(--text-1);background:var(--btn-copper-soft)}.btn-g{background:transparent;color:var(--btn-copper);border-color:transparent}.btn-g:hover{color:#fff;background:var(--btn-copper)}.btn-sm{padding:3px 7px;font-size:12px}.score{display:inline-block;padding:2px 7px;border-radius:3px;font-size:11px;font-weight:600}.score-h{background:#4ade801f;color:var(--positive)}.score-m{background:#fbbf241f;color:var(--neutral)}.score-l{background:#f871711f;color:var(--negative)}.mode-toggle{display:flex;background:var(--bg-0);border-radius:4px;padding:2px;font-size:10px;gap:1px}.mode-toggle button{padding:3px 6px;border-radius:3px;color:var(--text-3);font-weight:500;border:none;background:none;cursor:pointer;transition:all .12s}.mode-toggle button:hover{color:var(--text-2)}.mode-toggle button.active{background:var(--bg-4);color:var(--text-1)}.tree-item{transition:all .1s;padding:6px 10px;border-radius:5px;cursor:pointer;display:flex;align-items:center;color:var(--btn-copper)}.tree-item:hover{background:var(--btn-copper-soft);color:var(--btn-copper-dark)}.tree-item.active{background:var(--btn-copper);color:#fff;font-weight:600}.tree-item .acts{opacity:0;transition:opacity .1s}.tree-item:hover .acts{opacity:1}.tree-item.active .acts i{color:#ffe7c2}@media (max-width: 768px){.tree-item.active .acts{opacity:1}}.tree-collapse{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0;cursor:pointer;opacity:.5;transition:opacity .1s;margin-right:2px}.tree-collapse:hover{opacity:1}.tree-item.active .tree-collapse{opacity:.7}.tree-item.active .tree-collapse:hover{opacity:1}.tree-collapse-placeholder{width:14px;flex-shrink:0;margin-right:2px}.tree-act{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:3px;color:var(--text-3);cursor:pointer;transition:all .1s}.tree-act:hover{background:#ffffff1a;color:#fff}.tree-act-danger:hover{background:#f8717133;color:var(--negative)}.tree-item.active .tree-act{color:#ffffff80}.tree-item.active .tree-act:hover{color:#fff}.tree-item.active .tree-act-danger:hover{color:var(--negative)}.mtx{width:100%;border-collapse:collapse}.mtx th,.mtx td{padding:10px;border:1px solid var(--border);text-align:center;vertical-align:middle}.mtx th{background:var(--bg-2);font-weight:600;color:var(--text-2);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.mtx td{background:var(--bg-1)}.mtx .sticky{position:sticky;left:0;z-index:10;background:var(--bg-2);text-align:left}.sidebar{width:240px;height:100vh;position:fixed;right:0;top:0;background:var(--bg-1);border-left:1px solid var(--border);display:flex;flex-direction:column;z-index:50;transition:transform .2s ease}.sidebar.hide{transform:translate(100%)}.sidebar-toolbar{display:flex;align-items:center;gap:4px;padding:8px;border-bottom:1px solid var(--border);background:var(--bg-2);flex-shrink:0}.mobile-close-btn{display:none!important}.mobile-menu-btn{display:none;position:fixed;top:12px;right:12px;width:40px;height:40px;border-radius:8px;background:var(--bg-2);border:1px solid var(--border);color:var(--btn-copper);z-index:60;cursor:pointer;align-items:center;justify-content:center}.mobile-menu-btn:hover{background:var(--btn-copper-soft)}@media (max-width: 768px){.tree-item.active .acts{opacity:1}.sidebar{width:100%;border-left:none}.sidebar.hide{transform:translate(100%)}.main{margin-right:0!important}.sidebar:not(.hide)~.main{display:none}.sb-toggle{display:none}.mobile-menu-btn{display:flex}.mobile-menu-btn.hidden-mobile{display:none}.mobile-close-btn{display:flex!important}.presentation-mode .card{border-radius:0;border-left:none;border-right:none}.presentation-mode main{padding:8px 0 0!important}.chart-container{display:flex;align-items:center;justify-content:center}.chart-container canvas{max-width:100%!important;max-height:100%!important}.mtx th,.mtx td{padding:6px 4px;font-size:10px}.mtx th{min-width:60px!important}.mtx .sticky{min-width:100px!important}.overflow-x-auto{position:relative}.overflow-x-auto:after{content:"";position:absolute;top:0;right:0;bottom:0;width:24px;background:linear-gradient(to right,transparent,var(--bg-1));pointer-events:none;opacity:.8}.grid-cols-1.lg\\:grid-cols-2{gap:.5rem!important}.grid-cols-1.lg\\:grid-cols-3{gap:.5rem!important}}.main{margin-right:240px;min-height:100vh;transition:margin-right .2s ease}.main.full{margin-right:0}.sb-toggle{position:fixed;right:240px;top:50%;transform:translateY(-50%);background:var(--bg-2);border:1px solid var(--border);border-right:none;border-radius:5px 0 0 5px;padding:8px 5px;cursor:pointer;z-index:51;transition:right .2s ease,background .12s,color .12s;color:var(--btn-copper)}.sb-toggle:hover{background:var(--btn-copper-soft);color:var(--btn-copper-dark)}.sb-toggle.r{right:0}.float-btn{width:28px;height:28px;border-radius:5px;border:1px solid transparent;background:transparent;color:var(--btn-copper);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s}.float-btn:hover{background:var(--btn-copper-soft);color:var(--btn-copper-dark)}.float-btn.active{background:var(--btn-copper);color:#fff;border-color:var(--btn-copper-dark)}.float-btn.danger:hover{background:var(--btn-copper-soft);color:var(--negative)}.ctx-menu{position:fixed;z-index:1000;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 24px #00000080;min-width:160px;padding:4px}.ctx-item{padding:7px 10px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:12px;border-radius:4px;color:var(--text-2)}.ctx-item:hover{background:var(--bg-3);color:var(--text-1)}.ctx-danger{color:var(--negative)}.ctx-danger:hover{background:#f8717126;color:var(--negative)}.ctx-item i{width:14px;font-size:11px}.ctx-div{height:1px;background:var(--border);margin:3px 0}.ctx-hdr{padding:6px 10px 3px;font-size:10px;font-weight:600;color:var(--text-3)}.rank-card{padding:12px;border-radius:6px;display:flex;align-items:center;justify-content:space-between}.rank-card.win{background:var(--accent-dim);color:#fff}.rank-card:not(.win){background:var(--bg-2);border:1px solid var(--border)}.presentation-mode .edit-controls{display:none!important}.presentation-ranking,.scroll-hint{display:none}@media (max-width: 640px){.presentation-ranking{display:block}.scroll-hint{display:inline-flex;align-items:center}}.drag-over{border-color:var(--accent)!important;background:var(--accent-glow)}.dragging{opacity:.4}.section-label{font-size:10px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.weight-value{min-width:36px;text-align:right;font-size:13px;font-weight:600;color:var(--btn-copper)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.empty-add{width:80px;height:80px;border-radius:50%;border:2px dashed var(--border-hi);background:transparent;color:var(--text-3);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.empty-add:hover{border-color:var(--btn-copper);color:var(--btn-copper);background:var(--btn-copper-soft)}.inline-edit{background:var(--bg-2);border:1px solid var(--accent);color:var(--text-1);padding:2px 6px;border-radius:3px;outline:none;font-size:inherit;font-family:inherit;width:100%;box-shadow:0 0 0 2px var(--accent-glow)}