/* ==========================================================================
   Hyperion – Mein Account (/account/) & Partnerbereich (/partner/)
   Gemeinsame Styles: Shell, Hero, Tabs, Karten, Hall of Fame, Seasons, Partner
   ========================================================================== */

/* Shell / Layout */
.hyperion-account-shell{background:#020202;color:#d1d5db;min-height:100vh;padding:8.5rem 1.5rem 5rem;font-family:Rajdhani,sans-serif}
.hyperion-account-wrap{max-width:1120px;margin:0 auto}

/* Hero */
.hyperion-account-hero{display:grid;grid-template-columns:auto 1fr auto;gap:1.4rem;align-items:center;background:radial-gradient(circle at top left,rgba(251,191,36,.16),transparent 36%),linear-gradient(135deg,#101010,#050505);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:1.25rem 1.4rem;box-shadow:0 24px 80px rgba(0,0,0,.45)}
.hyperion-avatar{position:relative;width:88px;height:88px;border-radius:999px;border:2px solid rgba(251,191,36,.55);box-shadow:0 0 34px rgba(251,191,36,.2);background:linear-gradient(135deg,#fbbf24,#b45309);display:flex;align-items:center;justify-content:center;color:#050505;font:700 1.9rem Teko,sans-serif;overflow:hidden}
.hyperion-avatar img{position:absolute;inset:0;width:100%;height:100%;min-width:100%;min-height:100%;object-fit:cover;object-position:center center;display:block;background:#050505;transform:scale(1.08)}
.hyperion-avatar--logo{background:#fff;border-radius:18px}
.hyperion-avatar--logo img{object-fit:contain;transform:none;padding:8px;background:#fff}
.hyperion-account-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.22em;color:#fbbf24;font-weight:700;margin:0 0 .2rem}
.hyperion-account-title{font:700 clamp(2rem,5vw,3.6rem)/.85 Teko,sans-serif;color:#fff;text-transform:uppercase;margin:0;overflow-wrap:anywhere}
.hyperion-account-sub{margin:.35rem 0 0;color:#9ca3af;font-size:.92rem;overflow-wrap:anywhere}
.hyperion-account-pill{display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgba(251,191,36,.28);background:rgba(251,191,36,.08);color:#fbbf24;border-radius:999px;padding:.32rem .7rem;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.hyperion-account-actions{display:flex;flex-direction:column;gap:.6rem;align-items:flex-end}
.hyperion-avatar-form{display:flex;flex-direction:column;gap:.55rem;align-items:flex-end}
.hyperion-avatar-form input[type=file]{position:absolute;inline-size:1px;block-size:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}
.hyperion-account-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid rgba(251,191,36,.45);background:#fbbf24;color:#050505;border-radius:10px;padding:.65rem .9rem;font-family:Rajdhani,sans-serif;font-size:.9rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em;text-decoration:none;cursor:pointer;transition:filter .15s ease}
.hyperion-account-btn:hover{filter:brightness(1.08)}
.hyperion-account-btn--ghost{background:transparent;color:#fbbf24}
.hyperion-account-btn--sm{padding:.45rem .7rem;font-size:.78rem}
.hyperion-account-logout{border-color:rgba(239,68,68,.45);background:transparent;color:#ef4444}
.hyperion-account-switch{display:inline-flex;align-items:center;gap:.4rem;color:#9ca3af;text-decoration:none;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.hyperion-account-switch:hover{color:#fbbf24}
.hyperion-account-coins{display:flex;flex-direction:column;align-items:flex-end;gap:.08rem;min-width:7.6rem;padding:.5rem .85rem;border:1px solid rgba(251,191,36,.38);background:rgba(251,191,36,.1);border-radius:14px;color:#fbbf24;text-decoration:none}
.hyperion-account-coins:hover{filter:brightness(1.08)}
.hyperion-account-coins small{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#fde68a}
.hyperion-account-coins strong{font:700 1.85rem/.85 Teko,sans-serif;color:#fff}
.hyperion-account-coins span{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fbbf24}

/* Tabs (gemeinsame Komponente Account + Partner) */
.hyperion-tabs{position:sticky;top:5.2rem;z-index:5;display:flex;gap:.4rem;margin:1.2rem 0 1.4rem;padding:.4rem;background:rgba(6,6,6,.92);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.hyperion-tabs::-webkit-scrollbar{display:none}
.admin-bar .hyperion-tabs{top:7.2rem}
.hyperion-tab{flex:1 0 auto;scroll-snap-align:start;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid transparent;background:transparent;color:#9ca3af;border-radius:11px;padding:.65rem 1rem;font-family:Rajdhani,sans-serif;font-size:.88rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;white-space:nowrap;transition:all .18s ease}
.hyperion-tab:hover{color:#fff;background:rgba(255,255,255,.05)}
.hyperion-tab[aria-selected=true]{border-color:rgba(251,191,36,.5);background:rgba(251,191,36,.12);color:#fbbf24}
.hyperion-tab small{display:inline-flex;align-items:center;min-width:1.4rem;height:1.4rem;padding:0 .4rem;border-radius:999px;background:rgba(255,255,255,.08);color:#d1d5db;font-size:.72rem;font-weight:800;justify-content:center}
.hyperion-tab[aria-selected=true] small{background:rgba(251,191,36,.22);color:#fde68a}
.hyperion-tabpanel[hidden]{display:none}
.hyperion-tabpanel{animation:hyperion-fade .22s ease}
@keyframes hyperion-fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.hyperion-panel-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem;margin:0 0 1.1rem}
.hyperion-panel-head h2{font:700 clamp(1.9rem,4.5vw,3rem)/.85 Teko,sans-serif;color:#fff;text-transform:uppercase;margin:0}
.hyperion-panel-head p{margin:.35rem 0 0;color:#9ca3af}

/* Karten / Stats */
.hyperion-account-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.hyperion-account-card{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:1.15rem;min-height:132px}
.hyperion-account-card h3{font:700 1.55rem Teko,sans-serif;text-transform:uppercase;color:#fff;margin:0 0 .5rem}
.hyperion-account-card p{margin:.25rem 0;color:#9ca3af}
.hyperion-stat{font:700 2.35rem Teko,sans-serif;color:#fbbf24;line-height:1}
.hyperion-muted{color:#6b7280;font-size:.9rem}
.hyperion-progress{position:relative;height:8px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin:.75rem 0 .85rem;flex-shrink:0;isolation:isolate}
.hyperion-progress span{position:absolute;left:0;top:0;bottom:0;width:0;min-width:0;background:linear-gradient(90deg,#b91c1c,#fbbf24);border-radius:999px;transition:width .25s ease}
.hyperion-account-card .hyperion-progress{margin-bottom:.65rem}
.hyperion-hof-progress{align-items:center;margin-bottom:1.15rem;padding-bottom:.15rem}
.hyperion-hof-progress .hyperion-progress{flex:1 1 auto;min-width:0;margin:0}
.hyperion-account-notice{margin:1rem 0 0;border:1px solid rgba(251,191,36,.24);background:rgba(251,191,36,.08);color:#fde68a;border-radius:14px;padding:.85rem 1rem;font-weight:700}
.hyperion-account-notice--error{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.1);color:#fecaca}
.hyperion-account-link{color:#fbbf24;font-weight:800;text-decoration:none}
.hyperion-account-link:hover{text-decoration:underline}
.hyperion-quicklinks{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.1rem}
.hyperion-coin-shop{scroll-margin-top:7rem;margin-top:1.4rem;padding-top:.2rem}
.hyperion-coin-packages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:stretch}
.hyperion-coin-package{display:flex;flex-direction:column;min-height:280px}
.hyperion-coin-package .hyperion-account-kicker{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.45rem}
.hyperion-coin-badge{display:inline-flex;align-items:center;border:1px solid rgba(251,191,36,.4);background:rgba(251,191,36,.14);color:#fde68a;border-radius:999px;padding:.18rem .5rem;font-size:.62rem;letter-spacing:.1em}
.hyperion-coin-package--featured{border-color:rgba(251,191,36,.45);background:linear-gradient(180deg,rgba(251,191,36,.12),rgba(255,255,255,.03));box-shadow:0 0 0 1px rgba(251,191,36,.12),0 18px 40px rgba(0,0,0,.28)}
.hyperion-coin-price{color:#fff!important;font:700 1.55rem/1 Teko,sans-serif;margin:.45rem 0 .55rem!important}
.hyperion-coin-desc{margin:0 0 .7rem!important;color:#d1d5db!important;font-size:.88rem;line-height:1.45}
.hyperion-coin-perks{margin:0 0 1rem;padding:0;list-style:none;display:grid;gap:.35rem}
.hyperion-coin-perks li{position:relative;padding-left:1.05rem;color:#fde68a;font-size:.82rem;font-weight:700;line-height:1.35}
.hyperion-coin-perks li::before{content:"✔";position:absolute;left:0;color:#fbbf24}
.hyperion-coin-package form{margin-top:auto}
.hyperion-coin-package .hyperion-account-btn{width:100%}
.hyperion-coin-legal{margin:.8rem 0 0;color:#6b7280;font-size:.82rem}
.hyperion-coin-legal a{color:#fbbf24;font-weight:700;text-decoration:none}

/* Hall of Fame Karten */
.hyperion-hof-progress{display:flex;align-items:center;gap:.8rem;margin:0 0 1rem}
.hyperion-hof-progress .hyperion-progress{flex:1;margin:0}
.hyperion-hof-progress span.hyperion-hof-progress-label{color:#9ca3af;font-size:.88rem;white-space:nowrap}
.hyperion-hof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.hyperion-hof-card{position:relative;display:flex;flex-direction:column;gap:.55rem;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:1.05rem;transition:border-color .2s ease,transform .2s ease}
.hyperion-hof-card:hover{border-color:rgba(251,191,36,.4);transform:translateY(-2px)}
.hyperion-hof-card--active{border-color:rgba(251,191,36,.6);background:linear-gradient(180deg,rgba(251,191,36,.12),rgba(251,191,36,.03))}
.hyperion-hof-card-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.hyperion-hof-badge{display:inline-flex;align-items:center;border:1px solid rgba(251,191,36,.28);background:rgba(251,191,36,.08);color:#fbbf24;border-radius:999px;padding:.18rem .6rem;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.hyperion-hof-badge--neutral{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#9ca3af}
.hyperion-rarity-badge--basis{border-color:rgba(163,163,163,.45);background:rgba(163,163,163,.14);color:#d4d4d4}
.hyperion-rarity-badge--selten{border-color:rgba(59,130,246,.45);background:rgba(59,130,246,.14);color:#93c5fd}
.hyperion-rarity-badge--episch{border-color:rgba(168,85,247,.45);background:rgba(168,85,247,.14);color:#d8b4fe}
.hyperion-rarity-badge--legendaer{border-color:rgba(245,158,11,.45);background:rgba(245,158,11,.14);color:#fcd34d}
.hyperion-rarity-badge--mysterioes{border-color:rgba(236,72,153,.45);background:rgba(236,72,153,.14);color:#f9a8d4}
.hyperion-hof-card--rarity-basis{border-color:rgba(163,163,163,.22)}
.hyperion-hof-card--rarity-selten{border-color:rgba(59,130,246,.28)}
.hyperion-hof-card--rarity-episch{border-color:rgba(168,85,247,.28)}
.hyperion-hof-card--rarity-legendaer{border-color:rgba(245,158,11,.32)}
.hyperion-hof-card--rarity-mysterioes{border-color:rgba(236,72,153,.32)}
.hyperion-hof-card[data-hy-collect-item][hidden]{display:none!important}
.hyperion-hof-date{color:#6b7280;font-size:.8rem;font-weight:700;white-space:nowrap}
.hyperion-hof-name{font:700 1.5rem/1 Teko,sans-serif;color:#fff;text-transform:uppercase;margin:0}
.hyperion-hof-active-flag{position:absolute;top:-.62rem;right:.9rem;background:#fbbf24;color:#050505;border-radius:999px;padding:.16rem .6rem;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.hyperion-hof-reason{margin:0;color:#9ca3af;font-size:.9rem;line-height:1.35}
.hyperion-hof-reason strong{color:#d1d5db}
.hyperion-hof-desc{margin:0;color:#8b95a5;font-size:.86rem;line-height:1.35}
.hyperion-hof-rewards{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:.35rem}
.hyperion-hof-reward{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#d1d5db;border-radius:8px;padding:.2rem .55rem;font-size:.76rem;font-weight:800;letter-spacing:.04em}
.hyperion-hof-reward--xp{color:#86efac;border-color:rgba(134,239,172,.25)}
.hyperion-hof-reward--coins{color:#fbbf24;border-color:rgba(251,191,36,.3)}
.hyperion-hof-reward--title{color:#c4b5fd;border-color:rgba(196,181,253,.3)}
.hyperion-hof-empty{color:#6b7280;border:1px dashed rgba(255,255,255,.14);border-radius:16px;padding:1.4rem;text-align:center}

/* Collection toolbar (Filter / Sortierung) */
.hyperion-collect-toolbar{display:grid;gap:.45rem;margin:0 0 1rem;padding:.55rem;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(8,8,14,.72);backdrop-filter:blur(10px)}
.hyperion-collect-toolbar__row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}
.hyperion-collect-toolbar__row--controls{align-items:stretch}
.hyperion-collect-toolbar__chips{gap:.35rem}
.hyperion-collect-pill{flex:1 0 auto;min-width:4.5rem;border:1px solid transparent;background:transparent;color:#9ca3af;border-radius:9px;padding:.55rem .75rem;font-family:Rajdhani,sans-serif;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:all .18s ease}
.hyperion-collect-pill.is-active,.hyperion-collect-pill:hover{border-color:rgba(251,191,36,.45);background:rgba(251,191,36,.1);color:#fde68a}
.hyperion-collect-search{flex:1 1 12rem;min-width:9rem;box-sizing:border-box;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(0,0,0,.35);color:#fff;padding:.55rem .7rem;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600}
.hyperion-collect-search::placeholder{color:#64748b}
.hyperion-collect-sort-label{display:inline-flex;align-items:center;gap:.45rem;color:#9ca3af;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.hyperion-collect-sort-label select{border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(0,0,0,.35);color:#fff;padding:.5rem .65rem;font-family:Rajdhani,sans-serif;font-size:.92rem;font-weight:700;text-transform:none;letter-spacing:0}
.hyperion-collect-chip{border:1px solid rgba(255,255,255,.12);border-radius:999px;background:transparent;color:#cbd5e1;padding:.32rem .65rem;font-family:Rajdhani,sans-serif;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:all .18s ease}
.hyperion-collect-chip.is-active,.hyperion-collect-chip:hover{color:#fff}
.hyperion-rarity-chip--basis.is-active,.hyperion-rarity-chip--basis:hover{border-color:rgba(163,163,163,.45);background:rgba(163,163,163,.12);color:#e5e5e5}
.hyperion-rarity-chip--selten.is-active,.hyperion-rarity-chip--selten:hover{border-color:rgba(59,130,246,.45);background:rgba(59,130,246,.12);color:#bfdbfe}
.hyperion-rarity-chip--episch.is-active,.hyperion-rarity-chip--episch:hover{border-color:rgba(168,85,247,.45);background:rgba(168,85,247,.12);color:#e9d5ff}
.hyperion-rarity-chip--legendaer.is-active,.hyperion-rarity-chip--legendaer:hover{border-color:rgba(245,158,11,.45);background:rgba(245,158,11,.12);color:#fde68a}
.hyperion-rarity-chip--mysterioes.is-active,.hyperion-rarity-chip--mysterioes:hover{border-color:rgba(236,72,153,.45);background:rgba(236,72,153,.12);color:#fbcfe8}
.hyperion-collect-empty{margin-top:-.35rem}

/* Account-Seasons – eigene Klassennamen verhindern Kollisionen mit hyperion.css */
.hyperion-account-seasons-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}
.hyperion-account-season-card{display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:190px;color:inherit;text-decoration:none;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:1.1rem;overflow:hidden;transition:border-color .2s ease,transform .2s ease}
.hyperion-account-season-card:hover{border-color:rgba(251,191,36,.45);transform:translateY(-2px)}
.hyperion-account-season-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.75rem}
.hyperion-account-season-title{min-width:0;color:#fff;font:700 clamp(1.35rem,2.4vw,1.7rem)/1 Teko,sans-serif;text-transform:uppercase;overflow-wrap:anywhere}
.hyperion-account-season-card:hover .hyperion-account-season-title{color:#fbbf24}
.hyperion-account-season-rank{color:#fbbf24;font:800 .9rem/1.2 Rajdhani,sans-serif;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.hyperion-account-season-note{margin:.45rem 0 0;color:#8b95a5;font-size:.82rem;line-height:1.35;overflow-wrap:anywhere}
.hyperion-account-season-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:100%;margin:.85rem 0 0;padding:0}
.hyperion-account-season-stat{min-width:0;display:flex;flex-direction:column;gap:.18rem;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035);padding:.6rem}
.hyperion-account-season-stat dt{margin:0;color:#9ca3af;font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;line-height:1.2}
.hyperion-account-season-stat dd{margin:0;color:#fff;font:700 1.25rem/1 Teko,sans-serif;overflow-wrap:anywhere}
.hyperion-account-season-reward{display:block;margin:.65rem 0 0;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.08);color:#d1d5db;font-size:.86rem;line-height:1.35;overflow-wrap:anywhere}
.hyperion-account-season-reward span{display:block;margin-bottom:.18rem;color:#fbbf24;font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}

/* Kampfdesigns */
.hyperion-fd-card{padding:0;overflow:hidden}
.hyperion-fd-preview{position:relative;aspect-ratio:16/9;background:#0a0a0a;border-bottom:1px solid rgba(255,255,255,.08)}
.hyperion-fd-preview img{width:100%;height:100%;object-fit:cover;display:block}
.hyperion-fd-preview--empty{display:flex;align-items:center;justify-content:center;color:#4b5563;font-family:Teko,sans-serif;font-size:1.4rem;text-transform:uppercase}
.hyperion-fd-body{display:flex;flex-direction:column;gap:.5rem;padding:.95rem 1.05rem 1.05rem}
.hyperion-fd-card--locked{opacity:.55;filter:grayscale(.6)}
.hyperion-fd-card--locked:hover{opacity:.8}

/* Partnerbereich */
.hyperion-partner-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.hyperion-partner-card{min-height:0}
.hyperion-partner-perks{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.3rem;color:#d1d5db;font-size:.92rem}
.hyperion-partner-form{display:grid;gap:.7rem;margin-top:.6rem}
.hyperion-partner-form label{display:grid;gap:.3rem;color:#9ca3af;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.hyperion-partner-form input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),.hyperion-partner-form textarea,.hyperion-partner-form select{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#fff;border-radius:10px;padding:.6rem .75rem;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600;text-transform:none;letter-spacing:0}
.hyperion-partner-form select{background:#111}
.hyperion-partner-form input[type=file]{color:#9ca3af;font-size:.85rem;text-transform:none;letter-spacing:0}
.hyperion-partner-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.hyperion-partner-terms{display:flex !important;gap:.6rem;align-items:flex-start;text-transform:none !important;letter-spacing:0 !important;font-weight:600 !important;color:#d1d5db !important;font-size:.9rem !important;line-height:1.4}
.hyperion-partner-terms input{margin-top:.2rem;accent-color:#fbbf24}
.hyperion-partner-terms a{color:#fbbf24}
.hyperion-partner-buy{margin-top:.9rem;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:.7rem}
.hyperion-partner-price{margin:0;color:#d1d5db}
.hyperion-partner-price strong{color:#fbbf24;font:700 1.9rem/1 Teko,sans-serif}
.hyperion-partner-buy-actions{display:flex;flex-wrap:wrap;gap:.6rem}
.hyperion-partner-inline-form{margin-top:.8rem}
.hyperion-partner-subhead{font:700 1.7rem Teko,sans-serif;text-transform:uppercase;color:#fff;margin:1.6rem 0 .7rem}
.hyperion-partner-table-wrap{overflow-x:auto;border:1px solid rgba(255,255,255,.1);border-radius:16px}
.hyperion-partner-table{width:100%;border-collapse:collapse;font-size:.92rem}
.hyperion-partner-table th,.hyperion-partner-table td{padding:.65rem .8rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.07);white-space:nowrap}
.hyperion-partner-table th{color:#9ca3af;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}
.hyperion-partner-table tr:last-child td{border-bottom:0}
.hyperion-partner-table a{color:#fbbf24;text-decoration:none;font-weight:700}
.hyperion-partner-badge{display:inline-flex;border-radius:999px;padding:.15rem .6rem;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;border:1px solid}
.hyperion-partner-badge--ok{color:#86efac;border-color:rgba(134,239,172,.35)}
.hyperion-partner-badge--warn{color:#fca5a5;border-color:rgba(252,165,165,.35)}
.hyperion-partner-badge--muted{color:#9ca3af;border-color:rgba(255,255,255,.16)}
.hyperion-partner-status--active{border-color:rgba(134,239,172,.4);color:#86efac;background:rgba(134,239,172,.08)}
.hyperion-partner-status--rejected,.hyperion-partner-status--suspended{border-color:rgba(252,165,165,.4);color:#fca5a5;background:rgba(252,165,165,.08)}
.hyperion-partner-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}
.hyperion-partner-metrics div{display:grid;gap:.15rem;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.03);padding:.7rem .8rem}
.hyperion-partner-metrics span{color:#9ca3af;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}
.hyperion-partner-metrics strong{color:#fbbf24;font:700 1.7rem/1 Teko,sans-serif}
.hyperion-partner-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem;align-items:start}
.hyperion-partner-intro .hyperion-partner-perks{font-size:1rem;gap:.45rem}
.hyperion-partner-intro .hyperion-partner-perks li{display:flex;gap:.5rem;align-items:flex-start}
.hyperion-partner-plans{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.6rem}
.hyperion-partner-plan{border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:.9rem 1rem;background:rgba(255,255,255,.03)}
.hyperion-partner-plan--featured{border-color:rgba(251,191,36,.45);background:rgba(251,191,36,.06)}
.hyperion-partner-plan--disabled{opacity:.45}
/* Vorauswahl von der Werbepartner-Landingpage (?plan=payment|subscription) */
.hyperion-partner-plan--preselected{position:relative;border-color:#fbbf24;background:rgba(251,191,36,.1);box-shadow:0 0 0 3px rgba(251,191,36,.12),0 12px 40px rgba(251,191,36,.12);animation:hy-preselect-pulse 1.8s ease-out 1}
.hyperion-partner-plan--preselected::after{content:"Deine Auswahl";position:absolute;top:-.7rem;right:.9rem;padding:.2rem .6rem;border-radius:999px;background:#fbbf24;color:#050505;font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.hyperion-partner-preselect{margin:0 0 .8rem;padding:.6rem .9rem;border-radius:12px;border:1px solid rgba(251,191,36,.35);background:rgba(251,191,36,.07);color:#e5e7eb;font-size:.92rem}
.hyperion-partner-preselect span{color:#fbbf24;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;margin-right:.3rem}
.hy-price-card--preselected .hy-price-card-inner{animation:hy-preselect-pulse 1.8s ease-out 1}
@keyframes hy-preselect-pulse{0%{box-shadow:0 0 0 0 rgba(251,191,36,.55)}100%{box-shadow:0 0 0 18px rgba(251,191,36,0)}}
@media (prefers-reduced-motion:reduce){.hyperion-partner-plan--preselected,.hy-price-card--preselected .hy-price-card-inner{animation:none}}
.hyperion-partner-plan .hyperion-account-kicker{margin-bottom:.35rem}
.hyperion-partner-plan .hyperion-partner-price{margin-bottom:.25rem}

/* Partner-Onboarding (5 Schritte) */
.hy-partner-wizard{margin-top:1.25rem}
.hy-wizard-intro{text-align:center;max-width:760px;margin:0 auto 1.2rem}
.hy-wizard-intro h2{font:700 clamp(2rem,5vw,3.2rem)/.95 Teko,sans-serif;text-transform:uppercase;color:#fff;margin:.2rem 0 .5rem}
.hy-wizard-intro>p:last-child{color:#9ca3af;margin:0}
.hy-wizard-progress{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;margin:0 0 1rem;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(5,5,5,.94);overflow:hidden}
.hy-wizard-progress li{position:relative}
.hy-wizard-progress li:not(:last-child)::after{content:"";position:absolute;right:-1px;top:25%;height:50%;width:1px;background:rgba(255,255,255,.1)}
.hy-wizard-progress button{width:100%;border:0;background:transparent;color:#6b7280;padding:.75rem .35rem;display:flex;align-items:center;justify-content:center;gap:.45rem;font-family:Rajdhani,sans-serif;cursor:pointer}
.hy-wizard-progress button:disabled{cursor:default;opacity:.52}
.hy-wizard-progress button span{display:grid;place-items:center;width:1.7rem;height:1.7rem;border:1px solid rgba(255,255,255,.18);border-radius:50%;font-weight:900}
.hy-wizard-progress button small{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.hy-wizard-progress .is-active button{color:#fbbf24;background:rgba(251,191,36,.07)}
.hy-wizard-progress .is-active button span{background:#fbbf24;color:#050505;border-color:#fbbf24}
.hy-wizard-progress .is-complete button{color:#86efac}
.hy-wizard-progress .is-complete button span{border-color:#86efac}
.hy-wizard-form{margin:0}
.hy-wizard-step{border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));padding:clamp(1rem,3vw,1.7rem);animation:hyperion-fade .2s ease}
.hy-wizard-step[hidden]{display:none}
.hy-wizard-step-head{margin-bottom:1.2rem}
.hy-wizard-step-head>span{color:#fbbf24;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:900}
.hy-wizard-step-head h3{font:700 clamp(1.8rem,4vw,2.5rem)/1 Teko,sans-serif;color:#fff;text-transform:uppercase;margin:.15rem 0 .35rem}
.hy-wizard-step-head p{color:#9ca3af;margin:0}
.hy-wizard-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.hy-wizard-grid .hy-span-2{grid-column:1/-1}
.hy-address-grid{grid-template-columns:2fr .7fr 1fr 1.5fr}
.hy-wizard-form select{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.14);background:#111;color:#fff;border-radius:10px;padding:.6rem .75rem;font:600 1rem Rajdhani,sans-serif;text-transform:none;letter-spacing:0}
.hy-wizard-subtitle{font:700 1.35rem Teko,sans-serif;color:#fff;text-transform:uppercase;margin:1.25rem 0 .5rem}
.hy-social-details{margin:.9rem 0;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:.75rem}
.hy-social-details summary{color:#fbbf24;cursor:pointer;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.hy-social-details summary small{color:#6b7280;text-transform:none}
.hy-social-details[open] summary{margin-bottom:.8rem}
.hy-wizard-nav{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-top:1.3rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}
.hy-wizard-alert{border:1px solid rgba(239,68,68,.4);background:rgba(239,68,68,.12);color:#fecaca;border-radius:12px;padding:.75rem .9rem;margin-bottom:.8rem;font-weight:700}
.hy-logo-upload{display:grid;grid-template-columns:1fr 110px;gap:.8rem;align-items:center;margin-bottom:1rem}
.hy-logo-upload>p{grid-column:1/-1}
.hy-logo-preview{width:96px;height:96px;border-radius:16px;border:1px dashed rgba(251,191,36,.45);background:#fff;display:grid;place-items:center;overflow:hidden;color:#6b7280;text-align:center;padding:.35rem}
.hy-logo-preview img{width:100%;height:100%;object-fit:contain}
.hy-profile-logo{margin:0;align-items:end}
.hy-profile-logo-current{display:grid;justify-items:center;gap:.35rem}
.hy-profile-logo-current>small{color:#9ca3af;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;text-align:center}
.hy-geocode-row{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin:.7rem 0}
.hy-geocode-results{display:grid;gap:.35rem;margin-bottom:.6rem}
.hy-geocode-results[hidden]{display:none}
.hy-geocode-results button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#d1d5db;text-align:left;padding:.55rem .7rem;border-radius:8px;cursor:pointer}
.hy-geocode-results button:hover{border-color:#fbbf24;color:#fff}
.hy-partner-map{height:380px;border:1px solid rgba(251,191,36,.28);border-radius:16px;overflow:hidden;background:#111;z-index:1;position:relative}
.hy-partner-map .leaflet-container{width:100%;height:100%;background:#111}
.hy-partner-map img.leaflet-tile{max-width:none!important;max-height:none!important}
.hy-map-privacy{font-size:.75rem;color:#6b7280;margin:.5rem 0 0}
.hy-profile-map-block{display:grid;gap:.35rem;margin:.2rem 0 .15rem;min-width:0}
.hy-map-heading{margin:0;color:#9ca3af;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.hyperion-partner-form .hy-geocode-results button{text-transform:none;letter-spacing:0;font-weight:600;font-family:Rajdhani,sans-serif;width:100%}
.hyperion-partner-form .hy-geocode-row .hyperion-account-btn{width:auto}
.hy-char-count{justify-self:end;color:#6b7280;font-size:.78rem}
.hy-consent-box{display:grid;gap:.8rem;margin-top:1rem;border:1px solid rgba(251,191,36,.18);background:rgba(251,191,36,.04);border-radius:14px;padding:1rem}
.hy-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1rem}
.hy-review-card{border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.03);padding:.9rem}
.hy-review-card h4{display:flex;justify-content:space-between;gap:.5rem;color:#fff;margin:0 0 .5rem;text-transform:uppercase}
.hy-review-card h4 button{border:0;background:transparent;color:#fbbf24;cursor:pointer;font-weight:800}
.hy-review-card p{margin:.2rem 0;color:#9ca3af}
.hy-review-card a{color:#fbbf24;overflow-wrap:anywhere}
.hy-partner-demo-map{position:relative;height:300px;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;background:radial-gradient(circle at 40% 45%,rgba(185,28,28,.22),transparent 30%),linear-gradient(145deg,#121820,#050608)}
.hy-demo-map-grid{position:absolute;inset:-20%;opacity:.15;background-image:linear-gradient(rgba(251,191,36,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(251,191,36,.3) 1px,transparent 1px);background-size:42px 42px;transform:rotate(-8deg)}
.hy-demo-pin{position:absolute!important;left:50%;top:48%;transform:translate(-50%,-50%);z-index:2;background:transparent;border:0;cursor:pointer}
.hy-demo-hint{position:absolute;left:50%;top:68%;transform:translateX(-50%);color:#fbbf24;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.hy-demo-popup{position:relative;margin:-265px auto 28px;z-index:4;width:min(420px,calc(100% - 30px));border:1px solid rgba(251,191,36,.45);border-radius:18px;background:#090909;box-shadow:0 25px 70px rgba(0,0,0,.7);padding:1rem}
.hy-demo-popup[hidden]{display:none}
.hy-demo-popup-close{position:absolute;right:.65rem;top:.45rem;border:0;background:transparent;color:#9ca3af;font-size:1.6rem;cursor:pointer}
.hy-demo-popup header{display:flex;gap:.8rem;align-items:center;padding-right:1.5rem}
.hy-demo-popup-logo{width:58px;height:58px;display:grid;place-items:center;flex:0 0 58px;border-radius:12px;background:#fff;color:#050505;font:700 1.6rem Teko,sans-serif;overflow:hidden}
.hy-demo-popup-logo img{width:100%;height:100%;object-fit:contain}
.hy-demo-popup header small{color:#fbbf24;text-transform:uppercase;font-weight:900;letter-spacing:.12em}
.hy-demo-popup h4{font:700 1.7rem Teko,sans-serif;color:#fff;text-transform:uppercase;margin:0}
.hy-demo-popup header p,.hy-demo-popup>p{color:#9ca3af;margin:.15rem 0}
.hy-demo-popup>p{margin:.8rem 0}
.hy-price-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:1rem;align-items:stretch}
.hy-price-card{position:relative;display:block!important;cursor:pointer;text-transform:none!important;letter-spacing:0!important}
.hy-price-card>input{position:absolute;opacity:0;pointer-events:none}
.hy-price-card-inner{display:flex;flex-direction:column;height:100%;box-sizing:border-box;border:2px solid rgba(255,255,255,.12);border-radius:20px;padding:1.25rem;background:rgba(255,255,255,.035);transition:border-color .16s,transform .16s,background .16s}
.hy-price-card:hover .hy-price-card-inner{transform:translateY(-2px);border-color:rgba(251,191,36,.45)}
.hy-price-card>input:checked+.hy-price-card-inner{border-color:#fbbf24;background:rgba(251,191,36,.08);box-shadow:0 0 0 3px rgba(251,191,36,.08)}
.hy-price-card-inner>small{color:#fbbf24;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.hy-price-card-inner>strong{font:700 clamp(2.7rem,6vw,4rem)/1 Teko,sans-serif;color:#fff;margin-top:.4rem}
.hy-price-card-inner>em{color:#9ca3af;font-style:normal}
.hy-price-card-inner ul{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.5rem;color:#d1d5db}
.hy-price-card-inner li::before{content:"✓";color:#fbbf24;font-weight:900;margin-right:.45rem}
.hy-price-card--recommended{overflow:hidden;border-radius:20px}
.hy-price-ribbon{position:absolute;z-index:2;right:-42px;top:24px;width:175px;text-align:center;transform:rotate(34deg);background:#fbbf24;color:#050505;padding:.3rem;font-size:.72rem;font-weight:1000;text-transform:uppercase;letter-spacing:.12em;box-shadow:0 4px 16px rgba(0,0,0,.4)}
.hy-old-price-badge{align-self:flex-start;margin-top:.75rem;padding:.35rem .65rem;border:1px solid rgba(248,113,113,.55);border-radius:999px;background:rgba(127,29,29,.24);color:#fecaca;font-size:.82rem;font-weight:800}
.hy-old-price-badge del{color:#fca5a5;font-size:1rem;font-weight:1000;text-decoration-thickness:2px}
.hy-price-saving{display:inline-block;margin:.7rem 0 0;color:#86efac;font-weight:900}
.hy-price-saving del{color:#6b7280;font-weight:600}
.hy-logo-error{color:#fca5a5!important;font-weight:800}
.hy-checkout-note{text-align:center;color:#9ca3af;margin:1rem auto 0;max-width:700px}
.hy-checkout-button{min-width:min(100%,320px)}

/* Login-Seite (/login/) */
.hyperion-auth-wrap{max-width:560px}
.hyperion-auth-card{padding:1.6rem 1.5rem 1.4rem;background:radial-gradient(circle at top,rgba(251,191,36,.14),transparent 40%),linear-gradient(180deg,#0f0f0f,#050505);box-shadow:0 24px 80px rgba(0,0,0,.45)}
.hyperion-auth-head{text-align:center;margin-bottom:1rem}
.hyperion-auth-logo{width:64px;height:64px;margin:0 auto .6rem;display:block;filter:drop-shadow(0 0 18px rgba(251,191,36,.35))}
.hyperion-auth-head .hyperion-account-title{font-size:clamp(2.2rem,6vw,3.2rem)}
.hyperion-auth-head .hyperion-account-sub{max-width:34rem;margin-left:auto;margin-right:auto}
.hyperion-auth-tabs{position:static;margin:1.1rem 0 1rem}
.hyperion-auth-tabs .hyperion-tab{flex:1 1 auto;padding:.6rem .7rem;font-size:.8rem}
.hyperion-auth-tabs .hyperion-tab--quiet{flex:0 0 auto;color:#6b7280;font-size:.72rem}
.hyperion-auth-social{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1rem 0}
.hyperion-auth-provider{display:flex;align-items:center;justify-content:center;gap:.65rem;min-height:48px;border-radius:10px;padding:.7rem .85rem;font-family:Rajdhani,sans-serif;font-size:.92rem;font-weight:800;text-decoration:none;transition:filter .15s ease,transform .15s ease}
.hyperion-auth-provider:hover{filter:brightness(1.08);transform:translateY(-1px)}
.hyperion-auth-provider svg{width:20px;height:20px;flex:0 0 20px}
.hyperion-auth-provider--google{background:#fff;color:#111;border:1px solid rgba(255,255,255,.25)}
.hyperion-auth-provider--apple{background:#050505;color:#fff;border:1px solid rgba(255,255,255,.22)}
.hyperion-auth-divider{display:flex;align-items:center;gap:.8rem;margin:1rem 0;color:#6b7280;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.hyperion-auth-divider::before,.hyperion-auth-divider::after{content:"";height:1px;flex:1;background:rgba(255,255,255,.1)}
.hyperion-auth-social-note{text-align:center;margin:-.25rem 0 .75rem;font-size:.82rem}
.hyperion-auth-form{margin-top:.4rem}
.hyperion-auth-form .hyperion-account-btn{width:100%;padding:.8rem 1rem;font-size:1rem}
.hyperion-auth-form input[type=email],.hyperion-auth-form input[type=password]{padding:.75rem .85rem;font-size:1.05rem}
.hyperion-auth-remember{margin-top:-.1rem}
.hyperion-auth-alt{text-align:center;margin-top:.4rem}
.hyperion-auth-alt a,.hyperion-auth-foot a{color:#fbbf24;text-decoration:none;font-weight:700}
.hyperion-auth-alt a:hover,.hyperion-auth-foot a:hover{text-decoration:underline}
.hyperion-auth-foot{text-align:center;margin:1.3rem 0 0;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);font-size:.85rem}
.hyperion-auth-callback{text-align:center;padding:1.4rem 0 .6rem}
.hyperion-auth-spinner{width:44px;height:44px;margin:0 auto 1rem;border-radius:999px;border:3px solid rgba(251,191,36,.2);border-top-color:#fbbf24;animation:hyperion-spin .9s linear infinite}
@keyframes hyperion-spin{to{transform:rotate(360deg)}}
.hyperion-auth .hyperion-account-notice{margin:0 0 1rem}

/* Responsive */
@media (max-width:1000px){
  .hyperion-hof-grid{grid-template-columns:1fr 1fr}
  .hyperion-coin-packages{grid-template-columns:1fr 1fr}
  .hyperion-partner-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .hyperion-account-hero{grid-template-columns:1fr;text-align:center;gap:1rem}
  .hyperion-avatar{margin:0 auto}
  .hyperion-account-actions,.hyperion-avatar-form{align-items:center}
  .hyperion-account-actions{flex-direction:row;flex-wrap:wrap;justify-content:center}
  .hyperion-account-coins{align-items:center}
  .hyperion-account-grid{grid-template-columns:1fr 1fr}
  .hyperion-account-seasons-grid{grid-template-columns:1fr}
  .hyperion-partner-grid,.hyperion-partner-intro{grid-template-columns:1fr}
  .hy-address-grid{grid-template-columns:2fr .7fr}
  .hy-price-grid{grid-template-columns:1fr}
  .hyperion-tabs{top:4.6rem;border-radius:12px}
}
@media (max-width:640px){
  .hyperion-account-shell{padding:7rem 1rem 4rem}
  .hyperion-account-grid{grid-template-columns:1fr}
  .hyperion-hof-grid{grid-template-columns:1fr}
  .hyperion-coin-packages{grid-template-columns:1fr}
  .hyperion-account-season-head{grid-template-columns:1fr}
  .hyperion-account-season-rank{white-space:normal}
  .hyperion-account-season-stats{grid-template-columns:1fr}
  .hyperion-account-season-card{min-height:0}
  .hyperion-partner-form-row{grid-template-columns:1fr}
  .hy-wizard-progress button{padding:.6rem .15rem}
  .hy-wizard-progress button small{display:none}
  .hy-wizard-grid,.hy-address-grid,.hy-review-grid{grid-template-columns:1fr}
  .hy-wizard-grid .hy-span-2{grid-column:auto}
  .hy-logo-upload{grid-template-columns:1fr}
  .hy-logo-preview{width:82px;height:82px}
  .hy-partner-map{height:320px}
  .hy-wizard-nav{align-items:stretch;flex-direction:column-reverse}
  .hy-wizard-nav .hyperion-account-btn{width:100%}
  .hyperion-partner-metrics{grid-template-columns:1fr 1fr}
  .hyperion-partner-plans{grid-template-columns:1fr}
  .hyperion-tabs{position:static;margin:1rem -1rem 1.2rem;padding:.35rem .6rem;border-radius:0;border-left:0;border-right:0}
  .hyperion-tab{flex:0 0 auto;padding:.6rem .85rem;font-size:.82rem}
  .hyperion-auth-tabs{margin:1rem 0;border-radius:12px;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1)}
  .hyperion-auth-card{padding:1.2rem 1rem 1.1rem}
  .hyperion-auth-social{grid-template-columns:1fr}
  .hyperion-partner-table th,.hyperion-partner-table td{padding:.55rem .6rem;font-size:.85rem}
}