.site-header{position:sticky;top:0;z-index:40;width:100%;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:background-color var(--transition-med),backdrop-filter var(--transition-med),-webkit-backdrop-filter var(--transition-med),border-color var(--transition-med),box-shadow var(--transition-med),transform var(--transition-med)}.site-header::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(251,249,246,0.9),rgba(251,249,246,0.7));opacity:1;transition:opacity var(--transition-med)}.site-header-inner{position:relative;display:flex;align-items:center;justify-content:space-between;height:var(--header-height);gap:var(--space-4)}.site-branding{display:flex;align-items:center;min-width:0}.site-logo{display:inline-flex;align-items:center;gap:var(--space-3);padding:6px 10px;border-radius:var(--radius-lg);background:radial-gradient(circle at top left,#ffffff,rgba(248,244,238,0.9));box-shadow:var(--shadow-soft-inner);border:1px solid rgba(226,218,209,0.85)}.site-logo-mark{width:36px;height:36px;border-radius:14px;background-image:radial-gradient(circle at 0 0,#f9f5ee,#f4eee4),radial-gradient(circle at 100% 100%,#d8a75a,#3d5e91);background-blend-mode:soft-light;box-shadow:0 8px 18px rgba(36,29,20,0.2),inset 0 1px 0 rgba(255,255,255,0.9);position:relative;overflow:hidden}.site-logo-mark::before,.site-logo-mark::after{content:"";position:absolute;border-radius:999px;border:2px solid rgba(255,255,255,0.8)}.site-logo-mark::before{inset:5px;border-style:dashed;border-color:rgba(61,94,145,0.6)}.site-logo-mark::after{inset:11px;border-color:rgba(216,167,90,0.95)}.site-logo-text{display:flex;flex-direction:column;gap:0}.site-logo-kicker{font-family:var(--font-sans);font-size:var(--font-size-xs);letter-spacing:0.18em;text-transform:uppercase;color:var(--color-text-muted)}.site-logo-title{font-family:var(--font-serif);font-size:1.35rem;line-height:var(--line-height-tight);color:var(--color-primary-strong)}.site-logo-subtitle{font-size:var(--font-size-xs);color:var(--color-text-soft)}.site-header-center{display:flex;align-items:center;justify-content:space-between;flex:1;gap:var(--space-6);min-width:0}.primary-nav{flex:1}.primary-nav-list{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.primary-nav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:10px 0;font-size:var(--font-size-sm);font-family:var(--font-sans);letter-spacing:0.11em;text-transform:uppercase;color:var(--color-text-soft)}.primary-nav-link::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(61,94,145,0.85),rgba(242,125,114,0.85));transform-origin:center;transform:scaleX(0);transition:transform var(--transition-med)}.primary-nav-link:focus-visible::after,.primary-nav-link:hover::after{transform:scaleX(1)}.primary-nav-item.has-indicator{display:flex;align-items:center;gap:var(--space-2)}.header-search-cta{display:flex;align-items:center;gap:var(--space-4);min-width:0}.header-search{min-width:260px;max-width:360px;width:100%}.header-search-field{display:flex;align-items:center;gap:var(--space-2);padding:4px 6px 4px 10px;border-radius:var(--radius-pill);background:radial-gradient(circle at top left,#ffffff,#f0ece6);border:1px solid rgba(221,212,203,0.9);box-shadow:var(--shadow-soft-inner)}.header-search-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;color:var(--color-text-muted);font-size:0.8rem}.header-search input[type="search"]{border:none;background:transparent;box-shadow:none;padding:6px 2px;font-size:var(--font-size-xs)}.header-search input[type="search"]:focus-visible{box-shadow:none;border:none;outline:none}.header-search-submit{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:var(--radius-pill);background:linear-gradient(135deg,#3d5e91,#6d8fce);color:#fff;font-size:var(--font-size-xs);font-weight:600;letter-spacing:0.14em;text-transform:uppercase;box-shadow:0 6px 14px rgba(40,61,101,0.45);transition:background var(--transition-med),transform var(--transition-med),box-shadow var(--transition-med)}.header-search-submit:hover{background:linear-gradient(135deg,#354f79,#5f7db5);transform:translateY(-1px);box-shadow:0 10px 24px rgba(35,55,95,0.55)}.header-search-hint{margin-top:4px;font-size:var(--font-size-xs);color:var(--color-text-muted)}.header-cta-link{white-space:nowrap}.header-cta-pill{display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border-radius:var(--radius-pill);background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.5);font-size:0.65rem;text-transform:uppercase;letter-spacing:0.16em}.nav-toggle{display:none;align-items:center;gap:var(--space-2);padding:6px 10px;border-radius:var(--radius-pill);background:rgba(255,255,255,0.82);border:1px solid rgba(223,216,207,0.9);box-shadow:var(--shadow-soft-inner);color:var(--color-text-soft);font-size:var(--font-size-xs);letter-spacing:0.16em;text-transform:uppercase}.nav-toggle-box{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:22px;height:18px}.nav-toggle-line{height:2px;border-radius:999px;background:linear-gradient(90deg,#3d5e91,#f27d72);transition:transform var(--transition-med),opacity var(--transition-med),width var(--transition-med)}.nav-toggle-text{font-size:var(--font-size-xs)}.nav-toggle.is-active .nav-toggle-line:nth-child(1){transform:translateY(6px) rotate(45deg);width:100%}.nav-toggle.is-active .nav-toggle-line:nth-child(2){opacity:0}.nav-toggle.is-active .nav-toggle-line:nth-child(3){transform:translateY(-6px) rotate(-45deg);width:100%}.mobile-nav-overlay{position:fixed;inset:0;z-index:39;display:flex;align-items:flex-start;justify-content:center;background:radial-gradient(circle at top,#f3f0ebf2,#dfd7cff2);opacity:0;pointer-events:none;transition:opacity var(--transition-slow)}.mobile-nav-overlay.is-open{opacity:1;pointer-events:auto}.mobile-nav-dialog{margin-top:var(--space-6);width:100%;max-width:720px;border-radius:28px;background:radial-gradient(circle at top,#ffffff,#f7f3ef);box-shadow:0 24px 60px rgba(19,12,4,0.32);border:1px solid rgba(222,213,204,0.98);display:flex;flex-direction:column;max-height:calc(100vh - 96px);overflow:hidden}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid rgba(224,215,206,0.95)}.mobile-nav-title{font-family:var(--font-serif);font-size:var(--font-size-xl);color:var(--color-primary-strong)}.mobile-nav-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:rgba(248,244,238,0.95);border:1px solid rgba(222,213,204,0.95);font-size:1.4rem;color:var(--color-text-soft)}.mobile-nav-body{padding:var(--space-4) var(--space-5) var(--space-3);overflow-y:auto}.mobile-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.mobile-nav-item{}.mobile-nav-link{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:18px;background:radial-gradient(circle at top left,#ffffff,#f4efe9);border:1px solid rgba(225,216,205,0.95);box-shadow:var(--shadow-soft);position:relative}.mobile-nav-link:focus-visible{box-shadow:var(--shadow-focus)}.mobile-nav-illustration{flex-shrink:0;width:48px;height:48px;border-radius:18px;box-shadow:0 10px 22px rgba(32,25,18,0.16),inset 0 1px 0 rgba(255,255,255,0.9);position:relative;overflow:hidden}.mobile-nav-illustration-guides{background:conic-gradient(from 210deg,#3d5e91,#dae3f5,#f7f5f0,#3d5e91)}.mobile-nav-illustration-levels{background:conic-gradient(from 120deg,#f27d72,#f7d7a9,#fef7e5,#f27d72)}.mobile-nav-illustration-boosters{background:conic-gradient(from 240deg,#8caa8b,#e4f1dd,#f7f5f0,#8caa8b)}.mobile-nav-illustration-events{background:conic-gradient(from 60deg,#d8a75a,#f7e0ae,#fff6dd,#d8a75a)}.mobile-nav-illustration-castle{background:conic-gradient(from 210deg,#c4bcc0,#f1eaef,#f7f5f2,#c4bcc0)}.mobile-nav-illustration-tips{background:conic-gradient(from 90deg,#3d5e91,#d8a75a,#f27d72,#3d5e91)}.mobile-nav-illustration-news{background:conic-gradient(from 140deg,#3d5e91,#a7b7d8,#f7f5f0,#3d5e91)}.mobile-nav-illustration-contact{background:conic-gradient(from 200deg,#8caa8b,#d8e7d3,#f7f5f2,#8caa8b)}.mobile-nav-text{display:flex;flex-direction:column;gap:4px}.mobile-nav-label{font-family:var(--font-serif);font-size:var(--font-size-lg);color:var(--color-text)}.mobile-nav-desc{font-size:var(--font-size-xs);color:var(--color-text-soft)}.mobile-badge{position:absolute;top:10px;right:10px}.mobile-nav-footer{padding:0 var(--space-5) var(--space-5);border-top:1px solid rgba(224,215,206,0.9);display:flex;flex-direction:column;gap:var(--space-3);background:radial-gradient(circle at bottom,#f9f5ee,#f6f1ea)}.mobile-nav-note{font-size:var(--font-size-xs);color:var(--color-text-muted)}.site-header.is-scrolled{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(196,188,192,0.9);box-shadow:0 10px 30px rgba(12,8,5,0.08);transform:translateY(-1px)}.site-header.is-scrolled::before{opacity:0.94}.site-header.is-scrolled .site-logo{background:radial-gradient(circle at top left,#fbfaf8,#f0ece6)}@media (prefers-reduced-motion:reduce){.mobile-nav-overlay,.mobile-nav-dialog,.site-header,.nav-toggle-line,.primary-nav-link::after{transition:none}}@media (max-width:1120px){.primary-nav-list{gap:var(--space-3)}.primary-nav-link{font-size:0.78rem;letter-spacing:0.16em}}@media (max-width:960px){.site-header-inner{gap:var(--space-3)}.site-header-center{display:none}.nav-toggle{display:inline-flex}.site-logo-subtitle{display:none}.site-logo-title{font-size:1.15rem}.site-logo{padding-inline:8px}.site-logo-mark{width:32px;height:32px}}@media (max-width:640px){.site-header-inner{height:60px}.site-logo-kicker{display:none}.site-logo-title{font-size:1.05rem}.mobile-nav-dialog{margin-top:var(--space-4);border-radius:22px;max-height:calc(100vh - 72px)}.mobile-nav-header{padding:var(--space-3) var(--space-4)}.mobile-nav-body{padding:var(--space-3) var(--space-4) var(--space-2)}.mobile-nav-grid{grid-template-columns:1fr}.mobile-nav-footer{padding:var(--space-3) var(--space-4) var(--space-4)}}