/* =====================================================================
   Rap Battle Studios 6.8 — MAX platform-wide product system
   Extends the reference-locked V6.5 dashboard and V6.7 MAX studio to
   Arena, Battles/Liga, Beats, Charts, Community and Profile.
   ===================================================================== */
:root{
  --v68-bg:#04090c;
  --v68-bg2:#071014;
  --v68-panel:#081216;
  --v68-panel2:#0b171c;
  --v68-panel3:#0d1b21;
  --v68-line:#1b2c34;
  --v68-line2:#2a3c45;
  --v68-text:#f5f7f8;
  --v68-muted:#7e8d94;
  --v68-muted2:#a9b5ba;
  --v68-red:#ff123d;
  --v68-red2:#ff3156;
  --v68-ok:#57e39c;
  --v68-warn:#ffc66d;
  --v68-shadow:0 28px 80px -46px #000;
}

/* Shared authenticated app shell ------------------------------------------------ */
body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"],[data-view="arena"]){
  background:
    radial-gradient(circle at 83% -8%,rgba(255,18,61,.09),transparent 28%),
    radial-gradient(circle at 4% 8%,rgba(32,73,86,.12),transparent 25%),
    var(--v68-bg)!important;
  color:var(--v68-text);
}
body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"],[data-view="arena"]) .foot{display:none!important}
body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"],[data-view="arena"]) .page{
  max-width:1440px!important;
  padding:22px 14px 70px!important;
  margin:0 auto!important;
}

/* Same navigation language as the reference dashboard. */
body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"],[data-view="arena"]) .topbar{
  height:58px!important;min-height:58px!important;padding:0 clamp(18px,2.6vw,34px)!important;gap:19px!important;
  background:rgba(4,9,12,.97)!important;border-bottom:1px solid #17242b!important;box-shadow:none!important;
}
body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"],[data-view="arena"]) .brand{
  width:112px;height:52px;min-width:112px;padding:0!important;display:block!important;overflow:hidden;
}
body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"],[data-view="arena"]) .brand-mark{
  display:block!important;width:112px!important;height:52px!important;border:0!important;border-radius:0!important;
  background:url('/bilder/ref-logo.png') center/contain no-repeat!important;color:transparent!important;box-shadow:none!important;
}
body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"],[data-view="arena"]) .brand-mark:after,
body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"],[data-view="arena"]) .brand>span:last-child{display:none!important}
body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"],[data-view="arena"]) #navApp{height:100%;gap:0!important;flex-wrap:nowrap!important}
body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"],[data-view="arena"]) .nav-main button{
  height:58px!important;min-height:58px!important;padding:0 13px!important;border-radius:0!important;background:transparent!important;
  color:#aeb7bb!important;font-size:10px!important;font-weight:600!important;position:relative;
}
body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"],[data-view="arena"]) .nav-main button.on{color:#fff!important;box-shadow:none!important}
body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"],[data-view="arena"]) .nav-main button.on:after{
  content:"";position:absolute;left:13px;right:13px;bottom:7px;height:2px;background:var(--v68-red);
}
body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"],[data-view="arena"]) .v64-search-open{
  height:36px!important;flex-basis:210px!important;max-width:230px!important;border-radius:7px!important;background:#071014!important;border-color:#25343c!important;color:#78858b!important;font-size:9px!important;
}
body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"],[data-view="arena"]) .v64-search-open kbd{display:none}
body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"],[data-view="arena"]) .artist-chip{
  height:42px!important;padding:4px 8px!important;background:transparent!important;border:0!important;box-shadow:none!important;
}

