@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--backdrop: linear-gradient( 118deg, transparent 58%, rgba(255, 255, 255, .07) 58% 71%, transparent 71% ), linear-gradient( 62deg, transparent 18%, rgba(20, 30, 110, .12) 18% 30%, transparent 30% ), linear-gradient(135deg, #4d88e6 0%, #4d78df 45%, #4e5dba 100%);--page: #4e5dba;--frame: rgba(14, 22, 66, .18);--input-bg: #fff;--input-line: #868686;--bar: #222b45;--bar-text: #fff;--bar-muted: #b7c0d8;--panel: #f6f8f7;--panel-2: #e9ebea;--line: #d4d7d6;--text: #2b2b2b;--strong: #1f1f1f;--muted: #5c5c5c;--head-bg: linear-gradient(#2f3b5c, #222b45);--head-text: #fff;--accent: #2f50c4;--accent-soft: #dfe7fb;--tab-on: linear-gradient(#4a6be0, #3352c2);--tab-on-text: #fff;--shadow: 0 10px 28px rgba(16, 26, 90, .35);--pop-shadow: var(--shadow);--radius: 12px;--radius-sm: 6px;--mark: #ffe58a;--danger: #b42318;--s1: #2f50c4;--s2: #c0532b;--s3: #1f8a70;--s4: #8a5a00;--life: #b42318;--fur-line: #cbbba6;--pebble-1: #9aa1a8;--pebble-2: #7d848c;--pebble-3: #b9bec3;--zzz: #5c5c5c;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=dark]{--backdrop: linear-gradient(180deg, #1d2333 0, #121318 420px);--page: #121318;--frame: transparent;--input-bg: #121318;--input-line: #3a3b42;--bar: #0a0b12;--bar-text: #dee2e6;--bar-muted: #8b8f99;--panel: #1b1d22;--panel-2: #24262d;--line: #32333a;--text: #c3c3c3;--strong: #e8e8e9;--muted: #939499;--head-bg: transparent;--head-text: #c0a184;--accent: #58cfe1;--accent-soft: rgba(88, 207, 225, .1);--tab-on: #24262d;--tab-on-text: #f5f5f5;--shadow: none;--pop-shadow: 0 12px 32px rgba(0, 0, 0, .65);--radius: 0;--radius-sm: 0;--mark: rgba(232, 201, 119, .35);--danger: #ff8a80;--s1: #58cfe1;--s2: #e8a26b;--s3: #6fd3a5;--s4: #e8c977;--life: #ff8a80;--fur-line: #8f8473;--pebble-1: #6b717a;--pebble-2: #5a6069;--pebble-3: #858b93;--zzz: #939499;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--page);font:14px/1.45 Inter Variable,Inter,Segoe UI,system-ui,sans-serif;color:var(--text)}body:before{content:"";position:fixed;inset:0;z-index:-1;background:var(--backdrop)}img{display:block}button,input,select{font:inherit}.num{font-variant-numeric:tabular-nums}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.appbar :focus-visible{outline-color:#fff}.wrap{max-width:1360px;margin:0 auto;padding:16px}.app{background:var(--frame);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}:root[data-theme=dark] .app{border-radius:0;border:1px solid var(--line)}.app:has(.picker-pop,.tile:hover,.tile:focus-within),.panel:has(.picker-pop,.tile:hover,.tile:focus-within){overflow:visible}.appbar{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;padding:10px 16px;background:var(--bar);border-top-left-radius:inherit;border-top-right-radius:inherit;color:var(--bar-text)}.brand{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:800;letter-spacing:.02em}.appbar .sub{font-size:13px;color:var(--bar-muted)}.appbar .end{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.bench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:14px;padding:14px;align-items:start}.col{display:flex;flex-direction:column;gap:14px;min-width:0}.panel{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}:root[data-theme=dark] .panel{border:1px solid var(--line)}.panel-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:9px 14px;background:var(--head-bg);border-radius:var(--radius) var(--radius) 0 0;color:var(--head-text);font-size:13px;font-weight:700}.panel-h small{font-weight:500;font-size:12px;opacity:.8}:root[data-theme=dark] .panel-h{font-weight:500;font-size:14px;padding:12px 14px 8px;position:relative}:root[data-theme=dark] .panel-h:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:1px;background:linear-gradient(90deg,var(--input-line),var(--line) 60%,transparent)}:root[data-theme=dark] .panel-h small{color:var(--strong);opacity:1}.panel-b{padding:12px 14px 14px}.muted{margin:0;color:var(--muted);font-size:13px}.btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--input-line);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--strong);font-size:13px;cursor:pointer;white-space:nowrap}.btn.primary{background:var(--tab-on);color:var(--tab-on-text);border-color:transparent;font-weight:600}:root[data-theme=dark] .btn.primary{border-color:var(--accent);color:var(--accent)}.btn.ghost{border-style:dashed;background:transparent;color:var(--accent)}.picker{position:relative}.picker-pop{position:absolute;z-index:20;top:calc(100% + 6px);left:0;width:min(340px,calc(100vw - 32px));display:grid;grid-template-rows:auto minmax(0,1fr);max-height:min(420px,70vh);overflow:hidden;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--pop-shadow)}.picker-search{padding:10px;border-bottom:1px solid var(--line)}.picker-search input{width:100%;font-size:16px;color:var(--text);padding:7px 10px 7px 30px;border:1px solid var(--input-line);border-radius:var(--radius-sm);background:var(--input-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23888a90' stroke-width='2'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='m11 11 4 4'/%3E%3C/svg%3E") no-repeat 9px 50%}.picker-list{overflow-y:auto;overscroll-behavior:contain;padding:4px 0}.picker-opt{display:flex;gap:8px;align-items:center;padding:6px 12px;cursor:pointer}.picker-opt.current{font-weight:600;color:var(--accent)}.picker-group{padding:8px 12px 2px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.picker-opt.active{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.picker-opt .txt{flex:1;min-width:0;overflow-wrap:anywhere}.picker-opt .num{color:var(--muted)}.picker-pop mark{background:var(--mark);color:var(--text);border-radius:2px}.picker-empty{padding:18px 12px;color:var(--muted);text-align:center}.appbar .btn{background:#ffffff14;border-color:#ffffff40;color:var(--bar-text)}.seg{display:inline-flex;padding:3px;gap:2px;background:#00000040;border-radius:8px}.seg button{font-size:13px;padding:5px 12px;border:0;border-radius:6px;background:transparent;color:#dfe4f2;cursor:pointer}.seg button[aria-pressed=true]{background:#fff;color:#222b45;font-weight:600}.x{width:28px;height:28px;flex:none;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--muted);font-size:18px;line-height:1;cursor:pointer}.x:hover{background:var(--panel-2);color:var(--danger)}select,input[type=number]{min-width:0;padding:4px 8px;border:1px solid var(--input-line);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--strong)}input[type=number]{width:64px;text-align:right}input.lv{width:26px;padding:0;border-radius:4px;font-size:12px;font-weight:600;text-align:center;appearance:textfield}input.lv::-webkit-inner-spin-button,input.lv::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.scope-label{font-size:12px;font-weight:600;white-space:nowrap;color:var(--muted)}.scope-label.global{color:var(--accent)}.scope-label.tag{color:#17694f}.scope-label.named{color:#9a3f1d}:root[data-theme=dark] .scope-label.tag{color:var(--s3)}:root[data-theme=dark] .scope-label.named{color:var(--s2)}.skills{display:flex;flex-direction:column;gap:10px}.skill{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel)}.skill-top{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;padding:8px 10px}.icon,.gem,.picker-icon{flex:none;border-radius:50%}.icon{box-sizing:border-box;border:2px solid var(--c)}span.icon{display:grid;place-items:center;background:var(--c);color:#fff;font-weight:800;font-size:13px}:root[data-theme=dark] span.icon{color:#121318}span.gem,span.picker-icon{background:var(--panel-2)}.skill-name{flex:0 1 190px;min-width:140px;display:flex;flex-direction:column;gap:2px}.pick-name{display:flex;align-items:center;gap:8px;width:100%;max-width:260px;padding:4px 8px;border:1px solid var(--input-line);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--strong);font-weight:600;text-align:left;cursor:pointer}.pick-name .txt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick-name .caret{flex:none;width:6px;height:6px;margin:0 2px 3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}.skill-meta{display:flex;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.seal{margin-left:auto;text-align:right}.seal b{display:block;font-size:20px;font-weight:700;color:var(--strong);line-height:1.1}.seal span{font-size:12px;color:var(--muted)}.seal.life b{color:var(--danger)}.supports{flex:1 1 0;min-width:0;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.tile{position:relative;display:grid;justify-items:center;gap:2px;padding:2px;border-radius:var(--radius-sm)}.tile:hover,.tile:focus-within{background:var(--accent-soft)}.gem-wrap{position:relative;order:-1;display:grid}.tile .bonus{position:absolute;top:22px;right:-5px;padding:0 4px;border:1.5px solid var(--panel);border-radius:999px;background:var(--accent);color:var(--panel);font-size:10px;font-weight:700;line-height:13px}.tile .rm{position:absolute;top:-6px;right:-6px;display:none;width:18px;height:18px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--muted);font-size:12px;line-height:1;cursor:pointer}.tile:hover .rm,.tile:focus-within .rm{display:block}.tile .rm:hover{border-color:var(--danger);color:var(--danger)}.card{position:absolute;z-index:2;top:calc(100% + 4px);left:50%;display:none;width:max-content;max-width:240px;padding:6px 9px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);box-shadow:var(--pop-shadow);transform:translate(-50%);font-size:12px;color:var(--text)}.tile:hover .card,.tile:focus-within .card{display:block}.card b{display:block;font-size:13px;color:var(--strong)}.card span{display:block}.card .muted{font-size:inherit}.card .line{color:var(--accent);font-weight:500}.card .line.neg{color:var(--danger)}.add-sup{display:grid;place-items:center;width:32px;height:32px;margin:0 2px 20px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--accent);cursor:pointer}.add-sup:hover{background:var(--accent-soft)}.add-sup svg{width:28px;height:28px}.toggle{padding:0;border:0;background:none;color:var(--accent);font:inherit;font-weight:600;cursor:pointer}.toggle:before{content:"▸ "}.toggle[aria-expanded=true]:before{content:"▾ "}.bd{margin:0 10px 10px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--panel-2);font-size:13px}.bd[hidden]{display:none}.formula{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-bottom:6px;color:var(--strong);overflow-wrap:anywhere}.formula .term{display:inline-flex;flex-direction:column;align-items:center}.formula .term b{font-size:15px}.formula .term small{font-size:11px;color:var(--muted)}.formula .op{color:var(--muted)}.matched{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px}.matched li{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}.matched .v{width:48px;text-align:right;font-weight:600;color:var(--strong)}.matched .src{color:var(--muted);font-size:12px}.bd h4{margin:8px 0 4px;font-size:12px;font-weight:600;color:var(--muted)}.comp{display:flex;flex-direction:column;gap:6px}.comp-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 8px;border:1px solid var(--line);border-radius:var(--radius-sm)}.comp-row .scope{flex:1 1 200px;display:flex;align-items:center;gap:8px;min-width:0}.comp-row .src{min-width:0;color:var(--muted);font-size:12px}.bucket{display:inline-flex;border:1px solid var(--input-line);border-radius:var(--radius-sm);overflow:hidden}.bucket button{padding:3px 9px;border:0;background:var(--input-bg);color:var(--muted);font-size:12px;cursor:pointer}.bucket button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}.comp-add{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;padding:10px 9px 0;border-top:1px solid var(--line)}.comp:empty+.comp-add{margin-top:0;padding-top:0;border-top:0}.comp-add select{flex:0 1 220px}.pool+.pool{margin-top:16px}.pool-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:6px}.pool-h b{font-size:14px;color:var(--strong)}.pool-h .tot{font-size:20px;font-weight:700;color:var(--strong)}.pool-h .tot.over{color:var(--danger)}.bar{position:relative;display:flex;height:22px;border-radius:var(--radius-sm);background:var(--panel-2);border:1px solid var(--line);overflow:hidden}.bar span{height:100%;background:var(--c)}.bar span+span{box-shadow:inset 1px 0 0 var(--panel)}.bar .free{background:transparent}.bar .cap{position:absolute;top:-1px;bottom:-1px;width:0;border-left:2px dashed var(--danger)}.bar .over{position:absolute;top:0;bottom:0;right:0;background:repeating-linear-gradient(135deg,transparent 0 4px,rgba(180,35,24,.45) 4px 6px)}.legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 0;padding:0;list-style:none;font-size:12px}.legend li{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;flex:none;background:var(--c);border-radius:2px}.legend i.free{background:var(--panel-2);border:1px solid var(--input-line)}.legend b{color:var(--strong);font-weight:600}.stat{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;padding:6px 0;border-bottom:1px solid var(--line)}.stat b{font-size:18px;color:var(--strong)}.stat p{flex-basis:100%}.sub-h{margin:12px 0 6px;font-size:12px;font-weight:600;color:var(--muted)}.swap{display:flex;flex-direction:column;gap:4px}.swap li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:2px 8px;align-items:baseline;padding:4px 0;font-size:13px}.swap li i{width:10px;height:10px;background:var(--c);border-radius:2px;align-self:center}.swap li .n{color:var(--strong);font-weight:600;min-width:0;overflow-wrap:anywhere}.swap li .r{grid-column:2 / -1;color:var(--muted);font-size:12px}.ok{color:var(--s3);font-weight:600}:root:not([data-theme=dark]) .ok{color:#17694f}.bad{color:var(--danger);font-weight:600}ul.swap,ul.legend{margin:0;padding:0;list-style:none}.opt{display:flex;gap:10px;align-items:flex-start}.opt input{margin-top:3px;flex:none}.opt b{color:var(--strong);font-weight:600}.opt+.opt{margin-top:10px}.track{position:relative;padding-top:38px}.bar-pup{position:absolute;bottom:15px;width:58px;transform:translate(-50%);transition:left .5s ease}.verdict{display:flex;align-items:center;gap:12px}.verdict .stat{flex:1;min-width:0}.verdict .stat>span{flex:1 1 0;min-width:0}.verdict .pup{flex:none;width:64px}.empty-pup{width:180px;margin:4px auto 0}.screen{display:grid;justify-items:center;gap:8px;background:var(--panel);text-align:center}.screen .pup{width:200px}.brand .pup{width:34px;margin-block:-4px}.bar-pup .ground{display:none}.pup{display:block;overflow:visible;cursor:pointer;-webkit-tap-highlight-color:transparent}.pup .fur{transform-box:fill-box;transform-origin:50% 100%;animation:breathe 3.2s ease-in-out infinite}.pup[data-mood=sleep] .fur{animation-duration:4.8s}.pup .eyes-open{transform-box:fill-box;transform-origin:50% 50%;animation:blink 5.5s infinite}.pup .flip-wave{transform-box:view-box;transform-origin:88px 70px;animation:wave 1.4s ease-in-out infinite}.pup .sweat{animation:drip 1.8s ease-in infinite}.pup .zzz path{fill:none;stroke:var(--zzz);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;animation:float 3s ease-in-out infinite}.pup .zzz path:nth-child(2){animation-delay:.6s}.pup .zzz path:nth-child(3){animation-delay:1.2s}.bar-pup .ol{stroke-width:6px}.verdict .pup .ol,.brand .pup .ol{stroke-width:5px}.pup.boop{animation:boop .45s ease}@keyframes breathe{50%{transform:scale(1.01,1.03)}}@keyframes blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}@keyframes wave{0%,to{transform:rotate(-14deg)}50%{transform:rotate(12deg)}}@keyframes drip{0%{opacity:0;transform:translateY(-3px)}30%,70%{opacity:1}to{opacity:0;transform:translateY(6px)}}@keyframes float{0%{opacity:0;transform:translateY(4px)}40%{opacity:1}to{opacity:0;transform:translate(6px,-10px)}}@keyframes boop{30%{scale:1.12 .86}60%{scale:.95 1.06}}@media(prefers-reduced-motion:reduce){.pup,.pup *{animation:none!important}}@media(max-width:900px){.bench{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.skill-name{flex:1 1 0}.supports{position:relative;order:1;flex-basis:100%;padding-left:50px}.tile{position:static}.card{left:0;max-width:100%;transform:none}}@media(max-width:480px){.wrap{padding:10px}.bench{padding:10px;gap:10px}.panel-b{padding:10px}.skill-top .icon{display:none}.supports{padding-left:0}.appbar .end{margin-left:0}}
