.tool-card{display:block;transition:border-color .2s,transform .2s}.tool-card:hover{border-color:var(--orange);transform:translateY(-3px)}.tool-card .tool-icon{display:block}.back{display:inline-block;margin-top:10px;color:var(--orange);font-size:13px}.embed-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.embed-note,.embed-credit{color:var(--muted);font-size:14px;line-height:1.6}.embed-credit a{color:var(--orange)}.tool-embed{display:block;width:100%;height:1000px;height:max(800px,85dvh);border:1px solid var(--line);background:#fff;border-radius:8px;margin:20px 0}@media(max-width:700px){.page-title{overflow-wrap:anywhere;font-size:40px}.tool-embed{height:85dvh;min-height:650px}.embed-toolbar .btn{flex:1;text-align:center}}

/* ===== ORCE native calculators ===== */
.calc{--c-panel:linear-gradient(145deg,#100f17,#0a0817 70%);--c-line:#28233a;--c-hit:#16112b;--c-gold:#a452ed;--c-gold-hi:#c07afc;display:grid;gap:18px;margin-bottom:40px;font-variant-numeric:tabular-nums}
.calc-loading{display:flex;gap:8px;padding:40px 0}.calc-loading span{width:10px;height:10px;border-radius:50%;background:var(--c-gold);animation:calcPulse 1s infinite alternate}.calc-loading span:nth-child(2){animation-delay:.2s}.calc-loading span:nth-child(3){animation-delay:.4s}@keyframes calcPulse{from{opacity:.2}to{opacity:1}}
.calc-panel,.calc-results{background:var(--c-panel);border:1px solid var(--c-line);border-radius:5px;padding:22px 24px}
.calc-results{background:linear-gradient(120deg,#110d23,#0d0c11 70%);border-color:#512478}
.calc-panel.is-off{opacity:.55}
.calc-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.calc-h{font-family:'Barlow Condensed',Impact,sans-serif;font-size:24px!important;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#e2dcf5;margin:0 0 14px}
.calc-panel-head .calc-h{margin:0}
.calc-sub{font-size:19px!important;margin:4px 0 10px;color:#bf84f3!important}
.calc-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:4px}
.calc-row.tight{grid-template-columns:1fr 1fr;margin-top:14px}
.calc-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.calc-field label{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:#b8a5c9;font-weight:600}
.calc-stepper{display:flex;align-items:stretch;border:1px solid #3c1f55;border-radius:4px;background:#070611;overflow:hidden;height:46px}
.calc-stepper:focus-within{border-color:var(--c-gold);box-shadow:0 0 0 3px #a452ed22}
.calc-stepper input{flex:1;min-width:0;width:100%;border:0;background:transparent;color:var(--text);font:600 18px Barlow,Arial,sans-serif;text-align:center;-moz-appearance:textfield;appearance:textfield}
.calc-stepper input::-webkit-inner-spin-button,.calc-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.calc-stepper input:focus{outline:none}
.calc .calc-step{flex:0 0 46px;background:#100f17;color:var(--c-gold);border:0;border-radius:0;padding:0;font-size:22px;line-height:1;cursor:pointer;transition:background .15s}
.calc .calc-step:hover:not(:disabled){background:#16112b}.calc .calc-step:disabled{opacity:.35;cursor:not-allowed}
.calc-step[data-step="-1"]{border-right:1px solid #211d30!important}.calc-step[data-step="1"]{border-left:1px solid #211d30!important}
.calc-select{height:46px;border:1px solid #3c1f55;border-radius:4px;background:#070611;color:var(--text);padding:0 12px;font-size:15px;width:100%;min-width:0}
.calc-select:focus{outline:none;border-color:var(--c-gold)}
.calc-toggle{display:inline-flex;align-items:center;gap:10px;margin-top:16px;cursor:pointer;color:#c8b8d5;font-size:14px;user-select:none}
.calc-panel-head .calc-toggle{margin-top:0}
.calc-toggle input{position:absolute;opacity:0;width:1px;height:1px}
.calc-switch{position:relative;width:40px;height:22px;border-radius:11px;background:#221f2c;border:1px solid #3c1f55;flex:0 0 auto;transition:background .2s}
.calc-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#8d877a;transition:transform .2s,background .2s}
.calc-toggle input:checked+.calc-switch{background:#3e0f67;border-color:var(--c-gold)}
.calc-toggle input:checked+.calc-switch:after{transform:translateX(18px);background:var(--c-gold-hi)}
.calc-toggle input:focus-visible+.calc-switch{box-shadow:0 0 0 3px #a452ed55}
.calc-toggle.inline{margin:0 0 12px}
.calc-hint{color:var(--muted);font-size:13.5px;line-height:1.6;margin:14px 0 0;max-width:760px}
.calc-result{display:flex;flex-direction:column;gap:4px;min-width:0;position:relative}
.calc-result-label{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:#c19fdf;font-weight:600}
.calc-result strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:40px;font-weight:700;line-height:1.05;color:var(--c-gold-hi);overflow-wrap:anywhere}
.calc-result.big strong{font-size:clamp(44px,6vw,64px)}
.calc-result small{color:var(--muted);font-size:13px}
.calc-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:22px}
.calc-result-grid .calc-result{padding-left:16px;border-left:2px solid #512478}
.calc-results .calc-h{font-size:20px!important}
.calc-icon{width:40px;height:40px;object-fit:contain;margin-bottom:4px}
.calc-empty{color:var(--muted);margin:0;font-size:14px}
.calc-details{border:1px solid var(--c-line);border-radius:5px;background:#090715}
.calc-details>summary{cursor:pointer;padding:16px 22px;font-weight:600;color:#bf84f3;list-style:none;display:flex;justify-content:space-between;align-items:center}
.calc-details>summary::-webkit-details-marker{display:none}
.calc-details>summary:after{content:"+";font-size:20px;color:var(--c-gold)}.calc-details[open]>summary:after{content:"−"}
.calc-details-body{padding:0 22px 22px}
.calc-panel .calc-details{margin-top:16px}
.calc-table-wrap{overflow:auto;border:1px solid var(--c-line);border-radius:4px;max-width:100%}
.calc-table-wrap.tall{max-height:420px}
.calc-table{width:100%;border-collapse:collapse;font-size:14px}
.calc-table th{position:sticky;top:0;background:#13111a;color:#c19fdf;font-size:11.5px;letter-spacing:1px;text-transform:uppercase;text-align:left;padding:10px 12px;border-bottom:1px solid #3c1f55;white-space:nowrap}
.calc-table td{padding:9px 12px;border-bottom:1px solid #1a1822;color:#c8b8d5;white-space:nowrap}
.calc-table .num{text-align:right}
.calc-table tr.is-hit td{background:var(--c-hit);color:#e2dcf5}
.calc-table tr.is-hit td:first-child{box-shadow:inset 3px 0 0 var(--c-gold)}
.calc-table tr.is-total td{font-weight:700;color:var(--c-gold-hi);border-top:1px solid #3c1f55}
.calc-table-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.calc-table-grid.two{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
.calc-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.calc-mark{display:inline-block;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;background:#3e0f67;color:#e2dcf5;padding:1px 6px;border-radius:2px}
.calc-credit{color:#8d877a;font-size:12.5px;margin:0}.calc-credit a{color:var(--c-gold)}
.calc-dialog{background:#0f0e12;color:var(--text);border:1px solid #512478;border-radius:6px;padding:26px;max-width:420px}
.calc-dialog::backdrop{background:#000a}.calc-dialog h2{font-size:28px!important;margin:0 0 10px}.calc-dialog p{color:var(--muted);line-height:1.6}
/* VS Points */
.vs-toolbar,.vs-mini{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.vs-spacer{flex:1}
.vs-hint{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-left:2px solid var(--c-gold);background:#100d18;padding:14px 18px;font-size:14px;color:#c8b3db}
.vs-hint[hidden],.vs-drawer[hidden]{display:none}
.vs-tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-top:14px}
.vs-tech{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #211d30;border-radius:4px;background:#080612;font-size:13.5px;color:#c8b8d5}
.vs-tech img{width:32px;height:32px;object-fit:contain;flex:0 0 auto}.vs-tech>span:nth-child(2){flex:1;line-height:1.3}
.vs-tech-in{display:flex;align-items:center;gap:4px;color:var(--muted)}
.vs-tech-in input,.vs-input input{width:64px;height:36px;border:1px solid #3c1f55;border-radius:3px;background:#05040d;color:var(--text);text-align:right;padding:0 8px;font:600 15px Barlow,Arial,sans-serif}
.vs-tech-in input:focus,.vs-input input:focus{outline:none;border-color:var(--c-gold);box-shadow:0 0 0 3px #a452ed22}
.vs-where{display:grid;grid-template-columns:1fr 220px;gap:18px;align-items:start;color:var(--muted);font-size:14px;line-height:1.6}.vs-where img{width:100%;height:auto;border-radius:4px;border:1px solid var(--c-line)}
.vs-tier-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;margin-top:14px}
.vs-tier{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border:1px solid #211d30;border-radius:4px;cursor:pointer;opacity:.45;font-weight:600;font-size:13px}
.vs-tier.on{opacity:1;border-color:var(--c-gold);background:#120f1e}.vs-tier input{position:absolute;opacity:0;width:1px;height:1px}.vs-tier:focus-within{box-shadow:0 0 0 3px #a452ed55}
.vs-tier img{width:40px;height:40px;object-fit:contain}
.vs-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.calc .vs-tab{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:12px 14px;background:#0a0817;border:1px solid var(--c-line);border-radius:4px;color:#c8b8d5;font-size:14px;cursor:pointer;min-height:76px}
.calc .vs-tab small{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}
.calc .vs-tab span{font-family:'Barlow Condensed',Impact,sans-serif;font-size:18px;font-weight:600;line-height:1.1}
.calc .vs-tab b{font-size:12px;color:var(--c-gold);font-weight:600;min-height:15px}
.calc .vs-tab.active{background:linear-gradient(140deg,#16112b,#0e0d14);border-color:var(--c-gold);color:#e2dcf5}
.calc .vs-tab:focus-visible{outline:2px solid var(--c-gold);outline-offset:2px}
.vs-day{padding:6px 0}
.vs-head,.vs-row{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1.1fr) 120px 110px;gap:14px;align-items:center;padding:12px 22px}
.vs-head{font-size:11.5px;letter-spacing:1px;text-transform:uppercase;color:#8d877a;border-bottom:1px solid var(--c-line)}
.vs-row{border-bottom:1px solid #1a1822}.vs-row.needs{box-shadow:inset 3px 0 0 #6aa9d4}
.vs-row.sub{padding:8px 22px 8px 74px;border-bottom:1px dashed #1a1822}
.vs-item{display:flex;align-items:flex-start;gap:12px;min-width:0}.vs-item>div{min-width:0}
.vs-item img{width:40px;height:40px;object-fit:contain;flex:0 0 auto}.vs-row.sub .vs-item{align-items:center;gap:8px;flex-wrap:wrap}.vs-row.sub .vs-item img{width:32px;height:32px}
.vs-item b{color:#e2dcf5;font-weight:600}.vs-item small{display:block;color:var(--muted);font-size:12.5px;line-height:1.4;margin-top:2px}
.vs-each{display:block;font-size:13px;color:#c8b8d5}.vs-each b{color:var(--c-gold-hi);font-size:15px}.vs-each s{color:#6f6a5f}
.vs-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 6px;border-radius:2px;background:#16112b;color:#b264f6;border:1px solid #3c1f55;margin-top:4px;white-space:nowrap}
.vs-chip img{width:14px;height:14px}.vs-chip.muted{background:#110d27;color:#8d877a;border-color:#211d30}.vs-chip.season{background:#1b1626;color:#c9b8ee;border-color:#3d3356}.vs-chip.info{background:#11202b;color:#9fcbe8;border-color:#24435a}
.vs-warn{font-size:12px;color:#ae52ff;margin-top:4px}
.vs-note{font-size:12.5px;color:var(--muted);margin-top:4px;max-width:520px;line-height:1.5}.vs-note summary{cursor:pointer;color:var(--c-gold);font-size:12px}
.vs-input{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.vs-input input{width:100%}.vs-input small{font-size:11px;color:var(--muted);min-height:13px}
.vs-rt{font-weight:700;color:#e2dcf5;text-align:right}.vs-rt .muted{color:#4b4740;font-weight:400}
.vs-group{border-bottom:1px solid #1a1822}
.vs-group-head{display:flex;align-items:center;gap:12px;padding:14px 22px 8px}.vs-group-head img{width:40px;height:40px;object-fit:contain}.vs-group-head b{color:#e2dcf5}.vs-group-head small{display:block;color:var(--muted);font-size:12.5px}.vs-group-head .vs-chip{margin-top:0}
.vs-group-total{margin-left:auto;color:var(--c-gold);font-weight:600;font-size:14px}
.vs-total{position:sticky;bottom:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;background:linear-gradient(120deg,#16112b,#0c0b12);border:1px solid #512478;border-radius:5px;box-shadow:0 -10px 30px #000a}
.vs-total span{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:#c19fdf;font-weight:600}
.vs-total strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:36px;color:var(--c-gold-hi);line-height:1}
@media(max-width:900px){.vs-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.vs-where{grid-template-columns:1fr}.vs-where img{max-width:260px}}
@media(max-width:700px){
 .calc-panel,.calc-results{padding:18px 16px}.calc-details>summary{padding:14px 16px}.calc-details-body{padding:0 16px 16px}
 .calc-row.tight{grid-template-columns:1fr 1fr;gap:10px}.calc .calc-step{flex-basis:40px}
 .calc-result strong{font-size:34px}
 .vs-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.calc .vs-tab{flex:0 0 46%;scroll-snap-align:start}
 .vs-head{display:none}
 .vs-row{grid-template-columns:1fr 110px;grid-template-areas:"item item" "each input" "each total";gap:6px 12px;padding:14px 16px}
 .vs-row>.vs-item{grid-area:item}.vs-row>:nth-child(2){grid-area:each}.vs-row>.vs-input{grid-area:input}.vs-row>.vs-rt{grid-area:total}
 .vs-row.sub{padding:10px 16px 10px 24px}
 .vs-group-head{padding:14px 16px 6px;flex-wrap:wrap}
 .vs-toolbar .btn{flex:1 1 40%;text-align:center}.vs-spacer{display:none}
 .vs-total{padding:12px 16px}.vs-total strong{font-size:30px}
 .calc-table-grid,.calc-table-grid.two{grid-template-columns:minmax(0,1fr)}
}
.calc-table-grid.wide{grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr))}
.calc-table-grid>div{min-width:0}
.calc>*,.calc-type-grid>*{min-width:0}
@media(max-width:700px){.calc-table th,.calc-table td{padding:8px 9px}}
.calc-label{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:#b8a5c9;font-weight:600}
.calc-seg{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.calc .calc-seg button{height:40px;padding:0 16px;background:#070611;border:1px solid #3c1f55;border-radius:4px;color:#c8b8d5;font:600 14px Barlow,Arial,sans-serif;cursor:pointer}
.calc .calc-seg button:hover{border-color:var(--c-gold)}
.calc .calc-seg button.active{background:#3e0f67;border-color:var(--c-gold);color:#e9e4f7}
.calc .calc-seg button:focus-visible{outline:2px solid var(--c-gold);outline-offset:2px}
.ar-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr)}
.ar-break{margin-top:20px}.ar-ok{color:#b882e8}
.ar-tp{max-width:280px;margin-bottom:14px}
.dp-filter{max-width:520px;margin:0 0 14px}
.dp-unlock-h{margin-top:22px!important}
.dp-unlocks{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.dp-unlocks li{display:flex;gap:12px;align-items:baseline;padding:8px 12px;border-left:2px solid #512478;background:#0c0b0f;font-size:14px;color:#c8b8d5}
.dp-unlocks li b{color:var(--c-gold-hi);min-width:72px}.dp-unlocks li.skill{border-left-color:#6aa9d4}.dp-unlocks li.skin{border-left-color:#c9b8ee}
@media(max-width:900px){.ar-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:700px){.calc .calc-seg button{flex:1 1 30%;padding:0 8px}}