/* Northglow: layered forest glass, original heraldic marks and rarity accents. */
.shop-notice{display:flex;gap:18px;align-items:center;padding:21px 25px;background:linear-gradient(110deg,#2e2947df,#142c30eb);border:1px solid #ac8ae545;border-radius:20px;margin:0 0 28px}.shop-notice p{color:#b5c4c9;margin:4px 0 0;font-size:13px}.shop-notice strong{font-size:15px}.shop-spark{font-size:32px;color:var(--violet)}
.rank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.rank-card{position:relative;min-width:0;overflow:hidden;border-radius:22px;background:#14232aef;border:1px solid color-mix(in srgb,var(--rank) 32%,#273941);box-shadow:0 18px 45px #0002}.rank-art{height:142px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;background:linear-gradient(0deg,#14232a,transparent),linear-gradient(115deg,#14232ad9,#14232a55),url('/site/witchwood-background.png') center 35%/cover}.rank-art:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--rank) 21%,transparent),transparent 65%)}.rank-art svg{width:96px;height:96px;fill:#15242b88;stroke:var(--rank);stroke-width:1.6;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--rank) 35%,transparent))}.rank-art svg path:last-child{fill:var(--rank);stroke:none}.rank-number{position:absolute;left:24px;top:20px;letter-spacing:3px;color:var(--rank);font-size:11px;font-weight:750}.rank-motif{position:absolute;right:24px;top:20px;color:#b2c0c7;font-size:11px}.rank-body{padding:8px 26px 25px}.rank-prefix{color:var(--rank);font-size:11px;letter-spacing:1.5px;font-weight:750}.rank-body h3{font-size:25px;letter-spacing:1px;margin:7px 0}.rank-body>p{color:#a9bbc3;font-size:13px;min-height:44px;margin:0}.rank-price{display:flex;align-items:baseline;gap:9px;font-size:35px;font-weight:800;line-height:1.3;margin:20px 0;color:#f5eee3}.rank-price>span{font-size:20px;font-weight:600}.rank-price small{font-size:12px;color:#aabcc5;font-weight:400}.rank-body ul{list-style:none;padding:0;margin:20px 0;color:#b8c9cd;font-size:12px;min-height:84px}.rank-body li{padding-left:15px;position:relative;margin:7px 0}.rank-body li:before{content:"·";position:absolute;left:0;color:var(--rank);font-weight:900}.rank-body code{color:var(--rank);font-size:12px}.rank-details{border-top:1px solid #ffffff10;padding-top:16px}.rank-details summary{display:flex;justify-content:space-between;align-items:center;gap:10px;list-style:none;padding:11px 15px;border-radius:11px;border:1px solid color-mix(in srgb,var(--rank) 35%,#243c45);background:linear-gradient(110deg,color-mix(in srgb,var(--rank) 12%,#172932),#1b2a3490);font-size:12px;font-weight:650;cursor:pointer;transition:filter .2s}.rank-details summary:hover{filter:brightness(1.2)}.rank-details p{font-size:12px;color:#a9bbc3;line-height:1.8;margin-bottom:0}.shop-principles{padding:27px;margin:26px 0 0;border-radius:20px;background:#12232be8;border:1px solid #607d8333}.shop-principles h3{font-size:19px}.shop-principles p{font-size:13px;color:#aabfc5}.staff-prefix{color:#f16e70;font-weight:750}
.policy-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}.policy-tabs button{padding:12px 19px;border-radius:12px;border:1px solid #48525f;background:#152630e8;color:#c5cdd7;font-size:13px;font-weight:650}.policy-tabs button[aria-selected=true]{border-color:#ac8ae5;background:linear-gradient(115deg,#40324fea,#24343ce8);color:#e3c8ff}.policy-lead{color:#d7bded;font-size:16px}.rule-group{padding:5px 25px 12px;border-radius:18px;border:1px solid #6b818635;background:linear-gradient(120deg,#172831f5,#13232ae8);margin:16px 0}.rule-group summary{cursor:pointer;font-size:16px;font-weight:750;padding:16px 0;color:#e6decf}.rule-entry{display:flex;gap:17px;padding:17px 0;border-top:1px solid #ffffff0d}.rule-entry>span{flex-shrink:0;width:30px;color:var(--violet);font-size:12px;font-weight:700}.rule-entry h3{font-size:14px;color:#f1e6d2}.rule-entry p{font-size:13px;color:#adbec7;line-height:1.85;margin:5px 0 0}.policy-footnote{font-size:11px;color:#8da3ad;margin-top:25px}
@media(max-width:1050px){header .bar{gap:16px}header nav{gap:15px;font-size:12px}.rank-body{padding:8px 20px 22px}.rank-grid{gap:15px}}@media(max-width:820px){.rank-grid{grid-template-columns:1fr}.rank-body>p{min-height:0}.rank-body ul{min-height:0}}@media(max-width:720px){header nav{overflow-x:auto;justify-content:flex-start;gap:22px;white-space:nowrap;padding:4px 1px 8px}.rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-notice{padding:18px}.rule-group{padding:4px 18px 10px}.policy-tabs button{flex:1;padding:11px 12px}.policy-tabs{gap:6px}.policy-lead{font-size:14px}}@media(max-width:520px){.rank-grid{grid-template-columns:1fr}.rank-art{height:152px}.rank-body{padding:8px 25px 25px}.rule-entry{gap:10px}.shop-notice strong{font-size:13px}.shop-notice p{font-size:12px}}