/* ============================================================
   Mein Profil (/profil) & Meine Tickets (/archiv)
   Angleichung an zockerfreunde.at – wird NACH dem eigenen
   <style> der Seite geladen. Entfernen = alter Look.
   ============================================================ */
:root{
  --bg:#0b0d0f;--bg1:#111418;--bg2:#16191e;--card:#111418;
  --accent:#ffd700;--accent2:#d99b00;--border:#2a2e35;--border-hi:#3a3f48;
  --text:#d4d8e0;--text-bright:#f0f2f5;--text-dim:#7a8090;
  --green:#39d98a;--red:#ff4757;--blue:#5865f2;
  --gold-grad:linear-gradient(180deg,#fff8e1 0%,#ffe14d 40%,#ffd700 60%,#d99b00 100%);
  --glow:0 0 18px rgba(255,215,0,0.18);--shadow:0 8px 32px rgba(0,0,0,0.6);
}
body{font-family:var(--fb);font-size:16px;background:var(--bg);background-image:radial-gradient(circle at 50% 0,rgba(255,215,0,0.05),transparent 45%);background-attachment:fixed}
#bgfx{position:fixed;inset:0;z-index:0;pointer-events:none}
.login-wrap,.app{position:relative;z-index:1}

/* Gold-Überschriften */
.login-title,.header-title{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 0 22px rgba(255,215,0,0.32));text-transform:uppercase;letter-spacing:.08em}
.page-title,.detail-title,.pcard-name{letter-spacing:.04em}
.page-sub,.login-sub{font-family:var(--fm);letter-spacing:.16em}

/* Login-Box & Logos */
.login-box{background:rgba(17,20,24,.88);box-shadow:var(--shadow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.login-logo{filter:drop-shadow(0 0 26px rgba(57,217,138,0.4))}
.header-logo{filter:drop-shadow(0 0 10px rgba(57,217,138,.35))}
.btn-discord{box-shadow:0 6px 24px rgba(88,101,242,.3);font-weight:900;letter-spacing:.06em;text-transform:uppercase;font-size:13px;transition:.15s}
.btn-discord:hover{opacity:1;transform:translateY(-2px);box-shadow:0 10px 30px rgba(88,101,242,.45)}

/* Kopfzeile wie die Website-Navigation */
.header{background:rgba(11,13,15,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.avatar{border-color:rgba(255,215,0,.3)}

/* Karten */
.ticket-card,.detail-header,.rating-box,.pcard,.stat-big,.stat-tile{background:rgba(17,20,24,.92);border-radius:16px}
.ticket-card,.detail-header,.rating-box{border-radius:10px}
.ticket-card:hover{background:var(--bg2);box-shadow:var(--glow);transform:translateX(2px)}
.pcard{position:relative;overflow:hidden}
.pcard::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent 60%)}

/* Buttons wie auf der Website */
.btn-rate,.btn-save{font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:13px;box-shadow:0 6px 24px rgba(255,215,0,0.22);transition:.15s}
.btn-rate:hover,.btn-save:hover{opacity:1;transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,215,0,0.38)}
.btn-dl:hover,.btn-logout:hover{box-shadow:none}

/* Eingabefelder */
.fi,.ft,.rating-comment{background:#0a0c0f}
.fi:focus,.ft:focus,.rating-comment:focus{box-shadow:0 0 0 2px rgba(255,215,0,0.07)}
.fl{color:var(--accent);font-family:var(--fh);font-size:11px;letter-spacing:.1em}
.save-bar{background:linear-gradient(transparent,rgba(11,13,15,.95) 40%)}

/* Hinweis-Meldung */
.toast{border-left:4px solid var(--green);box-shadow:var(--shadow);font-family:var(--fb);font-size:15px;font-weight:600}
.toast.er{border-left-color:var(--red)}

@media (prefers-reduced-motion: reduce){ *{transition:none!important} }