: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}.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}button.chipbtn{font-family:inherit;cursor:pointer;position:relative}button.chipbtn:hover{border-color:var(--accent);background:var(--bg)}.chipbtn .tip{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:20;width:230px;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:hover .tip,.chipbtn:focus-visible .tip{display:flex}.tip .tipmeta{color:var(--accent)}.tip .tiphint{color:var(--muted);font-style:italic}.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}.workspace{display:grid;grid-template-columns:1fr 340px;gap:1rem;margin-top:.6rem}.workspace.withhelp{grid-template-columns:250px 1fr 340px}.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}.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}.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}.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:wrap}.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}.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}.specsel:hover:not(:disabled){background:var(--bg)}.specsel .clearsel{color:var(--muted);padding:0 .1rem}.specsel .clearsel:hover{color:var(--error)}.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}}