.calc{--r:14px;--font-b:var(--font);--font-d:var(--font)}.calc .wrap{grid-template-columns:390px minmax(0,1fr);align-items:start;gap:18px;max-width:3840px;margin:0 auto;padding:14px 24px 80px;display:grid}@media (width<=1020px){.calc .wrap{grid-template-columns:1fr}}.calc .card{background:var(--panel);border:2px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.calc .card>.hd{border-bottom:2px solid var(--line);align-items:center;gap:8px;padding:12px 16px;display:flex}.calc .card>.hd h2{color:var(--ink);font-size:17px}.calc .card>.hd .n{font-family:var(--font-d);background:var(--egg);color:#231603;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;display:inline-flex}.calc .card>.bd{padding:14px 16px}.calc .pickbox{position:relative}.calc .pickbox input[type=text]{background:var(--bg2);border:2px solid var(--line);width:100%;color:var(--ink);font:inherit;border-radius:10px;outline:none;padding:9px 12px}.calc .pickbox input[type=text]:focus{border-color:var(--egg2)}.calc .pickbox input::placeholder{color:var(--ink3)}.calc .drop{z-index:50;background:var(--panel2);border:2px solid var(--line);border-radius:10px;max-height:290px;display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 10px 24px #00000080}.calc .drop.open{display:block}.calc .drop .opt{cursor:pointer;align-items:center;gap:8px;padding:7px 12px;display:flex}.calc .drop .opt:hover,.calc .drop .opt.hi{background:#f59e0b24}.calc .drop .opt .dex{color:var(--ink3);flex:none;width:38px;font-size:11px}.calc .drop .opt .en{color:var(--ink3);margin-left:auto;font-size:11px}.calc .drop .empty{color:var(--ink3);padding:10px 12px}.calc .rar{border-radius:3px;flex:none;width:8px;height:8px}.calc .pico{object-fit:contain;vertical-align:middle;flex:none;width:28px;height:28px}.calc .pico.sm{width:22px;height:22px;margin-right:3px;display:inline-block}.calc .pico.md{width:32px;height:32px}.calc .pico.lg{width:48px;height:48px}.calc .pico.big{width:64px;height:64px;margin:0 auto 3px;display:block}.calc .sel-target{background:var(--bg2);border:2px dashed var(--egg-deep);border-radius:10px;align-items:center;gap:10px;min-height:52px;margin-top:10px;padding:10px 12px;display:flex}.calc .sel-target .name{font-family:var(--font-d);color:var(--egg);font-size:19px}.calc .sel-target .meta{color:var(--ink3);font-size:11px}.calc .sel-target .x{margin-left:auto}.calc .placeholder{color:var(--ink3)}.calc .chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.calc .chip{background:var(--panel2);border:1.5px solid var(--line);cursor:default;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:12.5px;display:inline-flex}.calc .chip .rk{color:#ccc;background:#333;border-radius:6px;padding:0 4px;font-size:10px;font-weight:700}.calc .chip .rk.p{background:var(--egg-deep);color:#ffe3ad}.calc .chip .rk.n{color:#ffb3ab;background:#5a2626}.calc .chip .del{cursor:pointer;color:var(--ink3);margin-left:2px;font-weight:700}.calc .chip .del:hover{color:var(--red)}.calc .chip.want{border-color:var(--egg2);background:#f59e0b1a}.calc #own-list{max-height:430px;margin-bottom:10px;padding-right:4px;overflow-y:auto}.calc .owned-item{background:var(--bg2);border:2px solid var(--line);border-radius:12px;margin-bottom:8px;padding:8px 11px}.calc .owned-item.open{border-color:var(--grass-deep)}.calc .owned-item .top{cursor:pointer;align-items:center;gap:8px;display:flex}.calc .owned-item .nm{font-family:var(--font-d);color:var(--grass);font-size:15px}.calc .owned-item .en{color:var(--ink3);font-size:11px}.calc .owned-item .x{margin-left:auto}.calc .owned-item .chips{gap:4px;margin-top:5px}.calc .owned-item .chips .chip{padding:1.5px 8px;font-size:11px}.calc .owned-item .chips .empty-ps{color:var(--pink);font-size:11px}.calc .owned-item .arrow{color:var(--ink3);font-size:10px;transition:transform .15s}.calc .owned-item.open .arrow{transform:rotate(90deg)}.calc .btn{font:inherit;font-family:var(--font-d);background:var(--egg);color:#241804;cursor:pointer;box-shadow:0 4px 0 var(--egg-deep);border:0;border-radius:12px;padding:10px 18px;font-size:16px;font-weight:700;transition:transform 60ms,box-shadow 60ms}.calc .btn:hover{filter:brightness(1.06)}.calc .btn:active{box-shadow:0 1px 0 var(--egg-deep);transform:translateY(3px)}.calc .btn.full{width:100%;padding:13px;font-size:19px}.calc .btn.ghost{background:var(--panel2);color:var(--ink);border:2px solid var(--line);padding:7px 14px;font-size:14px;box-shadow:0 3px #00000059}.calc .btn.sm{border-radius:9px;padding:5px 12px;font-size:13px}.calc .xbtn{color:var(--ink3);cursor:pointer;background:0 0;border:0;font-size:16px;line-height:1}.calc .xbtn:hover{color:var(--red)}.calc .hint{color:var(--ink3);margin-top:8px;font-size:12px}.calc .warn{color:#ffc9c2;background:#ff73641a;border:1.5px solid #ff736473;border-radius:10px;margin-top:10px;padding:8px 12px;font-size:12.5px}.calc .plans{gap:10px;padding:4px 2px 10px;display:flex;overflow-x:auto}.calc .plan{background:var(--panel2);border:2px solid var(--line);cursor:pointer;border-radius:12px;flex:none;min-width:200px;padding:10px 14px;transition:border-color .12s}.calc .plan:hover{border-color:var(--egg-deep)}.calc .plan.on{border-color:var(--egg2);background:#f59e0b17}.calc .plan .t{font-family:var(--font-d);color:var(--egg);font-size:15px}.calc .plan .s{color:var(--ink2);margin-top:2px;font-size:12px}.calc .plan .leaves{color:var(--ink3);margin-top:6px;font-size:11.5px;line-height:1.5}.calc .badge{border-radius:6px;margin-right:4px;padding:1px 7px;font-size:11px;display:inline-block}.calc .badge.own{color:var(--grass);border:1px solid var(--grass-deep);background:#8fd46029}.calc .badge.wild{color:var(--sky);background:#6fc7f221;border:1px solid #29566b}.calc .badge.egg{color:var(--egg);border:1px solid var(--egg-deep);background:#f59e0b21}.calc .treewrap{padding:24px 10px 30px;overflow-x:auto}.calc .tree,.calc .tree ul{justify-content:center;list-style:none;display:flex}.calc .tree ul{padding-top:24px;position:relative}.calc .tree ul:before{content:"";background:var(--line);width:2px;height:24px;position:absolute;top:0;left:calc(50% - 1px)}.calc .tree li{flex-direction:column;align-items:center;padding:24px 10px 0;display:flex;position:relative}.calc .tree li:before{content:"";background:var(--line);height:2px;position:absolute;top:0;left:0;right:0}.calc .tree li:first-child:before{left:50%}.calc .tree li:last-child:before{right:50%}.calc .tree li:only-child:before{display:none}.calc .tree li:after{content:"";background:var(--line);width:2px;height:24px;position:absolute;top:0;left:calc(50% - 1px)}.calc .tree>li{padding-top:0}.calc .tree>li:before,.calc .tree>li:after{display:none}.calc .node{background:var(--panel2);border:2px solid var(--line);text-align:center;z-index:1;border-radius:12px;min-width:150px;max-width:210px;padding:9px 13px;position:relative}.calc .node .nm{font-family:var(--font-d);font-size:16px}.calc .node .en{color:var(--ink3);font-size:10.5px}.calc .node.target{border-color:var(--egg2);box-shadow:0 0 0 3px #f59e0b2e, var(--shadow)}.calc .node.target .nm{color:var(--egg);font-size:19px}.calc .node.own{border-color:var(--grass-deep)}.calc .node.own .nm{color:var(--grass)}.calc .node.wild{border-color:#29566b}.calc .node.wild .nm{color:var(--sky)}.calc .node.clickable{cursor:pointer}.calc .node.clickable:hover{border-color:var(--sky)}.calc .node .tag{white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:10.5px;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.calc .tag.t-own{background:var(--grass-deep);color:#e7ffd6}.calc .tag.t-wild{color:#d8f1ff;background:#29566b}.calc .tag.t-egg{background:var(--egg-deep);color:#ffe9c2}.calc .node .ps{flex-wrap:wrap;justify-content:center;gap:3px;margin-top:6px;display:flex}.calc .node .p{border:1px solid var(--egg-deep);color:#ffd894;background:#f59e0b21;border-radius:6px;padding:0 6px;font-size:10.5px}.calc .node .p.junk{border-color:var(--line);color:var(--ink3);background:#ffffff0d}.calc .node .prob{color:var(--ink2);border-top:1.5px dashed var(--line);margin-top:7px;padding-top:5px;font-size:11px}.calc .node .prob b{color:var(--egg)}.calc .node .swap{color:var(--sky);margin-top:3px;font-size:10px}.calc .node .addown{color:var(--grass);cursor:pointer;border-top:1.5px dashed var(--line);margin-top:6px;padding-top:5px;font-size:10.5px}.calc .node .addown:hover{text-decoration:underline}.calc .node .addown.done{color:var(--ink3);cursor:default}.calc .node .addown.done:hover{text-decoration:none}.calc .pop{z-index:100;background:var(--panel2);border:2px solid var(--sky);border-radius:12px;flex-direction:column;width:270px;max-height:340px;display:flex;position:absolute;box-shadow:0 14px 34px #0009}.calc .pop .ph{border-bottom:2px solid var(--line);color:var(--sky);align-items:center;padding:8px 12px;font-size:12.5px;display:flex}.calc .pop .ph .xbtn{margin-left:auto}.calc .pop input{background:var(--bg2);border:1.5px solid var(--line);color:var(--ink);font:inherit;border-radius:8px;outline:none;margin:8px 10px 2px;padding:6px 10px;font-size:13px}.calc .pop .lst{padding:6px;overflow:auto}.calc .pop .opt{cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:6px 8px;font-size:13px;display:flex}.calc .pop .opt:hover{background:#6fc7f21f}.calc .pop .opt .sub{color:var(--ink3);margin-left:auto;font-size:10.5px}.calc .summary{color:var(--ink2);flex-wrap:wrap;gap:18px;padding:2px 6px 12px;font-size:13px;display:flex}.calc .summary b{color:var(--egg);font-family:var(--font-d);font-size:17px}.calc .combos table{border-collapse:collapse;width:100%;font-size:13px}.calc .combos td{border-bottom:1px solid var(--line);padding:5px 8px}.calc .combos td.ar{color:var(--ink3);text-align:center;width:30px}.calc .combos .own-mark{color:var(--grass);margin-left:5px;font-size:11px}.calc details.card summary{cursor:pointer;font-family:var(--font-d);color:var(--ink);align-items:center;gap:8px;padding:12px 16px;font-size:16px;list-style:none;display:flex}.calc details.card summary:before{content:"▸";color:var(--egg);transition:transform .15s}.calc details.card[open] summary:before{transform:rotate(90deg)}.calc .muted{color:var(--ink3)}.calc .empty-state{text-align:center;color:var(--ink3);padding:60px 20px}.calc .empty-state .big{filter:grayscale(.3);margin-bottom:12px;font-size:44px}.calc .fx{animation:.3s pop}@keyframes pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.calc .gwarn{color:var(--pink);margin-top:3px;font-size:10.5px}.calc .slot{background:var(--bg2);border:1.5px solid var(--line);border-radius:10px;align-items:center;gap:8px;margin-bottom:6px;padding:7px 11px;display:flex}.calc .slot .snm{font-family:var(--font-d);color:var(--egg);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.calc .slot .snm:hover{text-decoration:underline}.calc .slot .sinfo{color:var(--ink3);flex:none;font-size:11px}.calc .slot .xbtn{flex:none}