/* ============================================================
   DARK TRIAD SHOP — CALCULATORS / UTILITIES GAMING PREMIUM
   Scope: body.dt-darktriad-page.dt-tools-page
   Does not alter other stores or non-tools routes.
   ============================================================ */

body.dt-darktriad-page.dt-tools-page {
    --dt-tool-cyan:#3ac9ff;
    --dt-tool-green:#54d98b;
    --dt-tool-panel:rgba(10,13,18,.94);
    --dt-tool-panel-2:rgba(14,18,25,.96);
    --dt-tool-border:rgba(255,255,255,.075);
    --dt-tool-border-hot:rgba(242,104,42,.34);
}

body.dt-tools-page .tbt-main,
body.dt-tools-page main { overflow: visible; }

.dt-tools {
    width:min(1412px, calc(100% - 28px));
    margin:14px auto 0;
    position:relative;
}

/* ---------- Cinematic calculator hero ---------- */
.dt-tools-hero {
    min-height:410px;
    position:relative;
    isolation:isolate;
    overflow:hidden;
    display:grid;
    grid-template-columns:minmax(0, .92fr) minmax(420px, 1.08fr);
    align-items:stretch;
    border:1px solid rgba(242,104,42,.42);
    background:
        linear-gradient(90deg, rgba(6,7,10,.99) 0%, rgba(7,9,13,.97) 44%, rgba(8,9,15,.80) 64%, rgba(8,9,14,.55) 100%);
    box-shadow:0 24px 80px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.025);
}
.dt-tools-hero::before {
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:-2;
    background:
        radial-gradient(circle at 76% 52%, rgba(122,53,232,.18), transparent 19rem),
        radial-gradient(circle at 83% 75%, rgba(242,104,42,.17), transparent 23rem),
        linear-gradient(rgba(255,255,255,.014) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.014) 1px, transparent 1px);
    background-size:auto,auto,46px 46px,46px 46px;
}
.dt-tools-hero::after {
    content:'';
    position:absolute;
    inset:auto 0 0;
    height:1px;
    background:linear-gradient(90deg, transparent, var(--dt-orange), var(--dt-gold), transparent);
    box-shadow:0 0 28px rgba(242,104,42,.28);
}

.dt-tools-hero__copy {
    padding:clamp(2.7rem, 5vw, 5.2rem) clamp(2rem, 4.3vw, 4.7rem);
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
    position:relative;
    z-index:3;
}
.dt-tools-hero__copy .dt-kicker { margin-bottom:1rem; }
.dt-tools-hero__title {
    margin:0;
    max-width:760px;
    font-family:var(--tbt-font-display);
    font-size:clamp(3.5rem, 6.2vw, 6.7rem);
    font-weight:400;
    line-height:.82;
    letter-spacing:.018em;
    text-transform:uppercase;
    color:#fff;
    text-wrap:balance;
}
.dt-tools-hero__title span { color:var(--dt-orange); }
.dt-tools-hero__lead {
    max-width:630px;
    margin:1.6rem 0 0;
    color:#aeb6c7;
    font-size:clamp(1rem, 1.25vw, 1.22rem);
    line-height:1.55;
}
.dt-tools-hero__badges {
    display:flex;
    flex-wrap:wrap;
    gap:.55rem;
    margin-top:1.65rem;
}
.dt-tools-hero__badges span {
    min-height:31px;
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    padding:.38rem .7rem;
    border:1px solid rgba(255,255,255,.08);
    border-radius:4px;
    background:rgba(13,16,23,.72);
    color:#aeb6c7;
    font-family:var(--tbt-font-mono);
    font-size:.62rem;
    letter-spacing:.07em;
    text-transform:uppercase;
}
.dt-tools-hero__badges span::before {
    content:''; width:5px; height:5px; border-radius:50%; background:var(--dt-orange); box-shadow:0 0 10px var(--dt-orange);
}

