.drw-affinity-level{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .22s cubic-bezier(.2,.8,.25,1),filter .22s ease}
.drw-affinity-level:active{transform:scale(.975);filter:brightness(1.11)}
.affinity-guide-overlay{position:fixed;inset:0;z-index:10020;background:rgba(15,5,38,0);pointer-events:none;transition:background .32s ease;overflow:hidden}
.affinity-guide-overlay.is-open{background:rgba(15,5,38,.5);pointer-events:auto}
.affinity-guide-sheet{position:absolute;top:0;right:0;bottom:0;width:min(430px,92vw);display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(160deg,#f8f4ff 0%,#eee7ff 46%,#f7edff 100%);color:#2b1947;box-shadow:-22px 0 70px rgba(25,5,56,.32);transform:translate3d(108%,0,0) scale(.975);transform-origin:right center;will-change:transform;transition:transform .46s cubic-bezier(.22,.86,.24,1)}
.affinity-guide-overlay.is-open .affinity-guide-sheet{transform:translate3d(0,0,0) scale(1)}
.ag-head{position:relative;flex:0 0 auto;padding:20px 20px 18px;color:#fff;overflow:hidden;background:radial-gradient(circle at 83% 5%,rgba(236,194,102,.4),transparent 31%),linear-gradient(125deg,#150632,#3f1673 58%,#1e0946)}
.ag-head::after{content:'☯';position:absolute;right:-12px;bottom:-39px;font-size:142px;line-height:1;color:rgba(255,255,255,.08);transform:rotate(-13deg)}
.ag-close{position:relative;z-index:2;width:38px;height:38px;border:1px solid rgba(255,255,255,.36);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:25px;line-height:34px;cursor:pointer;transition:transform .18s ease,background .18s ease}.ag-close:active{transform:scale(.9);background:rgba(255,255,255,.2)}
.ag-kicker{position:relative;z-index:1;margin:13px 0 2px;color:#e9c97d;font-size:10px;font-weight:800;letter-spacing:.23em}.ag-title{position:relative;z-index:1;font-family:'Noto Serif SC',serif;font-size:25px;font-weight:900;letter-spacing:.12em}.ag-sub{position:relative;z-index:1;margin-top:5px;color:rgba(255,255,255,.75);font-size:12px;letter-spacing:.04em}
.ag-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 16px 102px}.ag-scroll::-webkit-scrollbar{width:0}
.ag-current{position:relative;overflow:hidden;border:1px solid rgba(126,75,192,.2);border-radius:18px;padding:14px 15px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(244,235,255,.78));box-shadow:0 9px 25px rgba(84,35,142,.1)}.ag-current::after{content:'';position:absolute;width:120px;height:120px;right:-52px;top:-58px;border:16px solid rgba(215,174,78,.14);border-radius:50%}
.ag-current-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px}.ag-current-label{font-size:11px;font-weight:800;color:#7653aa;letter-spacing:.1em}.ag-current-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 10px;background:#2d125a;color:#fff;font-family:'Noto Serif SC',serif;font-size:13px;font-weight:900}.ag-current-meta{position:relative;z-index:1;margin-top:9px;color:#69587f;font-size:12px;line-height:1.65}.ag-current-meta strong{color:#4d2784}
.ag-section-title{display:flex;align-items:center;gap:8px;margin:19px 2px 10px;color:#45216f;font-family:'Noto Serif SC',serif;font-size:15px;font-weight:900}.ag-section-title::after{content:'';height:1px;flex:1;background:linear-gradient(90deg,rgba(96,45,154,.26),transparent)}
.ag-tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ag-tier{position:relative;overflow:hidden;min-height:138px;padding:13px 12px 12px;border:1px solid rgba(107,57,164,.15);border-radius:16px;background:rgba(255,255,255,.79);box-shadow:0 6px 16px rgba(72,27,121,.07)}.ag-tier.gold{grid-column:span 2;min-height:112px}.ag-tier::before{content:'';position:absolute;inset:0 0 auto;height:3px;background:var(--tier-line,#89909a)}.ag-tier.iron{--tier-line:#69707b}.ag-tier.copper{--tier-line:#b96f3d}.ag-tier.silver{--tier-line:#a3abba}.ag-tier.gold{--tier-line:#d99d19;background:linear-gradient(125deg,rgba(255,250,225,.94),rgba(255,241,188,.78))}.ag-tier-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.ag-tier-name{font-family:'Noto Serif SC',serif;font-weight:900;font-size:15px}.ag-tier-metal{font-size:10px;color:#745889;font-weight:800}.ag-tier-cost{margin-top:10px;font-size:15px;font-weight:900;color:#502589}.ag-tier-cost b{font-size:20px;color:#b1770f;text-shadow:0 1px rgba(255,255,255,.7)}.ag-tier-rule{margin-top:8px;font-size:11px;color:#675777;line-height:1.55}.ag-tier-cats{display:block;margin-top:6px;color:#543585;font-size:10px;line-height:1.5}
.ag-cycle{border-radius:15px;padding:13px 14px;background:linear-gradient(130deg,#32105f,#5a278f);color:#fff;box-shadow:0 9px 21px rgba(57,16,105,.19)}.ag-cycle-title{color:#f1d681;font-family:'Noto Serif SC',serif;font-size:14px;font-weight:900}.ag-cycle p{margin:7px 0 0;color:rgba(255,255,255,.84);font-size:11.5px;line-height:1.7}.ag-offers{margin-top:10px;color:#613b90;font-size:11px;line-height:1.65}
.ag-bottom{position:absolute;right:0;bottom:0;left:0;padding:12px 16px max(14px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(248,244,255,.15),rgba(248,244,255,.96) 32%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.ag-upgrade{width:100%;height:48px;border:0;border-radius:15px;cursor:pointer;color:#fff;font-family:'Noto Serif SC',serif;font-size:16px;font-weight:900;letter-spacing:.12em;background:linear-gradient(135deg,#8b54d2,#4c1685 55%,#2a0c58);box-shadow:0 8px 18px rgba(71,22,130,.31),inset 0 1px rgba(255,255,255,.28);transition:transform .2s cubic-bezier(.2,.8,.25,1),filter .2s ease}.ag-upgrade:active{transform:scale(.975);filter:brightness(1.1)}
.ag-current{padding:15px}.ag-stat-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:12px}.ag-stat{padding:9px 6px;border-radius:11px;background:rgba(83,35,139,.06);text-align:center}.ag-stat span{display:block;font-size:10px;color:#80679f}.ag-stat b{display:block;margin-top:3px;color:#45216f;font-size:15px;font-weight:900}.ag-unlocks{position:relative;z-index:1;margin-top:11px;padding-top:10px;border-top:1px dashed rgba(105,66,147,.22);font-size:11px;line-height:1.7;color:#604782}.ag-unlocks b{color:#43206f}.ag-callout{position:relative;z-index:1;margin-top:11px;border-radius:11px;padding:10px 11px;background:linear-gradient(130deg,rgba(89,32,151,.1),rgba(223,183,73,.15));color:#542982;font-size:12px;font-weight:800;line-height:1.55}
.ag-tier-grid{display:flex;flex-direction:column;gap:9px}.ag-tier,.ag-tier.gold{min-height:106px;padding:13px 14px}.ag-tier-name{font-size:16px}.ag-tier-metal{font-size:11px}.ag-tier-cost{margin-top:8px;font-size:14px}.ag-tier-cost b{font-size:19px}.ag-tier-rule{margin-top:6px;font-size:12px}.ag-tier-cats{margin-top:5px;font-size:11px;line-height:1.55}
.drw-affinity-level[data-state="loading"]{--dal-bg:linear-gradient(135deg,#51307c,#281147 62%,#6d3fa4);--dal-edge:#bca6d9;--dal-ink:#fff;animation:agBadgeWait 1.15s ease-in-out infinite}.drw-affinity-level[data-state="loading"]::after{display:none}@keyframes agBadgeWait{50%{filter:brightness(1.16);transform:scale(1.012)}}
.ag-tier{isolation:isolate;border-width:1px;border-style:solid}.ag-tier::after{content:'';position:absolute;z-index:-1;top:-75%;bottom:-75%;left:-38%;width:17%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:agMetalShine 5.4s ease-in-out infinite}.ag-tier.iron{background:linear-gradient(135deg,#edf0f3,#8e969f 42%,#dce1e6 68%,#69717c);border-color:#c5cbd2;color:#222c37;box-shadow:inset 0 1px rgba(255,255,255,.85),inset 0 -3px rgba(38,46,56,.2),0 7px 17px rgba(44,51,61,.15)}.ag-tier.copper{background:linear-gradient(135deg,#ffe2bd,#ad6037 42%,#eab17b 70%,#814122);border-color:#ffd2a1;color:#32180e;box-shadow:inset 0 1px rgba(255,255,255,.75),inset 0 -3px rgba(92,42,17,.22),0 7px 17px rgba(109,55,24,.17)}.ag-tier.silver{background:linear-gradient(135deg,#fff,#aeb8c7 42%,#eaf0f7 68%,#778291);border-color:#fff;color:#26313e;box-shadow:inset 0 1px rgba(255,255,255,.95),inset 0 -3px rgba(55,65,78,.2),0 7px 17px rgba(62,72,88,.16)}.ag-tier.gold{background:linear-gradient(135deg,#fff9c9,#c48613 42%,#f6d66e 68%,#936005);border-color:#ffe99a;color:#4a2d00;box-shadow:inset 0 1px rgba(255,255,255,.9),inset 0 -3px rgba(99,60,0,.23),0 8px 19px rgba(177,119,8,.25)}.ag-tier.iron .ag-tier-metal,.ag-tier.iron .ag-tier-cost,.ag-tier.iron .ag-tier-rule,.ag-tier.iron .ag-tier-cats,.ag-tier.silver .ag-tier-metal,.ag-tier.silver .ag-tier-cost,.ag-tier.silver .ag-tier-rule,.ag-tier.silver .ag-tier-cats{color:#26313e}.ag-tier.copper .ag-tier-metal,.ag-tier.copper .ag-tier-cost,.ag-tier.copper .ag-tier-rule,.ag-tier.copper .ag-tier-cats{color:#40200f}.ag-tier.gold .ag-tier-metal,.ag-tier.gold .ag-tier-cost,.ag-tier.gold .ag-tier-rule,.ag-tier.gold .ag-tier-cats{color:#573400}.ag-tier .ag-tier-cost b{color:inherit;text-shadow:0 1px rgba(255,255,255,.5)}@keyframes agMetalShine{0%,66%{left:-38%;opacity:0}70%{opacity:.85}86%{left:123%;opacity:.45}87%,100%{left:123%;opacity:0}}
@media (prefers-reduced-motion:reduce){.affinity-guide-overlay,.affinity-guide-sheet{transition:none!important}}