/* Page hero --------------------------------------------------------------------- */
body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"]) .view-heading{
  min-height:188px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;
  margin:0 0 12px!important;padding:30px 34px!important;border:1px solid var(--v68-line)!important;border-radius:12px!important;
  background:#071014!important;box-shadow:var(--v68-shadow);
}
body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"]) .view-heading:before{
  content:"";position:absolute;z-index:-2;inset:0;background-position:center;background-size:cover;opacity:.38;filter:saturate(.75) contrast(1.1);
}
body[data-view="charts"] .view-heading:before{background-image:url('/bilder/ref-event-stage.png');background-position:center 40%}
body[data-view="liga"] .view-heading:before{background-image:url('/bilder/ref-hero-stage-eventclean2.png');background-position:72% center}
body[data-view="beats"] .view-heading:before{background-image:url('/bilder/mix.jpg');background-position:65% center}
body[data-view="chat"] .view-heading:before{background-image:url('/bilder/ref-feed-art.png');background-position:72% center}
body[data-view="profil"] .view-heading:before{background-image:url('/bilder/ref-profile-bg.png');background-position:70% center}
body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"]) .view-heading:after{
  content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#050b0f 0%,rgba(5,11,15,.97) 42%,rgba(5,11,15,.62) 72%,rgba(5,11,15,.42) 100%);
}
body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"]) .view-heading>div{max-width:630px}
body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"]) .view-heading .kicker{
  color:var(--v68-red2)!important;font-size:8px!important;font-weight:900!important;letter-spacing:.18em!important;
}
body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"]) .view-heading h2{
  margin:8px 0 9px!important;font:800 clamp(34px,4vw,54px)/.93 var(--display)!important;letter-spacing:-.048em!important;color:#fff!important;
}
body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"]) .view-heading p{
  max-width:500px;margin:0!important;color:#a8b3b8!important;font-size:11px!important;line-height:1.55!important;
}

