/* Account button in the header + "Mein Profil" (includes/coinpusher-profile.php, page-coinpusher-profile.php). */
:root{--cc-twitch:#9146ff}
/* Bar: far right, same line as the navigation; never changes the header height or wraps. */
.cc-acct{position:relative;flex:none;display:flex;align-items:center}
.cc-acct-login,.cc-prof-tw{display:inline-flex;align-items:center;gap:.45rem;padding:0 .95rem;border-radius:999px;background:var(--cc-twitch);color:#fff!important;font-weight:850;font-size:.9rem;text-decoration:none;white-space:nowrap}
.cc-acct-login{height:38px;padding:0 .85rem 0 .75rem}
.cc-prof-tw{min-height:44px;box-shadow:0 4px 14px rgba(145,70,255,.3)}
.cc-acct-login:hover,.cc-prof-tw:hover{filter:brightness(1.08)}
.cc-acct-login svg,.cc-prof-tw svg,.cc-acct-drawer-login svg{width:16px;height:16px;flex:none}
.cc-acct-login[hidden],.cc-acct-user[hidden],.cc-acct-menu[hidden],.cc-acct-drawer-login[hidden],.cc-acct-drawer-user[hidden]{display:none!important}
.cc-acct-btn{appearance:none;display:inline-flex;align-items:center;gap:.45rem;height:38px;padding:0 .7rem 0 3px;border-radius:999px;border:1px solid var(--cc-border);background:var(--cc-surface);color:var(--cc-text);font:inherit;font-weight:800;font-size:.88rem;cursor:pointer}
.cc-acct-btn::after{content:"";width:.4em;height:.4em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.6}
.cc-acct-avatar{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;overflow:hidden;background:var(--cc-twitch);color:#fff;font-weight:900;font-size:.85rem}
.cc-acct-avatar img{width:100%;height:100%;object-fit:cover}
.cc-acct-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-acct-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:300;min-width:180px;margin:0;padding:6px;list-style:none;border-radius:14px;border:1px solid var(--cc-border);background:var(--cc-surface);box-shadow:0 14px 34px rgba(0,0,0,.22)}
.cc-acct-menu a,.cc-acct-menu button{display:block;width:100%;padding:.6rem .8rem;border:0;border-radius:10px;background:none;color:var(--cc-text);font:inherit;font-weight:750;text-align:left;text-decoration:none;cursor:pointer}
.cc-acct-menu a:hover,.cc-acct-menu button:hover,.cc-acct-menu a:focus-visible,.cc-acct-menu button:focus-visible{background:var(--cc-surface-2)}
.cc-acct-drawer{display:none}
/* 901–1180 px: tighter navigation so nothing wraps next to the pill. */
@media(min-width:901px) and (max-width:1180px){
  .site-header__inner{gap:.75rem}
  .primary-nav .menu>li>a{padding:.55rem .45rem;font-size:.88rem}
  .cc-acct-name{max-width:90px}
}
@media(min-width:901px) and (max-width:959px){.cc-acct-name{display:none}.cc-acct-btn{padding-right:.55rem}}
/* Phones/tablets: icon button next to the burger, profile head at the top of the opened menu. */
@media(max-width:900px){
  .site-header__inner:has(.cc-acct)>.cc-acct{order:1;margin-left:auto}
  .site-header__inner:has(.cc-acct)>.cc-menu-toggle{order:2;margin-left:0!important}
  .site-header__inner:has(.cc-acct)>.cc-theme-toggle{order:3}
  .cc-acct-login{width:40px;height:40px;padding:0;justify-content:center;border-radius:10px}
  .cc-acct-label,.cc-acct-name,.cc-acct-btn::after{display:none}
  .cc-acct-btn{width:40px;height:40px;padding:0;justify-content:center;border-radius:10px}
  .cc-acct-drawer,.cc-acct-drawer[hidden]{display:block;margin:0 0 .75rem;padding-bottom:.75rem;border-bottom:1px solid var(--cc-border)}
  .cc-acct-drawer-login{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;border-radius:12px;background:var(--cc-twitch);color:#fff!important;font-weight:850;text-decoration:none}
  .cc-acct-drawer-user{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.5rem}
  .cc-acct-drawer-head{display:flex;align-items:center;gap:.65rem;min-width:0;color:var(--cc-text);text-decoration:none;font-weight:850}
  .cc-acct-drawer-head .cc-acct-avatar{width:40px;height:40px;font-size:1rem}
  .cc-acct-drawer-head .cc-acct-name{display:block;max-width:none}
  .cc-acct-drawer-head small{display:block;font-size:.8rem;font-weight:700;color:var(--cc-accent)}
  .cc-acct-drawer-logout{border:1px solid var(--cc-border);background:var(--cc-surface-2);color:var(--cc-text);border-radius:10px;padding:.5rem .8rem;font:inherit;font-weight:750;cursor:pointer}
}

/* ---- Mein Profil ---- */
.cc-prof{padding-top:24px;display:grid;gap:22px}
.cc-prof .cc-live-breadcrumb{margin-bottom:0}
.cc-prof-msg{margin:0;padding:12px 16px;border-radius:14px;border:1px solid var(--cc-border);border-left:4px solid var(--cc-twitch);background:var(--cc-surface);font-weight:750}
.cc-prof-hero h1{margin:.2rem 0 .4rem;font-size:clamp(1.9rem,4vw,2.8rem)}
.cc-prof-hero--user{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}
.cc-prof-hero--user p{margin:0}
.cc-prof-avatar{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;overflow:hidden;background:var(--cc-twitch);color:#fff;font-size:2rem;font-weight:900;box-shadow:0 0 0 4px color-mix(in srgb,var(--cc-twitch) 25%,transparent)}
.cc-prof-avatar img{width:100%;height:100%;object-fit:cover}
.cc-prof-small{font-size:.86rem;color:var(--cc-muted)}
.cc-prof-section h2{margin:.1rem 0 14px}
.cc-prof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cc-prof-tile{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:16px;border:1px solid var(--cc-border);background:var(--cc-surface-2)}
.cc-prof-tile strong{font-size:1.6rem;font-variant-numeric:tabular-nums;line-height:1.15}
.cc-prof-tile strong small{font-size:.55em;font-weight:650;color:var(--cc-muted)}
.cc-prof-tile-label{font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em;color:var(--cc-muted)}
.cc-prof-tile-sub{font-size:.86rem;font-weight:750;color:var(--cc-muted)}
.cc-prof-tile.is-ghost{border-style:dashed;opacity:.7}
.cc-prof-tile.is-top{--m:#c27a3a;border-color:color-mix(in srgb,var(--m) 55%,var(--cc-border));background:linear-gradient(180deg,color-mix(in srgb,var(--m) 16%,var(--cc-surface)),var(--cc-surface-2))}
.cc-prof-tile.is-top-1{--m:#e0a91b}.cc-prof-tile.is-top-2{--m:#9aa6b8}
.cc-prof-tile.is-top .cc-prof-tile-sub{color:var(--m)}
.cc-prof-tile--coins strong{color:#e0a91b}
.cc-prof-hint{margin:14px 0 0;font-weight:750}
.cc-prof-more{margin:14px 0 0;font-weight:750}
.cc-prof-ghost{text-align:center}
.cc-prof-ghost-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cc-prof-ghost-row span{height:86px;border-radius:16px;border:1px dashed var(--cc-border);background:var(--cc-surface-2);opacity:.6}
.cc-prof-ghost-row span:nth-child(2){height:104px}
.cc-prof-ghost-row{align-items:end}
.cc-prof-ghost p{margin:14px 0 0;font-weight:750}
.cc-prof-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px;margin-top:12px}
.cc-prof-item{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:12px;border-radius:16px;border:1px solid var(--cc-border);background:var(--cc-surface-2)}
.cc-prof-item.is-on{border-color:color-mix(in srgb,var(--cc-twitch) 60%,var(--cc-border));box-shadow:0 0 0 1px color-mix(in srgb,var(--cc-twitch) 40%,transparent)}
.cc-prof-item-text{display:flex;flex-direction:column;min-width:0}
.cc-prof-item-slot{font-size:.74rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em;color:var(--cc-muted)}
.cc-prof-item form{margin:0}
.cc-prof-btn{min-height:38px;padding:0 14px;font-size:.88rem}
.cc-prof-pv{display:grid;place-items:center;width:64px;height:64px;border-radius:14px;background:#0e0f12}
.cc-prof-coin{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8,transparent 40%),var(--c,#ffd166);box-shadow:0 0 14px var(--g,#fff3b0)}
.cc-prof-plate{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 6px;border-radius:7px;font-size:.62rem;font-weight:850;color:#fff;border:2px solid #ffd166}
.cc-prof-plate--neon{border-color:#5fffe0;box-shadow:0 0 10px #5fffe0}
.cc-prof-plate--rainbow{border-color:transparent;background:linear-gradient(#0e0f12,#0e0f12) padding-box,linear-gradient(90deg,#ff5f5f,#ffd166,#7dff9f,#5fd3ff,#b77dff) border-box}
.cc-prof-fx{font-size:1.9rem;color:#ffd166;text-shadow:0 0 12px #ffd166}
.cc-prof-orders{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.cc-prof-orders li{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;border:1px solid var(--cc-border);background:var(--cc-surface-2)}
.cc-prof-order-item{display:flex;flex-direction:column}
.cc-prof-order-amount{font-weight:850;font-variant-numeric:tabular-nums}
.cc-prof-order-pdf{font-weight:800}
.cc-prof-privacy{margin:0}
/* "Profil löschen": quiet section at the bottom, modal with the honest list. */
.cc-prof-danger{padding:18px 20px;border-radius:18px;border:1px dashed color-mix(in srgb,#e5484d 45%,var(--cc-border))}
.cc-prof-danger h2{margin:0 0 4px;font-size:1.1rem}
.cc-prof-danger p{margin:0 0 10px}
.cc-prof-danger-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid #e5484d;background:transparent;color:#e5484d;font:inherit;font-weight:800;cursor:pointer}
.cc-prof-danger-btn:hover,.cc-prof-danger-btn:focus-visible{background:color-mix(in srgb,#e5484d 12%,transparent)}
.cc-prof-danger-btn--solid{background:#e5484d;color:#fff}
.cc-prof-danger-btn--solid:hover,.cc-prof-danger-btn--solid:focus-visible{background:#c9353a}
.cc-prof-dialog{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px;border-radius:20px;border:1px solid var(--cc-border);background:var(--cc-surface);color:var(--cc-text);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.cc-prof-dialog::backdrop{background:rgba(5,7,12,.72);backdrop-filter:blur(3px)}
.cc-prof-dialog h2{margin:0 0 14px;font-size:1.4rem;outline:none}
.cc-prof-dialog h3{margin:0 0 6px;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--cc-muted)}
.cc-prof-dialog ul{margin:0;padding-left:1.1rem;display:grid;gap:6px;font-size:.9rem;line-height:1.45;color:var(--cc-muted)}
.cc-prof-dialog ul strong{color:var(--cc-text)}
.cc-prof-dlg-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cc-prof-dlg-cols>div{padding:14px;border-radius:14px;background:var(--cc-surface-2);border:1px solid var(--cc-border)}
.cc-prof-dlg-cols>div:first-child{border-color:color-mix(in srgb,#e5484d 40%,var(--cc-border))}
.cc-prof-check{display:flex;gap:8px;align-items:flex-start;margin:14px 0 10px;font-weight:700}
.cc-prof-check input{margin-top:.25rem;accent-color:#e5484d}
.cc-prof-word{display:grid;gap:6px;font-weight:700}
.cc-prof-word input{min-height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--cc-border);background:var(--cc-surface-2);color:var(--cc-text);font:inherit;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.cc-prof-word input:focus{outline:2px solid #e5484d;outline-offset:1px}
.cc-prof-dlg-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.cc-prof-deleted h1{font-size:clamp(1.7rem,4vw,2.4rem)}
@media(max-width:640px){
  .cc-prof-dialog{padding:18px;border-radius:16px}
  .cc-prof-dlg-cols{grid-template-columns:1fr}
  .cc-prof-dlg-actions{flex-direction:column-reverse}
  .cc-prof-dlg-actions>*{width:100%}
}
@media(max-width:900px){.cc-prof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .cc-prof-hero--user{grid-template-columns:auto 1fr}
  .cc-prof-logout{grid-column:1/-1}
  .cc-prof-logout .cc-live-btn{width:100%}
  .cc-prof-tile strong{font-size:1.3rem}
  .cc-prof-item{grid-template-columns:56px 1fr}
  .cc-prof-item form{grid-column:1/-1}
  .cc-prof-item .cc-live-btn{width:100%}
  .cc-prof-pv{width:56px;height:56px}
  .cc-prof-orders li{grid-template-columns:1fr auto}
  .cc-prof-order-pdf,.cc-prof-orders li>.cc-prof-small{grid-column:1/-1}
}
@media(prefers-reduced-motion:no-preference){.cc-prof-coin{animation:cc-prof-spin 3s linear infinite}@keyframes cc-prof-spin{50%{transform:scaleX(.35)}}}

/* "Dein Look im Stream" (14.11.2026): one block per kind, active item on top, owned items as small tap tiles */
.cc-prof-look{margin-top:14px;padding:12px;border-radius:16px;border:1px solid var(--cc-border);background:var(--cc-surface-2)}
.cc-prof-look-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;align-items:baseline;margin-bottom:10px}
.cc-prof-look-now{font-size:.85rem;color:var(--cc-muted)}
.cc-prof-look-now b{color:var(--cc-text)}
.cc-prof-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
.cc-prof-tile-form{margin:0}
.cc-prof-pick{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;height:100%;padding:10px 6px 8px;border-radius:14px;border:2px solid transparent;background:var(--cc-surface);color:var(--cc-text);font:inherit;cursor:pointer;text-align:center;transition:border-color .15s,transform .15s}
.cc-prof-pick:hover{transform:translateY(-2px);border-color:var(--cc-border)}
.cc-prof-pick.is-on{border-color:var(--cc-twitch);box-shadow:0 0 0 2px color-mix(in srgb,var(--cc-twitch) 25%,transparent)}
.cc-prof-pick.is-on::after{content:"✓";position:absolute;top:4px;right:6px;width:20px;height:20px;border-radius:50%;background:var(--cc-twitch);color:#fff;font-size:.75rem;font-weight:900;line-height:20px}
.cc-prof-pick-name{font-size:.78rem;font-weight:800;line-height:1.15}
.cc-prof-pick-tag{font-size:.68rem;font-weight:800;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--cc-twitch) 16%,transparent);color:var(--cc-twitch)}
.cc-prof-coin--pic{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:none!important;box-shadow:none!important}
.cc-prof-coin--pic img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.cc-prof-pick .cc-prof-plate{font-size:.7rem;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-prof-pick .cc-prof-coin{width:46px;height:46px;animation:none} /* tiles: calm, no spinning grid */