.dt-tools-hero__visual {
    min-height:410px;
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 50%, rgba(122,53,232,.16), transparent 45%),
        linear-gradient(130deg, rgba(255,255,255,.02), transparent 56%);
}
.dt-tools-hero__visual::before {
    content:'';
    position:absolute;
    width:520px;
    height:520px;
    border:1px solid rgba(210,166,53,.20);
    border-radius:50%;
    right:3%;
    top:50%;
    transform:translateY(-50%);
    box-shadow:0 0 0 46px rgba(122,53,232,.035),0 0 90px rgba(122,53,232,.12);
}
.dt-tools-hero__visual::after {
    content:'';
    position:absolute;
    inset:auto 0 0;
    height:42%;
    background:linear-gradient(to top, rgba(242,104,42,.11), transparent);
    clip-path:polygon(0 100%,10% 60%,17% 74%,27% 35%,33% 64%,42% 45%,52% 72%,60% 30%,68% 61%,77% 37%,84% 72%,93% 48%,100% 70%,100% 100%);
    opacity:.75;
}

/* Arcane calculator core */
.dt-tools-core {
    position:absolute;
    width:min(300px, 42%);
    aspect-ratio:1;
    right:16%;
    top:50%;
    transform:translateY(-50%);
    z-index:3;
    filter:drop-shadow(0 24px 42px rgba(0,0,0,.48));
}
.dt-tools-core__ring,
.dt-tools-core__ring::before,
.dt-tools-core__ring::after {
    position:absolute;
    inset:0;
    content:'';
    border-radius:50%;
    border:1px solid rgba(210,166,53,.34);
    animation:dt-tool-spin 26s linear infinite;
}
.dt-tools-core__ring::before { inset:12%; border-color:rgba(122,53,232,.38); animation-direction:reverse; animation-duration:18s; }
.dt-tools-core__ring::after { inset:24%; border-style:dashed; border-color:rgba(242,104,42,.46); animation-duration:12s; }
.dt-tools-core__gem {
    position:absolute;
    inset:30%;
    transform:rotate(45deg);
    border:2px solid rgba(255,255,255,.34);
    border-radius:16px 3px 16px 3px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.42), transparent 24%),
        linear-gradient(135deg, #a469ff 0%, #6420d2 48%, #270955 100%);
    box-shadow:0 0 28px rgba(122,53,232,.70),0 0 80px rgba(122,53,232,.40), inset 0 0 22px rgba(255,255,255,.18);
    animation:dt-tool-float 4.4s ease-in-out infinite;
}
.dt-tools-core__gem::before,
.dt-tools-core__gem::after { content:''; position:absolute; background:rgba(255,255,255,.24); }
.dt-tools-core__gem::before { width:1px; top:4%; bottom:4%; left:50%; }
.dt-tools-core__gem::after { height:1px; left:4%; right:4%; top:50%; }
.dt-tools-core--clock .dt-tools-core__gem { border-radius:50%; transform:none; background:radial-gradient(circle at 36% 30%,#ffd57a,#e26b20 38%,#5e1909 78%); }
.dt-tools-core--clock .dt-tools-core__gem::before { left:49%; top:18%; bottom:50%; transform-origin:bottom; transform:rotate(28deg); }
.dt-tools-core--clock .dt-tools-core__gem::after { width:26%; height:1px; left:50%; right:auto; top:50%; transform:rotate(-28deg); transform-origin:left; }
.dt-tools-core--blue .dt-tools-core__gem { background:linear-gradient(135deg,#8ce3ff,#2489d7 48%,#082d61); box-shadow:0 0 28px rgba(58,201,255,.62),0 0 80px rgba(58,201,255,.25); }
.dt-tools-core--gold .dt-tools-core__gem { background:linear-gradient(135deg,#ffe48a,#d2a635 48%,#6b4910); box-shadow:0 0 28px rgba(210,166,53,.62),0 0 80px rgba(210,166,53,.25); }

.dt-tools-orbit-item {
    position:absolute;
    z-index:4;
    width:68px;
    aspect-ratio:1;
    border:1px solid rgba(255,255,255,.10);
    border-radius:12px;
    display:grid;
    place-items:center;
    padding:8px;
    background:linear-gradient(160deg,rgba(24,28,38,.95),rgba(8,10,15,.94));
    box-shadow:0 12px 30px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.04);
    animation:dt-tool-float 4.6s ease-in-out infinite;
}
.dt-tools-orbit-item img { width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 5px 10px rgba(0,0,0,.5)); }
.dt-tools-orbit-item--1 { right:7%; top:16%; animation-delay:-.8s; }
.dt-tools-orbit-item--2 { right:47%; top:9%; width:58px; animation-delay:-2.1s; }
.dt-tools-orbit-item--3 { right:5%; bottom:14%; width:58px; animation-delay:-3.2s; }
.dt-tools-orbit-item--4 { right:48%; bottom:9%; width:64px; animation-delay:-1.4s; }
.dt-tools-orbit-item__label {
    position:absolute;
    inset:auto 50% -25px auto;
    transform:translateX(50%);
    white-space:nowrap;
    color:#747f95;
    font:600 .55rem/1 var(--tbt-font-mono);
    letter-spacing:.08em;
    text-transform:uppercase;
}

/* Commander art for troops */
.dt-tools-commander { position:absolute; right:12%; top:50%; width:310px; height:330px; transform:translateY(-48%); z-index:3; }
.dt-tools-commander__halo { position:absolute; width:300px; height:300px; border-radius:50%; left:5px; top:8px; background:radial-gradient(circle,rgba(242,104,42,.18),rgba(122,53,232,.09) 44%,transparent 69%); filter:blur(2px); }
.dt-tools-commander__head { position:absolute; left:112px; top:38px; width:88px; height:100px; border:1px solid rgba(122,53,232,.55); border-radius:46% 46% 38% 38%; background:linear-gradient(135deg,#232737,#0b0d12 70%); box-shadow:0 0 34px rgba(122,53,232,.22); }
.dt-tools-commander__head::before { content:''; position:absolute; width:18px; height:58px; left:34px; top:-35px; background:linear-gradient(#d2a635,#695115); clip-path:polygon(50% 0,100% 100%,50% 72%,0 100%); }
.dt-tools-commander__eyes { position:absolute; left:126px; top:84px; width:60px; height:8px; }
.dt-tools-commander__eyes::before,.dt-tools-commander__eyes::after { content:''; position:absolute; width:15px; height:6px; border-radius:50%; background:#a969ff; box-shadow:0 0 14px #7a35e8; animation:dt-tool-eye 2.8s ease-in-out infinite; }
.dt-tools-commander__eyes::after { right:0; }
.dt-tools-commander__torso { position:absolute; left:54px; top:130px; width:205px; height:165px; border:1px solid rgba(210,166,53,.35); border-radius:26% 26% 12% 12%; background:linear-gradient(160deg,#1c202b,#090b10 70%); clip-path:polygon(15% 0,85% 0,100% 24%,86% 100%,14% 100%,0 24%); }
.dt-tools-commander__torso::before { content:''; position:absolute; left:50%; top:16%; width:55px; height:55px; transform:translateX(-50%) rotate(45deg); border:2px solid #d2a635; background:#6324c4; box-shadow:0 0 22px rgba(122,53,232,.45); }
.dt-tools-commander__shoulder { position:absolute; top:135px; width:82px; height:92px; border:1px solid rgba(242,104,42,.30); background:#151923; clip-path:polygon(0 20%,60% 0,100% 25%,72% 100%,15% 78%); }
.dt-tools-commander__shoulder--l { left:4px; transform:scaleX(-1); }
.dt-tools-commander__shoulder--r { right:4px; }
.dt-tools-commander__blade { position:absolute; right:12px; top:35px; width:9px; height:270px; border-radius:5px; transform:rotate(8deg); background:linear-gradient(#fff7bc,#d2a635 45%,#5b430d); box-shadow:0 0 18px rgba(210,166,53,.35); }

/* ---------- Tools hub ---------- */
.dt-tools-hub { padding-bottom:2.2rem; }
.dt-tools-hub-grid {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:14px;
    margin:14px 0 0;
}
.dt-tools-hub-card {
    min-height:260px;
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    padding:1.35rem;
    border:1px solid var(--dt-tool-border);
    border-radius:10px;
    background:linear-gradient(155deg,rgba(20,24,33,.96),rgba(7,9,13,.97));
    color:#fff;
    text-decoration:none;
    box-shadow:0 16px 42px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.025);
    transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.dt-tools-hub-card::before { content:''; position:absolute; inset:0 0 auto; height:2px; background:linear-gradient(90deg,var(--card-accent,var(--dt-orange)),transparent 75%); }
.dt-tools-hub-card::after { content:''; position:absolute; width:180px; height:180px; right:-72px; top:-65px; border-radius:50%; background:var(--card-glow,rgba(242,104,42,.12)); filter:blur(12px); }
.dt-tools-hub-card:hover { transform:translateY(-6px); border-color:color-mix(in srgb,var(--card-accent,var(--dt-orange)) 45%,transparent); box-shadow:0 24px 54px rgba(0,0,0,.36),0 0 35px var(--card-glow,rgba(242,104,42,.09)); color:#fff; }
.dt-tools-hub-card__icon { width:52px; height:52px; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--card-accent,var(--dt-orange)) 55%,transparent); border-radius:10px; color:var(--card-accent,var(--dt-orange)); background:rgba(255,255,255,.025); margin-bottom:2.1rem; position:relative; z-index:2; }
.dt-tools-hub-card__icon svg { width:26px; height:26px; }
.dt-tools-hub-card h2 { margin:0; font:400 1.75rem/1 var(--tbt-font-display); letter-spacing:.04em; text-transform:uppercase; color:#fff; }
.dt-tools-hub-card p { margin:.7rem 0 1rem; color:#8f98aa; line-height:1.42; font-size:.94rem; }
.dt-tools-hub-card__go { margin-top:auto; color:var(--card-accent,var(--dt-orange)); font:700 .62rem/1 var(--tbt-font-mono); letter-spacing:.11em; text-transform:uppercase; }
.dt-tools-hub-card--gems { --card-accent:#a15df4; --card-glow:rgba(122,53,232,.14); }
.dt-tools-hub-card--build { --card-accent:#f2682a; --card-glow:rgba(242,104,42,.13); }
.dt-tools-hub-card--research { --card-accent:#3ac9ff; --card-glow:rgba(58,201,255,.12); }
.dt-tools-hub-card--speed { --card-accent:#d2a635; --card-glow:rgba(210,166,53,.12); }
.dt-tools-hub-card--troops { --card-accent:#54d98b; --card-glow:rgba(84,217,139,.10); }

.dt-tools-info-strip {
    margin:14px 0 0;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border:1px solid var(--dt-tool-border);
    background:#080a0e;
}
.dt-tools-info-strip > div { padding:1rem 1.2rem; display:flex; align-items:center; gap:.75rem; border-right:1px solid var(--dt-tool-border); }
.dt-tools-info-strip > div:last-child { border-right:0; }
.dt-tools-info-strip strong { color:#fff; font:400 1.45rem/1 var(--tbt-font-display); letter-spacing:.03em; }
.dt-tools-info-strip span { color:#737d90; font:.6rem/1.3 var(--tbt-font-mono); text-transform:uppercase; letter-spacing:.09em; }

/* ---------- Calculator switcher ---------- */
.dt-tools-switcher {
    display:flex;
    gap:.45rem;
    overflow-x:auto;
    padding:14px 0 4px;
    scrollbar-width:none;
}
.dt-tools-switcher::-webkit-scrollbar { display:none; }
.dt-tools-switcher a {
    flex:0 0 auto;
    min-height:38px;
    display:inline-flex;
    align-items:center;
    padding:.55rem .85rem;
    border:1px solid #292e39;
    border-radius:4px;
    background:#0a0d12;
    color:#8993a6;
    text-decoration:none;
    font:700 .63rem/1 var(--tbt-font-mono);
    text-transform:uppercase;
    letter-spacing:.07em;
    transition:.2s ease;
}
.dt-tools-switcher a:hover,.dt-tools-switcher a.is-active { color:#fff; border-color:rgba(242,104,42,.55); background:rgba(242,104,42,.09); }
.dt-tools-switcher a.is-active { box-shadow:inset 0 -2px var(--dt-orange); }

/* ---------- Shared workspace treatment ---------- */
body.dt-tools-page .tbt-section { padding:18px 0 34px; }
body.dt-tools-page .tbt-section > .tbt-wrap { max-width:1412px; }
body.dt-tools-page .gem-layout,
body.dt-tools-page .trp-layout,
body.dt-tools-page .lmt-layout { gap:14px; }

body.dt-tools-page .gem-panel,
body.dt-tools-page .trp-panel,
body.dt-tools-page .lmt-panel,
body.dt-tools-page .gem-wishlist-card,
body.dt-tools-page .trp-summary-card {
    border:1px solid var(--dt-tool-border-hot);
    border-radius:10px;
    background:
        linear-gradient(155deg,rgba(18,22,30,.97),rgba(7,9,13,.98));
    box-shadow:0 18px 48px rgba(0,0,0,.30), inset 0 1px rgba(255,255,255,.025);
}
body.dt-tools-page .gem-panel,
body.dt-tools-page .trp-panel { padding:1.1rem; }
body.dt-tools-page .gem-wishlist-card,
body.dt-tools-page .trp-summary-card,
body.dt-tools-page .lmt-summary { position:sticky; top:82px; }

/* Gems */
body.dt-gems-page .gem-layout { grid-template-columns:minmax(0,1fr) 330px; }
body.dt-gems-page .gem-tabs { gap:.38rem; margin-bottom:.9rem; }
body.dt-gems-page .gem-tab {
    min-height:38px;
    padding:.5rem .82rem;
    border:1px solid #2a2f3b;
    border-radius:4px;
    background:#0b0e14;
    color:#8791a4;
    font:700 .65rem/1 var(--tbt-font-mono);
    letter-spacing:.045em;
    text-transform:uppercase;
}
body.dt-gems-page .gem-tab:hover { color:#fff; border-color:rgba(122,53,232,.58); }
body.dt-gems-page .gem-tab.active { color:#fff; background:linear-gradient(135deg,#7a35e8,#9d5df1); border-color:#ad79f7; box-shadow:0 9px 22px rgba(122,53,232,.22); }
body.dt-gems-page .gem-table { border:1px solid #252a35; border-radius:8px; background:#080a0e; overflow:hidden; }
body.dt-gems-page .gem-table thead th { padding:.78rem .8rem; background:#0f1219; color:#788397; font:700 .62rem/1 var(--tbt-font-mono); letter-spacing:.08em; }
body.dt-gems-page .gem-table tbody tr { border-bottom-color:#1d222c; }
body.dt-gems-page .gem-table tbody tr:hover { background:rgba(122,53,232,.055); }
body.dt-gems-page .gem-img-cell img { width:44px; height:44px; border:1px solid #272c37; border-radius:8px; background:#10131a; padding:4px; box-shadow:0 7px 16px rgba(0,0,0,.30); }
body.dt-gems-page .gem-item-name { color:#e0e4ed; font-weight:600; }
body.dt-gems-page .gem-item-cost { color:#c08aff; font-family:var(--tbt-font-mono); font-size:.75rem; }
body.dt-gems-page .gem-qty,
body.dt-tools-page .gem-field-input,
body.dt-tools-page .lmt-search,
body.dt-tools-page .lmt-lvl-input,
body.dt-tools-page .lmt-qty-input,
body.dt-tools-page .lmt-grid-item__input,
body.dt-troops-page .trp-qty {
    border-color:#2d3340;
    border-radius:6px;
    background:#090c11;
    color:#f4f6fb;
    box-shadow:inset 0 1px rgba(255,255,255,.02);
}
body.dt-tools-page .gem-field-input:focus,
body.dt-tools-page .lmt-search:focus,
body.dt-tools-page .lmt-lvl-input:focus,
body.dt-tools-page .lmt-grid-item__input:focus,
body.dt-gems-page .gem-qty:focus,
body.dt-troops-page .trp-qty:focus { border-color:rgba(242,104,42,.72); box-shadow:0 0 0 3px rgba(242,104,42,.08); }
body.dt-gems-page .gem-wishlist-title,
body.dt-troops-page .trp-summary-title,
body.dt-tools-page .lmt-summary h3 { font:400 1.35rem/1 var(--tbt-font-display); text-transform:uppercase; letter-spacing:.045em; color:#fff; }
body.dt-tools-page .gem-total { background:linear-gradient(135deg,rgba(122,53,232,.12),rgba(242,104,42,.08)); border:1px solid rgba(122,53,232,.22); }
body.dt-tools-page .gem-total-num { color:#c589ff; font-family:var(--tbt-font-mono); }
body.dt-tools-page .gem-field-unit { background:linear-gradient(135deg,var(--dt-orange),#ff7d45); color:#fff; }
body.dt-tools-page .gem-vendedor { background:#0a0d12; border-color:#292f3a; border-radius:7px; }
body.dt-tools-page .gem-vendedor.active { color:#fff; background:rgba(242,104,42,.10); border-color:rgba(242,104,42,.58); box-shadow:0 8px 24px rgba(242,104,42,.09); }
body.dt-tools-page .gem-wa-btn { border-radius:5px; }

/* Troops */
body.dt-troops-page .trp-layout { grid-template-columns:minmax(0,1fr) 340px; }
body.dt-troops-page .trp-tab {
    border:1px solid #29303b;
    border-radius:4px;
    background:#0b0e14;
    color:#8993a6;
    font-weight:700;
}
body.dt-troops-page .trp-tab.active { background:linear-gradient(135deg,#1c7047,#2ea86b); border-color:#54d98b; color:#fff; box-shadow:0 10px 25px rgba(84,217,139,.13); }
body.dt-troops-page .trp-table { background:#080a0e; border-color:#252a35; border-radius:8px; }
body.dt-troops-page .trp-table thead th { background:#0f1219; color:#7b8497; }
body.dt-troops-page .trp-table tbody tr { border-bottom-color:#1e232d; }
body.dt-troops-page .trp-table tbody tr:hover { background:rgba(84,217,139,.04); }
body.dt-troops-page .trp-config-card { border-color:#2b303b; background:#0b0e13; border-radius:8px; }

/* LM tools */
body.dt-lmtool-page .lmt-layout { grid-template-columns:minmax(0,1fr) 350px; }
body.dt-lmtool-page .lmt-panel { padding:1rem; }
body.dt-lmtool-page .lmt-tab { border-radius:4px; background:#0a0d12; border-color:#2a303b; color:#8993a6; font:700 .64rem/1 var(--tbt-font-mono); letter-spacing:.05em; text-transform:uppercase; }
body.dt-lmtool-page .lmt-tab:hover { color:#fff; border-color:rgba(242,104,42,.58); }
body.dt-lmtool-page .lmt-tab.active { color:#fff; background:linear-gradient(135deg,var(--dt-orange),#ff7a43); border-color:#ff8a52; }
body.dt-lmtool-page .lmt-list { gap:.45rem; }
body.dt-lmtool-page .lmt-item,
body.dt-lmtool-page .lmt-grid-item { background:#090c11; border-color:#252b35; border-radius:8px; transition:border-color .18s ease,transform .18s ease,background .18s ease; }
body.dt-lmtool-page .lmt-item:hover,
body.dt-lmtool-page .lmt-grid-item:hover { transform:translateY(-1px); border-color:rgba(242,104,42,.34); background:#0c1017; }
body.dt-lmtool-page .lmt-item__thumb,
body.dt-lmtool-page .lmt-grid-item__thumb { border:1px solid #2b303a; background:#12161d; }
body.dt-lmtool-page .lmt-item__add { border-radius:4px; background:linear-gradient(135deg,var(--dt-orange),#ff7540); color:#fff; box-shadow:0 6px 16px rgba(242,104,42,.15); }
body.dt-lmtool-page .lmt-item__add.in-queue { background:#202631; color:#7e889a; box-shadow:none; }
body.dt-lmtool-page .lmt-res-row { border-bottom-color:#252a34; }
body.dt-lmtool-page .lmt-res-value { color:#ff8a52; font-family:var(--tbt-font-mono); font-size:.72rem; }
body.dt-lmtool-page .lmt-queue-row { background:#090c11; border:1px solid #222832; }
body.dt-lmtool-page .lmt-total-time { color:#f0bd4e; font-family:var(--tbt-font-mono); }
body.dt-lmtool-page .lmt-clear-btn { border-color:#2d323d; border-radius:5px; }

/* CTA */
.dt-tools-cta {
    margin:14px 0 0;
    min-height:150px;
    padding:1.6rem 1.8rem;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1.5rem;
    border:1px solid rgba(242,104,42,.28);
    background:
        radial-gradient(circle at 100% 50%,rgba(122,53,232,.13),transparent 25rem),
        linear-gradient(135deg,#100c0b,#0a0c12 60%);
}
.dt-tools-cta h2 { margin:0 0 .4rem; font:400 clamp(1.7rem,3vw,2.7rem)/1 var(--tbt-font-display); text-transform:uppercase; color:#fff; letter-spacing:.03em; }
.dt-tools-cta p { margin:0; color:#8f98aa; }
.dt-tools-cta__actions { display:flex; gap:.6rem; flex-wrap:wrap; justify-content:flex-end; }

@keyframes dt-tool-spin { to { transform:rotate(360deg); } }
@keyframes dt-tool-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} }
@keyframes dt-tool-eye { 0%,100%{opacity:.72} 50%{opacity:1;filter:brightness(1.4)} }

@media (max-width:1180px) {
    .dt-tools-hub-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .dt-tools-hero { grid-template-columns:1fr 46%; }
    .dt-tools-core { right:12%; width:250px; }
}

@media (max-width:900px) {
    .dt-tools { width:min(100% - 20px, 760px); }
    .dt-tools-hero { grid-template-columns:1fr; min-height:0; }
    .dt-tools-hero__copy { padding:2.5rem 1.5rem 1.7rem; }
    .dt-tools-hero__title { font-size:clamp(3.4rem,14vw,5.6rem); }
    .dt-tools-hero__visual { min-height:310px; }
    .dt-tools-core { width:225px; right:calc(50% - 112px); }
    .dt-tools-commander { right:calc(50% - 155px); transform:translateY(-47%) scale(.88); }
    .dt-tools-orbit-item--1 { right:8%; }
    .dt-tools-orbit-item--2 { right:auto; left:8%; }
    .dt-tools-orbit-item--3 { right:9%; }
    .dt-tools-orbit-item--4 { right:auto; left:9%; }
    .dt-tools-hub-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .dt-tools-info-strip { grid-template-columns:1fr; }
    .dt-tools-info-strip > div { border-right:0; border-bottom:1px solid var(--dt-tool-border); }
    .dt-tools-info-strip > div:last-child { border-bottom:0; }
    body.dt-tools-page .gem-wishlist-card,
    body.dt-tools-page .trp-summary-card,
    body.dt-tools-page .lmt-summary { position:static; }
    body.dt-gems-page .gem-layout,
    body.dt-troops-page .trp-layout,
    body.dt-lmtool-page .lmt-layout { grid-template-columns:1fr; }
}

@media (max-width:620px) {
    .dt-tools { width:calc(100% - 12px); margin-top:6px; }
    .dt-tools-hero { border-left-color:rgba(242,104,42,.25); border-right-color:rgba(242,104,42,.25); }
    .dt-tools-hero__copy { padding:2.1rem 1rem 1.4rem; }
    .dt-tools-hero__lead { font-size:.98rem; }
    .dt-tools-hero__badges { margin-top:1.2rem; }
    .dt-tools-hero__visual { min-height:270px; }
    .dt-tools-core { width:190px; right:calc(50% - 95px); }
    .dt-tools-orbit-item { width:54px; padding:6px; }
    .dt-tools-orbit-item--2,.dt-tools-orbit-item--3 { width:48px; }
    .dt-tools-commander { transform:translateY(-47%) scale(.76); }
    .dt-tools-hub-grid { grid-template-columns:1fr; gap:8px; }
    .dt-tools-hub-card { min-height:190px; }
    .dt-tools-hub-card__icon { margin-bottom:1.25rem; }
    .dt-tools-cta { align-items:flex-start; flex-direction:column; padding:1.25rem; }
    .dt-tools-cta__actions { width:100%; justify-content:flex-start; }
    .dt-tools-cta .dt-btn { flex:1 1 140px; }
    body.dt-tools-page .tbt-section { padding-top:10px; }
    body.dt-tools-page .gem-panel,
    body.dt-tools-page .trp-panel,
    body.dt-tools-page .lmt-panel { padding:.72rem; }
    body.dt-gems-page .gem-img-cell img { width:34px; height:34px; }
}

@media (prefers-reduced-motion:reduce) {
    .dt-tools-core__ring,.dt-tools-core__ring::before,.dt-tools-core__ring::after,
    .dt-tools-core__gem,.dt-tools-orbit-item,.dt-tools-commander__eyes::before,.dt-tools-commander__eyes::after { animation:none !important; }
}

/* v1.9.2 — static utilities hero with logo + particles (no mouse motion) */
body.dt-tools-page .dt-tools-hero__visual {
    background:
        radial-gradient(circle at 50% 48%, rgba(122,53,232,.20), transparent 28%),
        radial-gradient(circle at 62% 72%, rgba(242,104,42,.10), transparent 28%),
        linear-gradient(130deg, rgba(255,255,255,.02), transparent 56%),
        url('../images/logo-darktriad.png') center 58% / min(300px, 48%) auto no-repeat,
        linear-gradient(180deg, rgba(9,11,16,.25) 0%, rgba(8,10,15,.06) 100%);
}
body.dt-tools-page .dt-tools-hero__visual::before {
    width:520px;
    height:520px;
    right:3%;
    top:50%;
    transform:translateY(-50%);
    border:1px solid rgba(210,166,53,.18);
    box-shadow:
        0 0 0 48px rgba(122,53,232,.05),
        0 0 92px rgba(122,53,232,.10),
        inset 0 0 42px rgba(255,255,255,.02);
    background:
        radial-gradient(circle at center, rgba(122,53,232,.08), transparent 62%);
}
body.dt-tools-page .dt-tools-hero__visual::after {
    inset:0;
    height:auto;
    clip-path:none;
    opacity:1;
    background:
        radial-gradient(circle at 76% 20%, rgba(255,255,255,.85) 0 1.4px, transparent 1.5px),
        radial-gradient(circle at 61% 29%, rgba(122,53,232,.9) 0 2px, transparent 2.1px),
        radial-gradient(circle at 82% 32%, rgba(242,104,42,.9) 0 1.8px, transparent 1.9px),
        radial-gradient(circle at 68% 58%, rgba(255,255,255,.55) 0 1.3px, transparent 1.4px),
        radial-gradient(circle at 86% 62%, rgba(122,53,232,.75) 0 1.5px, transparent 1.6px),
        radial-gradient(circle at 74% 80%, rgba(242,104,42,.8) 0 1.6px, transparent 1.7px),
        linear-gradient(to top, rgba(242,104,42,.11), transparent 34%);
}
body.dt-tools-page .dt-tools-core,
body.dt-tools-page .dt-tools-orbit-item,
body.dt-tools-page .dt-tools-commander {
    display:none !important;
}
body.dt-tools-page .dt-tools-core__ring,
body.dt-tools-page .dt-tools-core__ring::before,
body.dt-tools-page .dt-tools-core__ring::after,
body.dt-tools-page .dt-tools-core__gem,
body.dt-tools-page .dt-tools-orbit-item,
body.dt-tools-page .dt-tools-commander__eyes::before,
body.dt-tools-page .dt-tools-commander__eyes::after {
    animation:none !important;
}
@media (max-width: 900px) {
    body.dt-tools-page .dt-tools-hero__visual {
        background:
            radial-gradient(circle at 50% 40%, rgba(122,53,232,.20), transparent 25%),
            radial-gradient(circle at 62% 72%, rgba(242,104,42,.10), transparent 28%),
            linear-gradient(130deg, rgba(255,255,255,.02), transparent 56%),
            url('../images/logo-darktriad.png') center 56% / min(240px, 58%) auto no-repeat,
            linear-gradient(180deg, rgba(9,11,16,.25) 0%, rgba(8,10,15,.06) 100%);
    }
    body.dt-tools-page .dt-tools-hero__visual::before {
        width:360px;
        height:360px;
        right:calc(50% - 180px);
    }
}
@media (max-width: 620px) {
    body.dt-tools-page .dt-tools-hero__visual {
        background:
            radial-gradient(circle at 50% 34%, rgba(122,53,232,.20), transparent 24%),
            radial-gradient(circle at 60% 72%, rgba(242,104,42,.10), transparent 26%),
            linear-gradient(130deg, rgba(255,255,255,.02), transparent 56%),
            url('../images/logo-darktriad.png') center 54% / min(190px, 62%) auto no-repeat,
            linear-gradient(180deg, rgba(9,11,16,.25) 0%, rgba(8,10,15,.06) 100%);
    }
    body.dt-tools-page .dt-tools-hero__visual::before {
        width:280px;
        height:280px;
        right:calc(50% - 140px);
    }
}