header{height:106px;gap:28px;border-bottom:1px solid #c6afff13;background:linear-gradient(180deg,#17141df5,#101014ed)}
header .main-nav{display:flex;align-items:center;justify-content:flex-start;gap:5px;padding:6px;background:linear-gradient(125deg,#ffffff08,#b79bff05);border:1px solid #cbb2ff24;border-radius:18px;box-shadow:inset 0 1px 0 #ffffff08,0 8px 25px #0002;backdrop-filter:blur(18px);font-size:12px}
.main-nav .nav-item{display:flex;align-items:center;justify-content:center;gap:9px;position:relative;min-height:44px;padding:0 16px;color:#bdb3cd;border:1px solid transparent;border-radius:12px;white-space:nowrap;transition:background .22s,color .22s,border-color .22s,box-shadow .22s;text-decoration:none}
.main-nav .nav-item svg{width:17px;height:17px;flex-shrink:0;opacity:.75;transition:opacity .2s,transform .2s}
.main-nav .nav-label{display:flex;align-items:center;gap:8px;background:transparent;color:inherit;font-size:inherit;padding:0;margin:0;border:0;border-radius:0}
.main-nav .nav-item:hover{background:#c9a9ff0e;border-color:#c9a9ff20;color:#f1eaff}.main-nav .nav-item:hover svg{opacity:1;transform:translateY(-1px)}
.main-nav .nav-item.active{background:linear-gradient(130deg,#e0ff92,#d4ff58 80%);color:#263511;border-color:#e4ffab;box-shadow:0 2px 15px #d4ff581a,inset 0 1px 0 #ffffff5c;font-weight:600}
.main-nav .nav-item.active svg{opacity:1;stroke-width:1.9}.main-nav .nav-item.active:after{display:none}
.main-nav .nav-count{display:grid;place-items:center;min-width:22px;height:20px;padding:0 5px;margin:0;font-size:10px;font-weight:600;line-height:1;border:1px solid #b79bff25;border-radius:6px;background:#b79bff12;color:#d7c3f5}
.main-nav .active .nav-count{color:#2d4010;background:#344c1412;border-color:#344c1424}.main-nav .nav-item:focus-visible{outline:2px solid #c8adff;outline-offset:3px}
@media(min-width:1600px){header .main-nav{margin-left:auto}}
@media(max-width:1100px) and (min-width:761px){header{gap:20px}header .main-nav{gap:3px;font-size:11px;padding:5px;border-radius:15px}.main-nav .nav-item{padding:0 11px;gap:7px;min-height:42px;border-radius:10px}.main-nav .nav-item svg{width:16px;height:16px}.main-nav .nav-count{min-width:19px;font-size:9px}.main-nav .nav-label{gap:5px}}
@media(max-width:900px) and (min-width:761px){header{gap:12px;padding-left:4%;padding-right:4%}header .brand{font-size:22px;gap:7px}.brand .pokeball{width:23px;height:23px;margin-right:0}header .main-nav{font-size:10px}.main-nav .nav-item{padding:0 8px;gap:5px}.main-nav .nav-item svg{width:14px;height:14px}.main-nav .nav-count{min-width:17px;font-size:8px;padding:0 3px}}
@media(max-width:760px){header{height:auto;min-height:0;display:flex;flex-wrap:wrap;align-items:center;gap:19px;padding:20px 5% 14px}header .brand{font-size:26px}header .main-nav{order:3;flex-basis:100%;width:100%;max-width:100%;justify-content:flex-start;gap:4px;padding:5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;border-radius:14px;font-size:11px;background:linear-gradient(125deg,#ffffff08,#b79bff05)}header .main-nav::-webkit-scrollbar{display:none}.main-nav .nav-item{min-height:42px;padding:0 12px;gap:7px;flex-shrink:0;border-radius:9px;scroll-snap-align:start}.main-nav .nav-item svg{width:16px;height:16px}.main-nav .nav-label{gap:6px}.main-nav .nav-count{min-width:18px;height:18px;font-size:9px;padding:0 4px}.main-nav .nav-item.active:after{display:none}.hero{margin-top:0}.hero-copy{padding-top:31px}}
@media(max-width:360px){header .main-nav{font-size:10px}.main-nav .nav-item{padding:0 10px;gap:6px}.main-nav .nav-item svg{width:15px;height:15px}}
@media(max-width:760px){header .main-nav{overflow:visible;gap:3px;font-size:9px}.main-nav .nav-item{flex:1;min-width:0;min-height:57px;padding:7px 3px;gap:5px;flex-direction:column}.main-nav .nav-item svg{width:17px;height:17px}.main-nav .nav-label{display:block;font-size:9px;line-height:1.3}.main-nav .nav-count{position:absolute;top:5px;right:3px;font-size:7px;min-width:15px;height:15px;padding:0 3px;border-radius:4px}.main-nav .nav-item:hover svg{transform:none}}
@media(max-width:360px){header .main-nav{gap:2px}.main-nav .nav-label{font-size:8px}.main-nav .nav-item{padding-left:2px;padding-right:2px}.main-nav .nav-count{right:1px;top:4px;font-size:6px;min-width:13px;height:13px}}
@media(prefers-reduced-motion:reduce){.main-nav .nav-item,.main-nav .nav-item svg{transition:none}}

/* Footer social link */
.footer-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}
.social-x{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #ffffff26;border-radius:50%;color:#c6bbd3;transition:color .2s,background .2s,border-color .2s}
.social-x svg{width:18px;height:18px}
.social-x:hover{color:var(--lime);background:#b79bff14;border-color:var(--lime)}
.social-x:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
@media(max-width:760px){.footer-actions{gap:12px}}