/* Live metadata strip injected by v68.js. */
.v68-meta{
  min-height:58px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 12px;border:1px solid var(--v68-line);border-radius:9px;overflow:hidden;background:#071014;
}
.v68-meta-item{min-width:0;padding:10px 14px;border-right:1px solid var(--v68-line);display:flex;flex-direction:column;justify-content:center}
.v68-meta-item:last-child{border-right:0}.v68-meta-item small{color:#64747c;font-size:7px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.v68-meta-item strong{margin-top:4px;color:#edf1f3;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v68-meta-item[data-tone="red"] strong{color:#ff4362}.v68-meta-item[data-tone="ok"] strong{color:#67e7a8}

/* Tabs / filters ---------------------------------------------------------------- */
body:is([data-view="charts"],[data-view="liga"],[data-view="profil"]) .reiter{
  width:max-content;max-width:100%;margin:0 0 12px!important;padding:4px!important;gap:3px!important;border:1px solid var(--v68-line)!important;border-radius:8px!important;background:#071014!important;overflow:auto;
}
body:is([data-view="charts"],[data-view="liga"],[data-view="profil"]) .reiter button{
  min-height:32px!important;padding:0 13px!important;border-radius:5px!important;background:transparent!important;color:#7e8c93!important;font:800 8.5px/1 var(--font)!important;letter-spacing:.035em!important;
}
body:is([data-view="charts"],[data-view="liga"],[data-view="profil"]) .reiter button.on,
body:is([data-view="charts"],[data-view="liga"],[data-view="profil"]) .reiter button[aria-selected="true"]{
  background:linear-gradient(180deg,#ff1942,#d90d33)!important;color:#fff!important;box-shadow:none!important;
}
#chartsErklaerung{margin:0 0 12px!important;padding:10px 12px;border-left:2px solid #70303d;color:#74848b!important;font-size:9px!important;line-height:1.5;background:#061014}

/* CHARTS ------------------------------------------------------------------------ */
body[data-view="charts"] #chartsListe{display:grid;gap:7px}
body[data-view="charts"] .chartzeile{
  min-height:74px;display:grid;grid-template-columns:42px 56px minmax(0,1fr) 42px 70px;gap:11px;align-items:center;
  padding:8px 11px;border:1px solid var(--v68-line)!important;border-radius:9px!important;background:linear-gradient(180deg,#081216,#061014)!important;box-shadow:none!important;transition:.16s ease;
}
body[data-view="charts"] .chartzeile:hover{transform:translateY(-1px);border-color:#33464f!important;background:#0a171c!important}
body[data-view="charts"] .platz{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;border:1px solid #263840;background:#0d191e;color:#cbd3d6;font:800 12px var(--display)}
body[data-view="charts"] .platz.gold{color:#ffe093;border-color:#5b4c28;background:#19170d}body[data-view="charts"] .platz.silber{color:#d9e2e6;border-color:#49565c}body[data-view="charts"] .platz.bronze{color:#e8a77d;border-color:#5d3d2e;background:#18100d}
body[data-view="charts"] .chartbild{width:54px;height:54px;border-radius:7px;overflow:hidden;background:#111c21}
body[data-view="charts"] .chartmitte strong{display:block;color:#fff;font-size:11px}.chartmitte .zeile{margin-top:5px;gap:6px!important;color:#718189!important;font-size:8px!important}
body[data-view="charts"] .icon-btn{width:34px;height:34px;border-radius:50%!important;border:1px solid #2b3c44!important;background:#0d1a20!important;color:#fff!important}
body[data-view="charts"] .stimme{min-width:62px;min-height:40px;border-radius:7px!important;border:1px solid #2b3c44!important;background:#0a151a!important;color:#9eabb1!important}.stimme.an{border-color:#753040!important;background:#1a0f13!important;color:#ff5871!important}.stimme .zahl{font-weight:900}

/* BATTLE LIGA / tournament ------------------------------------------------------- */
body[data-view="liga"] .ligaflaeche{overflow:auto;border:1px solid var(--v68-line);border-radius:11px;background:linear-gradient(180deg,#071014,#040a0d);padding:16px;min-height:330px}
body[data-view="liga"] .baum{gap:12px;padding:2px;align-items:stretch}
body[data-view="liga"] .baumspalte{min-width:226px;gap:10px;padding:8px;border:1px solid #16262d;border-radius:9px;background:#071115}
body[data-view="liga"] .baumkopf{height:30px;display:flex;align-items:center;padding:0 8px;border-radius:5px;background:#0d1a20;color:#ff3d5c!important;font:900 8px/1 var(--font)!important;letter-spacing:.12em;text-transform:uppercase}
body[data-view="liga"] .paarung{overflow:hidden;border:1px solid #1e3038!important;border-radius:8px!important;background:#091419!important;box-shadow:none!important}
body[data-view="liga"] .paarung.offen{background:linear-gradient(145deg,#101319,#120c10)!important;border-color:#43212a!important}
body[data-view="liga"] .paarung .frist{padding:7px 9px!important;background:#070f13!important;border-bottom:1px solid #1c2b32!important;color:#798991!important;font-size:7.5px!important;text-transform:uppercase;letter-spacing:.08em}
body[data-view="liga"] .paarung .seite{min-height:45px;padding:8px 9px!important;background:transparent!important}.paarung .seite.ich{box-shadow:inset 2px 0 #ff123d!important}.paarung .seite.sieger{background:rgba(87,227,156,.06)!important}.paarung .seite.sieger .wer{color:#73e8b0!important}.paarung .wer{font-size:9.5px!important}.paarung .punkte{font-size:10px!important}.paarung .gegen{padding:3px 9px!important;color:#56676f!important;font-size:7px!important;text-transform:uppercase;letter-spacing:.1em}
body[data-view="liga"] .minibtn{min-height:27px;padding:0 8px;border:1px solid #53303a!important;border-radius:5px!important;background:#160e12!important;color:#ff5670!important;font-size:7.5px!important}
body[data-view="liga"] #ligaList{display:grid;gap:7px}.turniersieger{margin:0 0 12px;padding:14px;border:1px solid #58303a;border-radius:8px;background:linear-gradient(90deg,#160b10,#091116);display:flex;align-items:center;justify-content:space-between;gap:12px}.turniersieger span{color:#ff4f69;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.turniersieger strong{font:800 18px var(--display)}

/* BEATS ------------------------------------------------------------------------- */
body[data-view="beats"] .boerse-kopf{min-height:56px;margin:0 0 8px!important;padding:8px;border:1px solid var(--v68-line);border-radius:9px;background:#071014;display:flex!important;gap:8px!important;align-items:center!important}
body[data-view="beats"] .beat-feld{flex:1;position:relative}.beat-lupe{left:10px!important;color:#6e7e86!important}.beat-feld input{height:38px!important;padding-left:35px!important;border:1px solid #263840!important;border-radius:6px!important;background:#050c10!important;color:#eaf0f2!important;font-size:9px!important;box-shadow:none!important}.beat-feld input:focus{border-color:#6b2d3a!important;box-shadow:0 0 0 2px rgba(255,18,61,.08)!important}.boerse-zahl{padding:0 10px;color:#74838a!important;font-size:8px!important;font-weight:800!important;white-space:nowrap}
body[data-view="beats"] .beat-genres{display:flex!important;gap:5px!important;overflow:auto;margin:0 0 12px;padding-bottom:2px}.beat-genres button{min-height:30px;padding:0 11px;border:1px solid #21323a!important;border-radius:6px!important;background:#081216!important;color:#73848b!important;font-size:8px!important;font-weight:800!important;white-space:nowrap}.beat-genres button.on{border-color:#6f2d3b!important;background:#1a0e13!important;color:#ff5670!important}
body[data-view="beats"] #beatBoerse.feed-gitter{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
body[data-view="beats"] .beatkachel{position:relative;min-height:178px;margin:0!important;padding:16px!important;border:1px solid var(--v68-line)!important;border-radius:10px!important;background:linear-gradient(160deg,#0a151a,#050c10)!important;box-shadow:none!important;overflow:hidden;transform:none!important}
body[data-view="beats"] .beatkachel:before{content:"";position:absolute;left:0;right:0;bottom:64px;height:35px;opacity:.24;background:repeating-linear-gradient(90deg,#ff153f 0 2px,transparent 2px 7px);mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent);pointer-events:none}
body[data-view="beats"] .beatkachel:hover{border-color:#3a4b54!important;transform:translateY(-2px)!important}.beatkopf{display:flex!important;justify-content:space-between!important;gap:10px!important}.beatkopf strong{font:800 13px var(--display)!important;color:#fff!important}.lizenz{padding:5px 7px!important;border-radius:5px!important;background:#0d1a1f!important;border:1px solid #243740!important;color:#829198!important;font-size:6.8px!important;white-space:nowrap}.lizenz.frei{border-color:#27503f!important;color:#6de9ae!important;background:#0b1914!important}.lizenz.nennung{border-color:#584926!important;color:#ffd37f!important;background:#19160c!important}.beatmeta{margin-top:6px!important;color:#ff4965!important;font-size:8px!important;font-weight:800!important}.beatlizenz{max-width:88%;margin-top:10px!important;color:#75858d!important;font-size:8.5px!important;line-height:1.45!important}.beatknoepfe{position:absolute;left:16px;right:16px;bottom:14px;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.beatknoepfe .icon-btn{width:34px!important;height:34px!important;border-radius:50%!important;border:1px solid #2d3f47!important;background:#0c181d!important;color:#fff!important}.beatknoepfe .btn-amber{min-height:34px!important;padding:0 12px!important;border-radius:6px!important;border-color:#ff3155!important;background:linear-gradient(180deg,#ff1942,#db0e34)!important;color:#fff!important;font-size:8px!important;box-shadow:none!important}

/* COMMUNITY / CHAT -------------------------------------------------------------- */
.v68-chat-tools{display:flex;align-items:center;gap:7px;margin:0 0 8px;padding:7px;border:1px solid var(--v68-line);border-radius:8px;background:#071014}.v68-chat-search{flex:1;height:34px;border:1px solid #24363e!important;border-radius:6px!important;background:#050c10!important;color:#e9eef0!important;padding:0 10px!important;font-size:9px!important}.v68-chat-tools span{padding:0 6px;color:#687880;font-size:7.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
body[data-view="chat"] .chat-zwei{grid-template-columns:310px minmax(0,1fr)!important;gap:8px!important;height:min(650px,67vh)!important;padding:8px;border:1px solid var(--v68-line);border-radius:11px;background:#050c10}
body[data-view="chat"] .chat-liste{overflow:auto;border:1px solid #172930!important;border-radius:8px!important;background:#071115!important;padding:5px!important}
body[data-view="chat"] .chatperson{width:100%;min-height:62px;padding:8px 9px!important;border:0!important;border-bottom:1px solid #17262d!important;border-radius:6px!important;background:transparent!important;color:#dfe5e8!important}.chatperson:last-child{border-bottom:0!important}.chatperson:hover{background:#0a171c!important}.chatperson.an{background:linear-gradient(90deg,#160e12,#0a171c)!important;box-shadow:inset 2px 0 #ff163f!important}.chatbild{width:38px!important;height:38px!important;border:1px solid #3a2c31!important;background:linear-gradient(135deg,#5a2b22,#0e1619)!important;color:#fff!important;font-size:11px!important}.chatname b{font-size:9.5px!important}.chatname small{margin-top:3px!important;color:#66777f!important;font-size:7.5px!important}.ungelesen{min-width:20px!important;height:20px!important;border-radius:50%!important;background:#ff153e!important;color:#fff!important;font-size:7px!important}
body[data-view="chat"] .chat-raum{min-width:0;border:1px solid #172930!important;border-radius:8px!important;background:linear-gradient(180deg,#071115,#040b0e)!important;overflow:hidden}.chat-verlauf{padding:20px!important;background:radial-gradient(circle at 50% -20%,rgba(255,18,61,.05),transparent 40%)!important}.blase{max-width:70%!important;border-radius:10px!important;padding:9px 12px!important;border:1px solid #1d2f37!important;background:#0b171c!important;box-shadow:none!important}.blase.meine{border-color:#592936!important;background:linear-gradient(145deg,#1a0d12,#110c10)!important;color:#fff!important;border-bottom-right-radius:3px!important}.blase.andere{border-bottom-left-radius:3px!important}.blase p{font-size:9.5px!important}.blase time{font-size:7px!important;color:#718189!important}.chat-eingabe{padding:9px!important;border-top:1px solid #172930!important;background:#071115!important}.chat-eingabe input{height:38px!important;border:1px solid #263840!important;border-radius:6px!important;background:#050c10!important;font-size:9.5px!important}.chat-eingabe .btn-amber{height:38px!important;border-radius:6px!important;background:#ff153e!important;color:#fff!important;border-color:#ff3154!important;font-size:8.5px!important}

/* PROFILE ------------------------------------------------------------------------ */
body[data-view="profil"] #profilKopf{margin:0 0 10px}
body[data-view="profil"] .profilkopf{min-height:116px;padding:18px 20px;border:1px solid var(--v68-line);border-radius:10px;background:linear-gradient(105deg,#071115 0%,#091419 58%,#110b0e 100%);position:relative;overflow:hidden}
body[data-view="profil"] .profilkopf:after{content:"";position:absolute;inset:0 0 0 58%;background:url('/bilder/ref-profile-bg.png') center/cover no-repeat;opacity:.18;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.profilbild{width:72px!important;height:72px!important;border:1px solid #6b3842!important;background:linear-gradient(145deg,#6e3828,#11191c)!important;color:#fff!important;font:800 25px var(--display)!important;box-shadow:0 14px 35px -22px #000!important}.profilkopf h2{font:800 23px var(--display)!important;letter-spacing:-.03em!important}.profilkopf .zeile{margin-top:7px!important;color:#7c8c93!important;font-size:8.5px!important}.rangchip{border-radius:5px!important;padding:5px 7px!important;background:#0d1a1f!important;border:1px solid #2a3a42!important;color:#c7d0d4!important;font-size:7px!important}
body[data-view="profil"] #profilInhalt>.card,body[data-view="profil"] .stufe,body[data-view="profil"] #profilInhalt .leerkasten{border:1px solid var(--v68-line)!important;border-radius:9px!important;background:linear-gradient(180deg,#081216,#050c10)!important;box-shadow:none!important}.stufen{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}.stufe{padding:14px!important}.stufe.jetzt{border-color:#70303e!important;background:linear-gradient(155deg,#160c10,#071115)!important}.stufe.erreicht:not(.jetzt){border-color:#27503f!important}.stufenbedingung{margin:11px 0!important}.stufenbedingung span{padding:4px 6px!important;border-radius:4px!important;background:#0b171b!important;color:#687980!important;font-size:7px!important}.stufenbedingung span.hab{color:#69e6aa!important}.stufe p{color:#73838a!important;font-size:8px!important;line-height:1.5!important}.kontozeile{min-height:43px!important;padding:0 3px;border-bottom:1px solid #172930!important}.kontozeile:last-child{border-bottom:0!important}.kontozeile span{color:#718188!important;font-size:8px!important}.kontozeile b{font-size:9.5px!important}.form{background:transparent!important;padding:0!important}.form input{min-height:40px!important;border:1px solid #273941!important;border-radius:6px!important;background:#050c10!important;color:#fff!important;font-size:9px!important}.form .btn{min-height:36px!important;border-radius:6px!important;font-size:8px!important}
body[data-view="profil"] #profilInhalt .feed-gitter{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}.songkachel{border:1px solid var(--v68-line)!important;border-radius:9px!important;background:#071115!important;overflow:hidden;box-shadow:none!important}.songkachel .bild{aspect-ratio:1.25/1!important}.songkachel .unten{padding:10px!important}.songkachel .unten strong{font-size:9.5px!important}.songkachel .offen,.songkachel .nurdu{font-size:7px!important}.songkachel .minibtn{min-height:27px!important;border-radius:5px!important;border-color:#273941!important;background:#0a151a!important;color:#99a7ad!important;font-size:7px!important}.songkachel .minibtn.hell{border-color:#6f2d3a!important;background:#1a0e13!important;color:#ff5670!important}

/* ARENA — upgraded from V6.2 functional shell ---------------------------------- */
body[data-view="arena"] #page-arena{max-width:1440px!important;padding:0 10px 70px!important}
body[data-view="arena"] .v62-shell{max-width:none!important;padding:22px 4px 20px!important}
body[data-view="arena"] .v62-head{position:relative;isolation:isolate;min-height:200px;align-items:flex-end!important;margin:0 0 10px!important;padding:30px 34px;border:1px solid var(--v68-line);border-radius:12px;overflow:hidden;background:#071014}
body[data-view="arena"] .v62-head:before{content:"";position:absolute;z-index:-2;inset:0;background:url('/bilder/ref-hero-stage-eventclean2.png') 78% center/cover no-repeat;opacity:.5}
body[data-view="arena"] .v62-head:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#050b0f 0%,rgba(5,11,15,.97) 48%,rgba(5,11,15,.5) 100%)}
body[data-view="arena"] .v6-kicker{color:#ff3154!important;font-size:8px!important;font-weight:900!important;letter-spacing:.17em!important}.v6-kicker i{background:#ff153e!important}
body[data-view="arena"] .v62-head h2{margin:9px 0 8px!important;font:800 clamp(38px,4.4vw,60px)/.9 var(--display)!important;letter-spacing:-.05em!important}.v62-head h2 em{color:#ff173f!important;font-style:normal}.v62-head p{max-width:560px!important;color:#9aa8ae!important;font-size:10px!important;line-height:1.55!important}
body[data-view="arena"] #v62CreateChallenge{position:relative;z-index:2;min-height:38px;border-radius:6px!important;border:1px solid #ff3154!important;background:linear-gradient(180deg,#ff1942,#dc0e34)!important;color:#fff!important;font-size:9px!important;box-shadow:none!important}
body[data-view="arena"] .v62-arena-grid{grid-template-columns:1.5fr .72fr!important;gap:9px!important}.v62-subgrid{gap:9px!important;margin-top:9px!important}.v62-arena-grid>article,.v62-subgrid>article{border:1px solid var(--v68-line)!important;border-radius:10px!important;background:linear-gradient(180deg,#081216,#050c10)!important;padding:15px!important;box-shadow:none!important}.v62-live-card{background:radial-gradient(circle at 50% 42%,rgba(255,18,61,.11),transparent 44%),linear-gradient(180deg,#091318,#050c10)!important}.v61-cardtop{min-height:28px!important;border-bottom:1px solid #1a2b32!important;color:#66777f!important;font-size:7px!important;font-weight:900!important;letter-spacing:.12em!important}.v61-cardtop span{color:#ff3a59!important}.v61-live-dot{color:#65e6a5!important}.v62-battle-stage{gap:55px!important;padding:27px 10px 21px!important}.v62-avatar{width:94px!important;height:94px!important;border:1px solid #354850!important;background:linear-gradient(145deg,#1c2930,#071014)!important;font-size:27px!important}.v62-avatar.hot{border-color:#73313e!important;background:linear-gradient(145deg,#48212a,#0b1216)!important;box-shadow:0 20px 60px -32px rgba(255,18,61,.7)!important}.v62-contestant b{font-size:11px!important}.v62-contestant small{color:#697981!important;font-size:7px!important}.v62-vsmark{font-size:27px!important;color:#ff163f!important}.v62-roundbar{font-size:7px!important}.v62-roundbar>div{background:#17272e!important}.v62-roundbar i,.v62-bars i{background:linear-gradient(90deg,#ff123d,#ff4a67)!important;box-shadow:0 0 12px rgba(255,18,61,.25)!important}.v62-live-actions{gap:6px!important;margin-top:14px!important}.v62-live-actions .btn{min-height:34px!important;border-radius:6px!important;font-size:7.5px!important}.v62-live-actions .btn-amber{background:#ff153e!important;color:#fff!important;border-color:#ff3154!important}.v62-live-actions .btn-ghost{background:#0b171c!important;border-color:#263840!important;color:#bac4c8!important}.v62-queue-item{padding:10px 0!important;border-bottom-color:#17272e!important}.v62-miniavatar{background:#0c181d!important;border-color:#2b3d45!important}.v62-queue-item b{font-size:9px!important}.v62-queue-item small{font-size:7px!important;color:#63747c!important}.v62-queue-item em{font-size:6.5px!important;color:#ff4966!important}.v63-challenge-actions button{min-height:27px!important;border-radius:5px!important;font-size:7px!important}.v62-follow-list>div,.v62-notify-list>div{border-bottom-color:#17272e!important}.v62-follow{border-radius:5px!important;background:#0b171c!important;border-color:#2a3c44!important;font-size:7px!important}.v62-follow.on{border-color:#6d2f3c!important;background:#190e12!important;color:#ff5871!important}.v62-profile-avatar{background:linear-gradient(145deg,#653223,#0e171a)!important;border-color:#67404a!important}.v62-stats{border-color:#182a31!important}.v62-badges span{background:#0a151a!important;border-color:#24363e!important;color:#819098!important}.v63-readall{border-color:#2c3d45!important;background:#0a151a!important;color:#88989f!important}

/* Dialogs match the app rather than looking like an older module. */
body[data-view="arena"] dialog::backdrop{background:rgba(0,4,6,.78);backdrop-filter:blur(9px)}.v62-modal{border-radius:12px!important;border-color:#2a3c44!important;background:linear-gradient(180deg,#091419,#040b0e)!important;padding:22px!important}.v62-modal h2{font-size:38px!important}.v62-modal h2 em{color:#ff173f!important}.v62-modal input,.v62-modal select,.v62-modal textarea{border-radius:6px!important;border-color:#273941!important;background:#050c10!important;font-size:9px!important}.v62-rounds button{border-radius:5px!important}.v62-player{border-radius:8px!important;border-color:#24363e!important;background:#050c10!important}.v62-player button{background:#ff153e!important}.v62-disclaimer{color:#687980!important}

/* Shared empty/error state ------------------------------------------------------- */
body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"],[data-view="arena"]) .leerkasten,
body[data-view="arena"] .v62-empty{
  border:1px dashed #263941!important;border-radius:8px!important;background:#061014!important;color:#73838a!important;box-shadow:none!important;line-height:1.55!important;
}
body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"]) .leerkasten{padding:22px!important;font-size:9px!important}.leerkasten b{display:block!important;margin-bottom:5px!important;color:#e9edef!important;font-size:11px!important}

/* Motion and keyboard focus ------------------------------------------------------ */
body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"],[data-view="arena"]) :focus-visible{outline:2px solid #ff3154!important;outline-offset:2px!important}
@media (prefers-reduced-motion:no-preference){
  body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"],[data-view="arena"]) .page.on>.view-heading,
  body[data-view="arena"] .v62-head{animation:v68-enter .34s cubic-bezier(.22,1,.36,1) both}
  @keyframes v68-enter{from{opacity:.01;transform:translateY(5px)}to{opacity:1;transform:none}}
}

/* Responsive -------------------------------------------------------------------- */
@media(max-width:1120px){
  body[data-view="beats"] #beatBoerse.feed-gitter{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-view="profil"] #profilInhalt .feed-gitter{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body[data-view="arena"] .v62-arena-grid{grid-template-columns:1fr!important}
}
@media(max-width:900px){
  body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"],[data-view="arena"]) .topbar{padding:0 14px!important;gap:8px!important}
  body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"],[data-view="arena"]) .brand{width:84px;min-width:84px}body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"],[data-view="arena"]) .brand-mark{width:84px!important}
  body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"],[data-view="arena"]) .v64-search-open{display:none!important}
  .v68-meta{grid-template-columns:repeat(2,1fr)}.v68-meta-item:nth-child(2){border-right:0}.v68-meta-item:nth-child(-n+2){border-bottom:1px solid var(--v68-line)}
  body[data-view="chat"] .chat-zwei{grid-template-columns:250px minmax(0,1fr)!important}
  .stufen{grid-template-columns:1fr!important}
}
@media(max-width:720px){
  body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"],[data-view="arena"]) .page{padding:10px 10px 84px!important}
  body:is([data-view="charts"],[data-view="liga"],[data-view="beats"],[data-view="chat"],[data-view="profil"]) .view-heading{min-height:155px;padding:22px 18px!important}.view-heading h2{font-size:36px!important}.view-heading p{font-size:9.5px!important}
  body[data-view="charts"] .chartzeile{grid-template-columns:34px 46px minmax(0,1fr) 54px!important;min-height:66px;padding:7px!important}.chartzeile .icon-btn{display:none!important}.chartbild{width:44px!important;height:44px!important}.stimme{min-width:50px!important}
  body[data-view="beats"] #beatBoerse.feed-gitter{grid-template-columns:1fr!important}.beatkachel{min-height:164px!important}.boerse-kopf{align-items:stretch!important}.boerse-zahl{display:none!important}
  body[data-view="chat"] .chat-zwei{grid-template-columns:1fr!important;height:auto!important}.chat-liste{max-height:210px}.chat-raum{min-height:460px}.blase{max-width:84%!important}
  body[data-view="profil"] #profilInhalt .feed-gitter{grid-template-columns:repeat(2,minmax(0,1fr))!important}.profilkopf{padding:14px!important}.profilkopf:after{display:none}.profilbild{width:58px!important;height:58px!important}
  body[data-view="arena"] .v62-head{min-height:190px;display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:flex-end;padding:22px 18px!important}.v62-head h2{font-size:38px!important}.v62-head p{font-size:9px!important}.v62-head #v62CreateChallenge{margin-top:14px!important}.v62-subgrid{grid-template-columns:1fr!important}.v62-battle-stage{gap:18px!important}.v62-avatar{width:72px!important;height:72px!important}.v62-contestant{min-width:82px!important}.v62-roundbar{grid-template-columns:68px 1fr!important}.v62-roundbar b{display:none}.v62-live-actions{grid-template-columns:1fr 1fr!important}.v62-live-actions .btn:nth-child(2){grid-column:1/-1;grid-row:2}.v62-player{grid-template-columns:1fr 44px!important}.v62-player>div:last-child{display:none}
}
@media(max-width:520px){
  .v68-meta{grid-template-columns:1fr 1fr}.v68-meta-item{padding:9px 10px}.v68-meta-item strong{font-size:9.5px}
  body[data-view="profil"] #profilInhalt .feed-gitter{grid-template-columns:1fr!important}
  body[data-view="arena"] .v62-stats{grid-template-columns:1fr 1fr!important;gap:10px!important}
}