:root{--tint:#22c55e;--tint-dim:#16a34a;--base:#0f1510;--obsidian:#090c0a;--surface:#111814;--glow:rgba(34,197,94,.4);--glass:rgba(15,21,16,.8)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--base);color:#fff;font-family:Inter,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}body:before{background:url(forest-bg.png) 50%/cover no-repeat;opacity:.15;z-index:0}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}body:after{background:radial-gradient(circle at 20% 20%,rgba(34,197,94,.04) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(34,197,94,.04) 0,transparent 50%);z-index:1}.glow-overlay{position:fixed;inset:0;pointer-events:none;z-index:0}.glow{position:absolute;background:var(--tint);filter:blur(60px);opacity:.15}.g1{top:-20%;left:-10%;width:500px;height:500px}.g2{bottom:-20%;right:-10%;width:400px;height:400px}.frame{position:relative;z-index:10;width:100%;max-width:1400px;background:rgba(9,12,10,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(34,197,94,.15);box-shadow:0 0 60px rgba(0,0,0,.8)}.seam{position:absolute;background:var(--tint);box-shadow:0 0 8px var(--tint)}.seam-h{height:1px;width:80px}.seam-v{width:1px;height:80px}.header{padding:24px 32px;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid rgba(34,197,94,.1)}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:44px!important;height:44px!important;max-width:44px;max-height:44px;-o-object-fit:contain;object-fit:contain}.brand-text h1{font-weight:900;font-size:.65rem;letter-spacing:.4em;text-transform:uppercase;color:var(--tint);margin-bottom:4px}.brand-text p{font-size:1.3rem;font-weight:700;color:#fff}.brand-text p,.status{font-family:JetBrains Mono,monospace}.status{text-align:right;font-size:.7rem;color:hsla(0,0%,100%,.4)}.status-row{margin-bottom:2px}.status-val{color:var(--tint);font-weight:700;margin-left:8px}.content{display:grid;grid-template-columns:1fr 340px;gap:32px;padding:24px 32px}.section-label{font-size:.6rem;font-weight:900;letter-spacing:.3em;text-transform:uppercase;color:hsla(0,0%,100%,.3);margin-bottom:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.header-controls{display:flex;align-items:center;gap:10px}.select-sm{width:140px;padding:6px 10px;font-size:.65rem}.view-toggle{display:flex;align-items:center;gap:6px;padding:5px 10px;background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.15);border-radius:4px;cursor:pointer;transition:all .2s}.view-toggle:hover{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.1)}.view-toggle input[type=checkbox]{display:none}.view-switch{position:relative;width:28px;height:16px;background:rgba(34,197,94,.4);border-radius:8px;transition:all .2s;flex-shrink:0}.view-switch:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:#fff;border-radius:50%;transition:all .2s}.view-toggle.is-tree .view-switch:after{left:14px}.view-label{font-size:.6rem;font-weight:700;color:rgba(34,197,94,.5);text-transform:uppercase;letter-spacing:.05em;transition:color .2s}.view-label:first-child{color:var(--tint)}.view-toggle.is-tree .view-label:first-child{color:rgba(34,197,94,.5)}.view-toggle.is-tree .view-label:last-child{color:var(--tint)}.vip-toggle-mini{display:flex;align-items:center;gap:6px;padding:5px 10px;background:rgba(168,85,247,.06);border:1px solid rgba(168,85,247,.15);border-radius:4px;cursor:pointer;transition:all .2s}.vip-toggle-mini:hover{border-color:rgba(168,85,247,.35);background:rgba(168,85,247,.1)}.vip-toggle-mini.is-active{border-color:rgba(168,85,247,.5);background:rgba(168,85,247,.15)}.vip-toggle-mini input[type=checkbox]{display:none}.vip-switch-mini{position:relative;width:28px;height:16px;background:hsla(0,0%,100%,.1);border-radius:8px;transition:all .2s;flex-shrink:0}.vip-switch-mini:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:hsla(0,0%,100%,.4);border-radius:50%;transition:all .2s}.vip-toggle-mini.is-active .vip-switch-mini{background:#a855f7}.vip-toggle-mini.is-active .vip-switch-mini:after{left:14px;background:#fff}.vip-label-mini{font-size:.6rem;font-weight:700;color:rgba(192,132,252,.6);text-transform:uppercase;letter-spacing:.08em;transition:color .2s}.vip-toggle-mini.is-active .vip-label-mini{color:#c084fc}.tree-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.tree-card{aspect-ratio:1;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);cursor:pointer;transition:all .2s ease;clip-path:polygon(8% 0,100% 0,100% 92%,92% 100%,0 100%,0 8%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 12px 36px;position:relative}.tree-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(34,197,94,.05));opacity:0;transition:opacity .2s}.tree-card:hover{border-color:var(--tint);background:rgba(34,197,94,.05)}.tree-card:hover:before{opacity:1}.tree-card.selected{background:linear-gradient(135deg,var(--surface),rgba(34,197,94,.1));border-color:var(--tint);box-shadow:inset 0 0 20px rgba(34,197,94,.1)}.tree-card img{width:80%;height:60%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}.tree-card .tree-name{font-size:10px;font-family:JetBrains Mono,monospace;color:hsla(0,0%,100%,.5);text-align:center;margin-top:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-card.selected .tree-name{color:var(--tint)}.eff-badge{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.85);padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;font-family:JetBrains Mono,monospace;color:#fbbf24;white-space:nowrap;text-shadow:0 0 8px rgba(251,191,36,.4);display:flex;align-items:center;gap:2px}.tree-card.selected .eff-badge{background:rgba(251,191,36,.25);color:#fcd34d}.rank-badge{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;font-family:JetBrains Mono,monospace;z-index:2}.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;box-shadow:0 0 12px rgba(251,191,36,.5)}.rank-2{background:linear-gradient(135deg,#e5e7eb,#9ca3af);color:#000;box-shadow:0 0 8px rgba(156,163,175,.4)}.rank-3{background:linear-gradient(135deg,#cd7f32,sienna);color:#fff;box-shadow:0 0 8px rgba(205,127,50,.4)}.tree-card.rarity-common:after{background:radial-gradient(circle at 50% 70%,rgba(156,163,175,.1),transparent 55%)}.tree-card.rarity-common:after,.tree-card.rarity-rare:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1}.tree-card.rarity-rare:after{background:radial-gradient(circle at 50% 70%,rgba(59,130,246,.15),transparent 55%)}.tree-card.rarity-legendary:after{background:radial-gradient(circle at 50% 70%,rgba(251,146,60,.15),transparent 55%)}.tree-card.rarity-legendary:after,.tree-card.rarity-mythical:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1}.tree-card.rarity-mythical:after{background:radial-gradient(circle at 50% 70%,rgba(239,68,68,.15),transparent 55%)}.tree-card.rarity-guardian:after{background:radial-gradient(circle at 50% 70%,rgba(236,72,153,.15),transparent 55%)}.tree-card.rarity-enchanted:after,.tree-card.rarity-guardian:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1}.tree-card.rarity-enchanted:after{background:radial-gradient(circle at 50% 70%,rgba(168,85,247,.15),transparent 55%)}.calc-section{display:flex;flex-direction:column;gap:16px}.config-box{background:rgba(17,24,20,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(34,197,94,.12);padding:14px;box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 0 0 1px hsla(0,0%,100%,.03)}.selected-tree{flex-direction:column;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid hsla(0,0%,100%,.05)}.selected-img,.selected-tree{display:flex;align-items:center}.selected-img{width:100%;aspect-ratio:1;max-width:200px;background:linear-gradient(145deg,rgba(34,197,94,.08),rgba(9,12,10,.9));border:1px solid rgba(34,197,94,.15);justify-content:center;clip-path:polygon(8% 0,100% 0,100% 92%,92% 100%,0 100%,0 8%);position:relative;overflow:hidden}.selected-img:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 100%,rgba(34,197,94,.15),transparent 70%);pointer-events:none}.selected-img.rarity-common{border-color:rgba(156,163,175,.3)}.selected-img.rarity-common:before{background:radial-gradient(circle at 50% 100%,rgba(156,163,175,.15),transparent 70%)}.selected-img.rarity-rare{border-color:rgba(59,130,246,.4)}.selected-img.rarity-rare:before{background:radial-gradient(circle at 50% 100%,rgba(59,130,246,.2),transparent 70%)}.selected-img.rarity-legendary{border-color:rgba(251,146,60,.4)}.selected-img.rarity-legendary:before{background:radial-gradient(circle at 50% 100%,rgba(251,146,60,.2),transparent 70%)}.selected-img.rarity-mythical{border-color:rgba(239,68,68,.4)}.selected-img.rarity-mythical:before{background:radial-gradient(circle at 50% 100%,rgba(239,68,68,.2),transparent 70%)}.selected-img.rarity-guardian{border-color:rgba(236,72,153,.4)}.selected-img.rarity-guardian:before{background:radial-gradient(circle at 50% 100%,rgba(236,72,153,.2),transparent 70%)}.selected-img.rarity-enchanted{border-color:rgba(168,85,247,.4)}.selected-img.rarity-enchanted:before{background:radial-gradient(circle at 50% 100%,rgba(168,85,247,.2),transparent 70%)}.selected-img img{width:85%;height:85%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(0,0,0,.6));position:relative;z-index:1}.selected-info{display:flex;flex-direction:column;align-items:center;text-align:center}.selected-label{font-size:.5rem;letter-spacing:.25em;text-transform:uppercase;color:hsla(0,0%,100%,.3);margin-bottom:2px}.selected-name{font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;color:var(--tint);text-shadow:0 0 20px rgba(34,197,94,.3)}.selected-name.rarity-common{color:#9ca3af;text-shadow:0 0 20px rgba(156,163,175,.3)}.selected-name.rarity-rare{color:#60a5fa;text-shadow:0 0 20px rgba(59,130,246,.4)}.selected-name.rarity-legendary{color:#fb923c;text-shadow:0 0 20px rgba(251,146,60,.4)}.selected-name.rarity-mythical{color:#f87171;text-shadow:0 0 20px rgba(239,68,68,.4)}.selected-name.rarity-guardian{color:#f472b6;text-shadow:0 0 20px rgba(236,72,153,.4)}.selected-name.rarity-enchanted{color:#c084fc;text-shadow:0 0 20px rgba(168,85,247,.4)}.selected-tiles{font-family:JetBrains Mono,monospace;font-size:.7rem;color:hsla(0,0%,100%,.5);margin-top:2px}.tile-controls{margin-bottom:12px}.tile-controls-label{display:block;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:hsla(0,0%,100%,.55);margin-bottom:6px}.tile-selects{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.select-tile{width:100%;padding:8px 6px;font-size:.65rem}.select-tile:disabled{opacity:.3;cursor:not-allowed}.config-controls{display:flex;gap:12px}.control{flex:1}.control-full{width:100%}.control label{display:block;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:hsla(0,0%,100%,.55);margin-bottom:6px}.input,.select{width:100%;background:var(--obsidian);border:1px solid rgba(34,197,94,.15);color:#fff;font-family:JetBrains Mono,monospace;font-size:.75rem;padding:10px 12px;outline:none;transition:border-color .2s}.input:focus,.select:focus{border-color:var(--tint)}.vip-toggle{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px 14px;background:rgba(168,85,247,.06);border:1px solid rgba(168,85,247,.15);cursor:pointer;transition:all .2s}.vip-toggle:hover{border-color:rgba(168,85,247,.35);background:rgba(168,85,247,.1)}.vip-toggle.is-active{border-color:rgba(168,85,247,.5);background:rgba(168,85,247,.15)}.vip-toggle input[type=checkbox]{display:none}.vip-switch{position:relative;width:36px;height:20px;background:hsla(0,0%,100%,.1);border-radius:10px;transition:all .2s;flex-shrink:0}.vip-switch:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;background:hsla(0,0%,100%,.4);border-radius:50%;transition:all .2s}.vip-toggle.is-active .vip-switch{background:#a855f7}.vip-toggle.is-active .vip-switch:after{left:19px;background:#fff}.vip-label{font-size:.7rem;font-weight:700;color:rgba(192,132,252,.7);text-transform:uppercase;letter-spacing:.1em;transition:color .2s}.vip-toggle.is-active .vip-label{color:#c084fc}.vip-value{margin-left:auto;font-size:.75rem;font-family:JetBrains Mono,monospace;color:rgba(168,85,247,.6);font-weight:700;transition:color .2s}.vip-toggle.is-active .vip-value{color:#a855f7;text-shadow:0 0 10px rgba(168,85,247,.5)}.results-box{display:flex;flex-direction:column;gap:10px;background:rgba(17,24,20,.5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(34,197,94,.08);padding:12px;box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.02)}.result-group{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.result-group:first-child{grid-template-columns:1fr 1fr}.result{background:rgba(15,21,16,.5);border:1px solid hsla(0,0%,100%,.04);padding:10px}.result.highlight{border-color:rgba(251,191,36,.25);background:linear-gradient(135deg,rgba(15,21,16,.5),rgba(251,191,36,.08))}.result.accent{border-color:rgba(34,197,94,.15);background:linear-gradient(135deg,rgba(15,21,16,.5),rgba(34,197,94,.08))}.result-label{display:block;font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;color:hsla(0,0%,100%,.55);margin-bottom:4px}.result-value{display:block;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;color:#fff}.result.highlight .result-value{color:#fbbf24}.result.accent .result-value{color:var(--tint)}.info-section{padding:20px 32px;border-top:1px solid rgba(34,197,94,.05)}.info-text{font-size:.75rem;line-height:1.6;color:hsla(0,0%,100%,.4);text-align:center;max-width:600px;margin:0 auto}.info-text strong{color:hsla(0,0%,100%,.6)}.info-text .highlight{color:var(--tint);font-family:JetBrains Mono,monospace}.footer{padding:16px 32px;border-top:1px solid rgba(34,197,94,.1);background:rgba(0,0,0,.3)}.footer-info{font-family:JetBrains Mono,monospace;font-size:.65rem;color:hsla(0,0%,100%,.3);display:flex;align-items:center;gap:8px}.footer-logo{width:20px!important;height:20px!important;max-width:20px;max-height:20px;-o-object-fit:contain;object-fit:contain;opacity:.5}.footer-info a{color:hsla(0,0%,100%,.4);text-decoration:none;transition:color .2s}.footer-info a:hover{color:var(--tint)}.sep{color:hsla(0,0%,100%,.1)}.chip{position:absolute;background:rgba(34,197,94,.08);border-left:2px solid var(--tint);padding:6px 12px;font-size:.55rem;pointer-events:none;opacity:.6}.chip,.loading{font-family:JetBrains Mono,monospace;color:var(--tint)}.loading{position:fixed;inset:0;background:var(--obsidian);display:flex;align-items:center;justify-content:center;font-size:.8rem;z-index:100}@media (max-width:1024px){.frame{max-width:100%}.content{grid-template-columns:1fr 280px;gap:16px;padding:20px 24px}.tree-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}}@media (max-width:768px){body{padding:10px;align-items:flex-start}.frame{max-width:100%}.header{padding:16px;flex-direction:column;align-items:flex-start;gap:12px}.brand h1{font-size:.55rem}.brand p{font-size:1.1rem}.status{text-align:left;display:flex;gap:16px}.content{display:flex;flex-direction:column;gap:20px;padding:16px}.calc-section{order:-1}.tree-section{order:1}.tree-grid{grid-template-columns:repeat(3,1fr);gap:8px}.tree-card{padding:8px}.tree-card img{height:65%}.tree-card span{font-size:8px}.config-box{padding:16px}.selected-tree{flex-direction:row;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:16px}.selected-img{width:120px;max-width:120px;flex-shrink:0}.selected-info{align-items:flex-start;text-align:left}.selected-name{font-size:1rem}.config-controls{flex-direction:row;gap:12px}.input,.select{padding:12px;font-size:16px}.results-box{padding:12px}.result-group{gap:6px}.result-group,.result-group:first-child{grid-template-columns:repeat(2,1fr)}.result{padding:10px}.result-label{font-size:.45rem}.result-value{font-size:.75rem}.footer{padding:12px 16px}.footer-info{font-size:.55rem;flex-wrap:wrap;justify-content:center}.chip,.seam{display:none}.glow{opacity:.08}}@media (max-width:400px){.tree-grid{grid-template-columns:repeat(2,1fr)}.result-group,.result-group:first-child{grid-template-columns:1fr 1fr}}