:root{--bg: #0e1116;--card: #1a1f27;--border: #2a3140;--text: #e6e9ef;--muted: #8b93a3;--accent: #4f8ef7;--accent-hover: #6ba1f8;--error: #f76d6d}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}h1{font-size:1.5rem;margin:0 0 .25rem}h2{font-size:1.15rem;margin:1.2rem 0 .6rem}code{font-family:ui-monospace,Consolas,monospace}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.page{max-width:1500px;margin:0 auto;padding:1rem}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.gate{width:min(420px,92vw);text-align:center}.gate form{display:flex;gap:.5rem;margin:1rem 0 .5rem}.gate input{flex:1}input{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.6rem .75rem;font-size:1rem}input:focus{outline:2px solid var(--accent);outline-offset:-1px}button{background:var(--accent);border:none;border-radius:8px;color:#fff;padding:.6rem 1.1rem;font-size:1rem;cursor:pointer}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.45;cursor:default}button.linklike{background:none;color:var(--accent);padding:.4rem 0;font-size:.9rem;display:inline-block;margin-top:.5rem}button.linklike:hover{background:none;text-decoration:underline}.muted{color:var(--muted)}.error{color:var(--error)}.stats{color:var(--muted);font-size:.9rem}.waiting{color:var(--accent);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.steps{text-align:left;padding-left:1.2rem}.steps li{margin:.5rem 0}.challenge{background:var(--bg);border:1px dashed var(--accent);border-radius:6px;padding:.15rem .5rem;font-size:1.15rem;letter-spacing:.08em;color:var(--accent);-webkit-user-select:all;user-select:all}.roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.6rem;margin-top:.8rem}.roster button{background:var(--bg);border:1px solid var(--border);color:var(--text);display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.7rem .8rem;text-align:left}.roster button:hover:not(:disabled){border-color:var(--accent);background:var(--bg)}.roster .name{font-weight:600}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px solid var(--border)}.topbar>div{display:flex;align-items:center;gap:.8rem}.topbar .titleblock{flex-direction:column;align-items:flex-start;gap:0}.servertag{font-size:.78rem}.topbar>.topright{display:flex;flex-direction:column;align-items:flex-start;gap:0}.topright .userrow{display:flex;align-items:center;gap:.8rem}.topright .version{font-size:.78rem;letter-spacing:.02em;white-space:nowrap}.topright .refreshline{margin:0;padding:0;font-size:.72rem;color:var(--muted);text-align:left;align-self:flex-start;white-space:nowrap}.topright .refreshline:hover:not(:disabled){color:var(--accent)}.topright .refreshline:disabled{opacity:.6;cursor:default}.palgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.8rem}.pal{padding:.9rem}.palhead{display:flex;justify-content:space-between;font-size:1.02rem}.ivs{display:flex;gap:.8rem;margin-top:.4rem;font-size:.85rem;color:var(--muted)}.passives{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}.chip{background:var(--bg);border:1px solid var(--border);border-radius:999px;font-size:.72rem;padding:.1rem .5rem;color:var(--muted)}.chip.great{color:#e8b84f;border-color:#6b5420}.chip.bad{color:var(--error);border-color:#5c2f33}.palname{display:flex;align-items:center;gap:.45rem;min-width:0}.palname strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palicon{width:30px;height:30px;border-radius:50%;background:var(--bg);flex:none}.alpha{color:#e05d5d;font-weight:700;font-size:.8rem;border:1px solid #5c2f33;border-radius:4px;padding:0 .25rem;flex:none}.tabs{display:flex;gap:.25rem}.tab{background:none;border:1px solid transparent;color:var(--muted);padding:.35rem .9rem;border-radius:8px;font-size:.95rem}.tab.active{color:var(--text);border-color:var(--border);background:var(--card)}.tab:hover:not(.active){background:none;color:var(--text)}.filterbar{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:.8rem 0 .2rem}.filterbar input[type=text],.filterbar input:not([type]){min-width:160px;flex:1 1 160px;font-size:.9rem;padding:.4rem .6rem}.filterbar select{background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.4rem .5rem;font-size:.88rem}.alphatoggle{color:var(--muted);font-size:.85rem;display:flex;align-items:center;gap:.3rem}.activefilter{display:inline-flex;align-items:center;gap:.2rem}.activefilter .linklike{margin:0;padding:0 .2rem}.passivefilter{position:relative;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:.35rem 0 .2rem}.pflabel{color:var(--muted);font-size:.85rem}.statfilter{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:.2rem 0 .35rem}.statsel{display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--border);border-radius:999px;padding:.15rem .3rem .15rem .6rem;font-size:.85rem}.statsel .statname{font-weight:600}.statsel input[type=number]{width:4.2rem;font-size:.85rem;padding:.15rem .3rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text)}.statsel .statx{background:none;border:none;color:var(--muted);padding:0 .2rem;font-size:.85rem;opacity:.7;cursor:pointer}.statsel .statx:hover{opacity:1;color:var(--error);background:none}.statfilter .statadd{font-size:.85rem;padding:.3rem .55rem}.statop{color:var(--muted);font-size:.95rem}.pfhint{font-size:.78rem;font-style:italic}.statfilter .linklike{margin:0;padding:0 .2rem;font-size:.8rem}.pfsel{display:inline-flex;align-items:center;gap:.25rem}.pfsel .pfx{opacity:.7;font-size:.9em}.passivefilter .pfsearch{min-width:150px;flex:0 1 200px;font-size:.85rem;padding:.3rem .55rem}.pfmatch{display:inline-flex;gap:.15rem}.pfmatch .tab{padding:.2rem .55rem;font-size:.8rem}.pfclear{margin:0;padding:0 .2rem;font-size:.8rem}.pfdrop{position:absolute;top:calc(100% + 4px);left:0;z-index:30;width:min(440px,92vw);padding:.5rem}.pflist{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:.15rem}.pfopt{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.5rem;text-align:left;background:none;border:1px solid transparent;border-radius:8px;padding:.25rem .4rem;font-size:.8rem;color:var(--text)}.pfopt:hover:not(:disabled){background:var(--bg);border-color:var(--border)}.pfopt.on{border-color:var(--accent)}.pfopt .chip{justify-self:start}.pfcat{font-size:.72rem}.pfcount{font-size:.72rem;min-width:3.5rem;text-align:right}.pfempty{margin:.4rem .2rem;font-size:.8rem}button.chipbtn{font-family:inherit;cursor:pointer;position:relative}button.chipbtn:hover{border-color:var(--accent);background:var(--bg)}.tip{display:none;position:absolute;bottom:calc(100% + 6px);left:0;z-index:20;width:250px;max-height:280px;overflow-y:auto;text-align:left;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:.5rem .6rem;font-size:.78rem;color:var(--text);flex-direction:column;gap:.15rem;box-shadow:0 4px 16px #0006}.chipbtn .tip{left:50%;transform:translate(-50%)}.chipbtn:hover .tip,.chipbtn:focus-visible .tip{display:flex}.tip .tipmeta{color:var(--accent)}.tiplink{color:var(--accent);text-decoration:none;margin-top:.15rem}.tiplink:hover{text-decoration:underline}.tip .tiphint{color:var(--muted);font-style:italic}.tipstats{display:flex;gap:.6rem}.chip.legendary{position:relative;color:#93f7ec;border-color:#2fd0c4;background:linear-gradient(115deg,#0c2a30,#144a44 45%,#0e343a 70%,#0c2a30);box-shadow:0 0 6px #2fd0c447;text-shadow:0 0 5px rgba(47,208,196,.45)}.chip.legendary:before{content:"✦";margin-right:.25rem;font-size:.62em;vertical-align:.1em;opacity:.9}.chip.legendary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 14% 32%,rgba(255,255,255,.95) 0 1px,transparent 2px),radial-gradient(circle at 47% 74%,rgba(180,255,246,.9) 0 1px,transparent 2px),radial-gradient(circle at 78% 26%,rgba(255,255,255,.8) 0 1px,transparent 2px),radial-gradient(circle at 92% 62%,rgba(180,255,246,.75) 0 1px,transparent 2px);opacity:.2;animation:sparkle 3.4s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:.12}35%{opacity:.7}60%{opacity:.28}}button.chipbtn.legendary:hover{border-color:#7ff5e8;box-shadow:0 0 10px #2fd0c473;background:linear-gradient(115deg,#0f3339,#1a5b53 45%,#123f46 70%,#0f3339)}@media(prefers-reduced-motion:reduce){.chip.legendary:after{animation:none;opacity:.3}}.palside{display:flex;align-items:center;gap:.3rem;flex:none}.eldot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}.treelink{display:inline-flex;align-items:center;gap:.3rem;margin-top:.55rem;padding:.2rem .65rem;font-size:.78rem;font-weight:600;background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:999px}.treelink:hover:not(:disabled){background:var(--accent);color:#fff}.workrow{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.72rem;margin-top:.3rem}.tagrow{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem}.tagchip{font-size:.68rem}.tagchip .linklike{margin:0;padding:0;font-size:.68rem}.pal.gone{opacity:.45}.pal.compact{padding:.5rem .6rem}.pal.compact .ivs{margin-top:.15rem;gap:.55rem;font-size:.75rem}.workspace{display:grid;grid-template-columns:1fr 400px;gap:1rem;margin-top:.6rem}.workspace.withhelp{grid-template-columns:250px 1fr 400px}.helppane{padding:.8rem .9rem;font-size:.85rem;align-self:start}.helppane h3{font-size:.82rem;margin:.8rem 0 .15rem;color:var(--accent)}.helppane p{margin:0 0 .3rem;color:var(--muted)}.helppane p strong,.helppane p em{color:var(--text);font-style:normal}.helpbtn{margin:0 0 .3rem;padding:0;font-size:.85rem}.rosterpane{min-width:0}.rosterhead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem}.rosterhead h2{margin:0}.addallrow{display:flex;align-items:center;gap:.4rem}.addallrow select{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.8rem;padding:.25rem .4rem;max-width:160px}.addallrow button{font-size:.8rem;margin:0;white-space:nowrap}.rosterpane .palgrid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:.6rem}.rosterpane .pal{padding:.7rem}.bucketpane{display:flex;flex-direction:column;gap:.8rem}.bucket{padding:.7rem .8rem}.bucket.dropover{outline:2px solid var(--accent)}.buckethead{display:flex;align-items:center;gap:.5rem}.buckethead strong{flex:1;cursor:default;overflow:hidden;text-overflow:ellipsis}.buckethead form{flex:1}.buckethead input{width:100%;font-size:.9rem;padding:.25rem .4rem}.bucketgrip{flex:none;background:none;border:none;color:var(--muted);padding:0 .15rem;font-size:1rem;line-height:1;cursor:grab;touch-action:none}.bucketgrip:hover{color:var(--text);background:none}.bucketgrip:active{cursor:grabbing}.bucket.bucketdragging{opacity:.65;z-index:5;position:relative}.bucketacts{display:flex;gap:.4rem;flex:none}.bucketacts .linklike{margin:0;padding:0 .2rem}.bucketstack{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem}.bucketgrid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem}.drophint{text-align:center;border:1px dashed var(--border);border-radius:8px;padding:.8rem}.newrow{display:flex;gap:.4rem}.newrow input{flex:1;font-size:.9rem;padding:.4rem .6rem;min-width:0}.cardacts{position:relative;margin-top:.4rem}.cardacts>.linklike{margin:0;padding:0;font-size:.8rem}.cardmenu{position:absolute;z-index:15;top:100%;left:0;padding:.4rem .6rem;display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;box-shadow:0 4px 16px #0006;min-width:140px}.cardmenu .linklike{margin:0;padding:.1rem 0}.cardmenu hr{border:none;border-top:1px solid var(--border);width:100%;margin:.3rem 0}.dragging{opacity:.4}.removebtn{font-size:.75rem;margin:0;padding:0}.tagslist .chip{margin-right:.3rem}.hiddenbuckets{font-size:.82rem}.hiddenbuckets .linklike{margin:0 .3rem 0 0;padding:0;font-size:.82rem}.predictor{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.5rem;font-size:.85rem}.predictor select,.bucket select{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.82rem;padding:.25rem .4rem;max-width:100%}.predictor select{max-width:130px}.predresult{display:inline-flex;align-items:center;gap:.3rem}.eggrow{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.4rem;flex-wrap:nowrap}.eggrow .palname{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eggrow .passives{flex:0 1 auto;flex-wrap:nowrap;justify-content:flex-end;margin-top:0;min-width:0;gap:.25rem}.eggrow .passives .chip{display:inline-flex;align-items:center;min-width:0;font-size:.68rem;padding:.1rem .4rem}.eggrow .passives .chip:before{flex:none}.eggrow .passives .chiplabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plannerrow{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.5rem;font-size:.85rem}.plannerrow select{max-width:160px}.plansummary{margin:.5rem 0 .2rem;font-size:.8rem}.planstep{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin-top:.3rem;font-size:.85rem}.specref{gap:.25rem}.specref .palicon{width:22px;height:22px}.warnrow{font-size:.8rem;margin:.3rem 0 0}.altroutes{margin-top:.5rem;font-size:.85rem}.altroutes summary{cursor:pointer}.altplan{border-top:1px solid var(--border);margin-top:.4rem;padding-top:.2rem}.suggestions{margin-top:.5rem}.modeswitch{margin-bottom:.6rem}.pathfinder{max-width:900px}.partnerchips{display:flex;flex-wrap:wrap;gap:.4rem .6rem;margin-top:.4rem}.pfpartner{display:inline-flex;align-items:center;gap:.15rem}.pfpartner.unowned .specref{opacity:.75}.pfbadge{font-size:.7rem;color:var(--accent);cursor:help}.pfbadge.warn{color:var(--error)}.pfalt{display:inline-flex;align-items:center;gap:.25rem}.pflegend{font-size:.75rem;margin:.5rem 0 0}.chainbox{border-top:1px solid var(--border);margin-top:.5rem;padding-top:.35rem}.chainhead{font-size:.78rem}.crossbreed{margin-top:.6rem}.crosshint{font-size:.75rem;margin:.4rem 0 0}.crossresults{list-style:none;margin:.3rem 0 0;padding:0;display:flex;flex-direction:column;gap:.35rem}.crossrow{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.83rem}.crossrank{font-size:.75rem}.crossfrom{font-size:.75rem;flex-basis:100%}.warnmark{color:var(--error);cursor:help}.speclink{background:none;border:none;color:inherit;font:inherit;padding:0;margin:0;display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;position:relative}.speclink .palicon{width:18px;height:18px}.speclink:hover,.speclink:focus-visible{color:var(--accent);background:none}.speclink:hover .tip,.speclink:focus-visible .tip,.speclink.pinned .tip{display:flex}.tipeldots{display:flex;gap:.2rem}.speciespicker{position:relative;min-width:200px;flex:1 1 200px}.speciespicker>input{width:100%;font-size:.85rem;padding:.35rem .5rem}.specsel{background:var(--bg);border:1px solid var(--accent);border-radius:8px;color:var(--text);display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .55rem;font-size:.85rem;position:relative}.specsel:hover:not(:disabled){background:var(--bg)}.specsel .clearsel{color:var(--muted);padding:0 .1rem}.specsel .clearsel:hover{color:var(--error)}.specsel:hover .tip,.specsel:focus-visible .tip{display:flex}.spdrop{position:absolute;z-index:30;top:calc(100% + 4px);left:0;width:min(340px,92vw);padding:.5rem;box-shadow:0 6px 20px #00000080}.spfilters{display:flex;gap:.3rem;margin-bottom:.4rem}.spfilters select{flex:1;min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.78rem;padding:.25rem .3rem}.splist{max-height:260px;overflow-y:auto;display:flex;flex-direction:column}.spopt{background:none;border:none;border-radius:6px;color:var(--text);display:flex;align-items:center;gap:.45rem;padding:.25rem .4rem;font-size:.83rem;text-align:left;width:100%}.spopt:hover:not(:disabled),.spopt:focus-visible{background:var(--bg)}.spopt .palicon{width:24px;height:24px}.spno{flex:none;width:2.6em;font-size:.75rem}.spname{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.speldots{display:flex;gap:.2rem;flex:none}.splvl{flex:none;font-size:.78rem}.spempty{margin:.3rem .4rem;font-size:.8rem}.modalback{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:3rem 1rem;overflow-y:auto}.modal{width:min(720px,94vw);max-height:85vh;overflow-y:auto}.lrow{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.lsub{margin:.3rem 0}.lnode{padding:.5rem .6rem;min-width:150px}.lnode.gone{opacity:.45}.lnode.unknown{border:1px dashed var(--border);border-radius:8px;padding:.6rem}.parentedit{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.parentedit select{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.3rem .4rem;max-width:220px;font-size:.85rem}@media(max-width:900px){.workspace,.workspace.withhelp{grid-template-columns:1fr}.topbar{flex-wrap:wrap}}@media(max-width:480px){.gate form{flex-direction:column}.palgrid,.rosterpane .palgrid{grid-template-columns:1fr 1fr}.bucketgrid{grid-template-columns:1fr}}