:root{--arachne-violet:#b067c7;--arachne-pink:#d47ab4;--arachne-green:#78bd82;--arachne-red:#d76b69;--arachne-gold:#dbb655;--arachne-line:#3b3042;--arachne-muted:#aaa1ae}
.arachne-page{min-height:100vh;background:#0a0d12 radial-gradient(circle at 50% 0,rgba(91,44,103,.28),transparent 43%);color:#f2eef3}.arachne-page .navbar{position:sticky;top:0;z-index:1000;background:rgba(8,10,15,.96);backdrop-filter:blur(12px)}
.arachne-main{max-width:1380px;margin:auto;padding:24px 28px 70px}.arachne-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:18px;color:#877d8b;font-size:.73rem}.arachne-breadcrumb a{color:#b3a9b7;text-decoration:none}.arachne-breadcrumb i{font-size:.55rem}
.arachne-hero{display:grid;grid-template-columns:minmax(0,1fr) 285px;align-items:end;gap:35px;padding:30px 0 38px}.arachne-kicker{margin:0 0 10px;color:var(--arachne-pink);font-size:.73rem;font-weight:800;letter-spacing:.2em}.arachne-hero h1{margin:0;color:#fff;font-size:clamp(2.7rem,6vw,5.5rem);line-height:.93;text-shadow:0 0 35px rgba(176,103,199,.2)}.arachne-hero>div>p:not(.arachne-kicker){max-width:790px;margin:17px 0;color:var(--arachne-muted);font-size:1rem;line-height:1.7}.arachne-stats{display:flex;flex-wrap:wrap;gap:8px}.arachne-stats span{padding:7px 10px;border:1px solid #45374a;border-radius:999px;color:#c7bdca;background:#15131b;font-size:.7rem}.arachne-stats strong{margin-right:3px;color:#e2b5eb}
.arachne-countdown{padding:19px;border:1px solid rgba(176,103,199,.45);border-radius:13px;background:linear-gradient(145deg,#25182a,#121219);box-shadow:0 15px 38px rgba(0,0,0,.32)}.arachne-countdown>span,.arachne-countdown small{display:block;color:#a097a5;font-size:.73rem}.arachne-countdown strong{display:block;margin:6px 0;color:#df9ce7;font-size:1.45rem}.arachne-countdown a{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:14px;padding:9px;border-radius:7px;color:#fff;background:linear-gradient(#a65cb8,#733b80);font-size:.74rem;font-weight:800;text-decoration:none}
.arachne-section,.march-section,.chests-section,.arachne-tips{margin-top:35px}.section-heading{margin-bottom:17px}.section-heading p{margin:0 0 5px;color:var(--arachne-pink);font-size:.67rem;font-weight:800;letter-spacing:.2em}.section-heading h2{margin:0;color:#fff;font-size:clamp(1.55rem,3vw,2.3rem)}
.captain-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.captain-group{padding:20px;border:1px solid var(--arachne-line);border-radius:12px;background:linear-gradient(150deg,#191923,#101117)}.captain-group header{display:flex;align-items:center;gap:12px}.captain-group header>i{display:grid;place-items:center;width:45px;height:45px;border-radius:10px;color:#e6b5ea;background:#302038;font-size:1.2rem}.captain-group header span{color:var(--arachne-pink);font-size:.59rem;font-weight:800;letter-spacing:.16em}.captain-group h3{margin:2px 0 0;color:#fff;font-size:1.15rem}.captain-group>p{color:#a29aa7;font-size:.77rem}.captain-group ol{display:grid;gap:7px;margin:14px 0 0;padding:0;list-style:none}.captain-group li{display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:9px;padding:8px 10px;border:1px solid #332d39;border-radius:8px;background:#0d0f14}.captain-group li b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#1c121f;background:#ba7cc7;font-size:.65rem}.captain-group li strong{color:#eae6ec;font-size:.8rem}.captain-group li small{color:#8f8793;font-size:.67rem}
.unit-recommendations{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.unit-card{padding:18px;border:1px solid var(--arachne-line);border-radius:11px;background:#12141b}.unit-card>i{font-size:1.4rem}.unit-card h3{margin:10px 0 4px;color:#fff}.unit-card>strong{font-size:.69rem;text-transform:uppercase;letter-spacing:.1em}.unit-card p{color:#9e96a2;font-size:.75rem;line-height:1.55}.unit-card.best>i,.unit-card.best>strong{color:var(--arachne-green)}.unit-card.good>i,.unit-card.good>strong{color:var(--arachne-gold)}.unit-card.bad>i,.unit-card.bad>strong{color:var(--arachne-red)}.kill-warning{display:flex;gap:14px;margin-top:13px;padding:15px 17px;border:1px solid rgba(215,107,105,.38);border-radius:10px;background:rgba(128,38,40,.12)}.kill-warning>i{color:var(--arachne-red);font-size:1.2rem}.kill-warning strong{color:#eda7a5}.kill-warning p{margin:4px 0 0;color:#a59da7;font-size:.75rem}
.chest-summary{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:15px;padding:16px;border:1px solid var(--arachne-line);border-radius:11px;background:#11131a}.chest-summary>div{display:flex;align-items:center;gap:10px}.chest-summary>div>i{color:var(--arachne-pink);font-size:1.25rem}.chest-summary span{color:#928a96;font-size:.7rem}.chest-summary strong{display:block;color:#fff;font-size:.83rem}.chest-summary>.fa-arrow-right{color:#5e5662}
.chest-table-wrap{max-height:560px;overflow:auto;border:1px solid var(--arachne-line);border-radius:12px;background:#101219;scrollbar-color:#9654a6 #11131a}.chest-table{width:100%;border-collapse:collapse;min-width:560px}.chest-table th,.chest-table td{padding:11px 15px;border-bottom:1px solid #302a35;text-align:left}.chest-table th{position:sticky;top:0;z-index:2;color:#d89cde;background:#1d1721;font-size:.68rem;letter-spacing:.1em}.chest-table td{color:#b6adb9;font-size:.77rem}.chest-table td:nth-child(odd){color:#fff;font-weight:800}.chest-table tr:last-child td{border-bottom:0}
.tips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.tips-grid>div{display:flex;gap:12px;padding:15px;border:1px solid var(--arachne-line);border-radius:10px;background:#11141a}.tips-grid>div>i{display:grid;place-items:center;flex:0 0 39px;height:39px;border-radius:9px;color:#dda2e3;background:#2d2033}.tips-grid span{color:#9d96a1;font-size:.75rem;line-height:1.5}.tips-grid strong{display:block;margin-bottom:3px;color:#fff}
.arachne-source{display:flex;gap:13px;margin-top:27px;padding:16px 18px;border:1px solid rgba(176,103,199,.25);border-radius:10px;color:#a29aa5;background:rgba(176,103,199,.055)}.arachne-source>i{margin-top:3px;color:var(--arachne-violet)}.arachne-source strong{color:#d9b5df}.arachne-source p{margin:4px 0;font-size:.75rem;line-height:1.55}
@media(max-width:850px){.arachne-page .navbar{position:static}.arachne-main{padding:20px 14px 50px}.arachne-hero{grid-template-columns:1fr}.captain-layout{grid-template-columns:1fr}.unit-recommendations{grid-template-columns:1fr 1fr}.chest-summary{align-items:stretch;flex-direction:column}.chest-summary>.fa-arrow-right{transform:rotate(90deg);align-self:center}}
@media(max-width:560px){.arachne-hero{padding-top:15px}.arachne-stats{display:grid}.arachne-stats span{text-align:center}.unit-recommendations,.tips-grid{grid-template-columns:1fr}.kill-warning{align-items:flex-start}.arachne-countdown{width:100%}.captain-group{padding:16px}.chest-table th,.chest-table td{padding:9px 10px}}