/* Modellino · Vitrinen-Logo. Isolated branding layer; no game or account logic changes. */
html[data-modellino-brand="vitrine"] {
  --accent: #e2001a;
  --accent-l: #fff1f3;
  --grad: linear-gradient(135deg, #e2001a 0%, #ff5c33 100%);
  --grad-dark: linear-gradient(135deg, #101216 0%, #23252c 100%);
  --mna-red: #e2001a;
}
/* Keep the existing responsive navigation and all of its controls. */
html[data-modellino-brand="vitrine"] #siteChrome {background:rgba(255,255,255,.98);border-bottom-color:#e4e5e8;box-shadow:0 5px 22px #1113180a}
html[data-modellino-brand="vitrine"] #siteChrome>.banner {background:#121418;color:#f3f3f5}
html[data-modellino-brand="vitrine"] #siteChrome .site-create {background:var(--grad);color:#fff;border-color:#be081d}
html[data-modellino-brand="vitrine"] #siteChrome .nav-inner>.tab.active {background:#fff0f2;color:#bd061d;border-color:#f3c1c8;box-shadow:inset 0 -3px 0 #e2001a}
html[data-modellino-brand="vitrine"] #siteChrome .search input {background:#f7f7f8;border-color:#dedfe3}
html[data-modellino-brand="vitrine"] #siteChrome .site-search-toggle {background:#f7f7f8;border-color:#dedfe3;color:#26282e}
html[data-modellino-brand="vitrine"] #siteChrome .logo.mna-home-link,
html[data-modellino-brand="vitrine"] .logo.mna-home-link {display:flex;align-items:center;gap:10px!important;min-width:0;line-height:1;flex-shrink:1;outline-offset:5px}
html[data-modellino-brand="vitrine"] #siteChrome .logo.mna-home-link .mark,
html[data-modellino-brand="vitrine"] .logo.mna-home-link .mark {display:block!important;width:46px;height:46px;flex:0 0 46px;padding:0;background:#0d0e11;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px #11131816}
.mna-home-link .mna-app-mini {display:block;width:100%;height:100%;object-fit:contain}
html[data-modellino-brand="vitrine"] #siteChrome .mna-home-link .logo-text,
html[data-modellino-brand="vitrine"] .mna-home-link .logo-text {display:flex!important;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.mna-wordmark {display:block;width:168px;max-width:100%;height:auto}
.mna-logo-caption {font:600 8px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:1.1px;color:#555861;white-space:nowrap}
.mna-home-link:focus-visible,.mna-footer-brand:focus-visible {outline:3px solid #e2001a;border-radius:8px}

/* A compact premium introduction in the marketplace only. It is a child of
   viewMarkt, so the existing tab switch automatically hides it in all games. */
#modellinoBrandHero {box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);max-width:1240px;margin:20px auto 0;overflow:hidden;border:1px solid #27282d;border-radius:20px;background:#0d0e12;color:#fff;box-shadow:0 14px 36px #14161c12;isolation:isolate}
#modellinoBrandHero .mna-hero-visual {position:relative;display:flex;align-items:center;background:#07080a;min-width:0;overflow:hidden}
#modellinoBrandHero picture {display:block;width:100%}
#modellinoBrandHero .mna-hero-image {display:block;width:100%;height:auto;margin:0;object-fit:contain}
#modellinoBrandHero .mna-hero-content {display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:26px 30px 26px 32px;background:radial-gradient(ellipse at 100% 0%,#5c101d45,transparent 62%),#101115}
#modellinoBrandHero .mna-eyebrow {margin:0 0 10px;color:#dedfe3;font-size:10px;font-weight:700;line-height:1.4;letter-spacing:2px;text-transform:uppercase}
#modellinoBrandHero h1 {margin:0;color:#fff;font-weight:850;font-size:clamp(26px,2.7vw,36px);line-height:1.1;letter-spacing:-.9px;text-wrap:balance}
#modellinoBrandHero h1 span {display:block;color:#ff354c}
#modellinoBrandHero .mna-description {max-width:360px;margin:13px 0 0;color:#c3c4cd;font-size:14px;line-height:1.55}
#modellinoBrandHero .mna-values {display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:15px 0 0;color:#f5f5f7;font-size:11px;line-height:1.4;font-weight:650;letter-spacing:.15px}
#modellinoBrandHero .mna-values span+span::before {content:"";display:inline-block;vertical-align:middle;margin-right:8px;width:3px;height:3px;border-radius:50%;background:#ef2940}
#modellinoBrandHero .mna-actions {display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 0;width:100%}
#modellinoBrandHero .mna-action {display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 16px;border:1px solid #e2001a;border-radius:10px;background:#e2001a;color:#fff;font:700 12px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}
#modellinoBrandHero .mna-action:hover {background:#bc0016;border-color:#bc0016}
#modellinoBrandHero .mna-action:focus-visible {outline:3px solid #fff;outline-offset:3px}
#modellinoBrandHero .mna-action svg {display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;flex-shrink:0}
#modellinoBrandHero .mna-action-secondary {background:transparent;border-color:#45464f;color:#f9f9fb}
#modellinoBrandHero .mna-action-secondary:hover {background:#25262d;border-color:#777983}
html[data-modellino-brand="vitrine"] #viewMarkt>.wrap {scroll-margin-top:0}

/* Footer branding only: legal/help/support elements are untouched. */
html[data-modellino-brand="vitrine"] .mna-footer {background:linear-gradient(125deg,#111318,#191b21);border-top:3px solid #d40720}
.mna-footer .mna-footer-brand {display:inline-flex!important;align-items:center;gap:13px;max-width:100%;margin:0 0 14px;padding:0;background:transparent;border:0;cursor:pointer;text-align:left}
.mna-footer .mna-footer-icon {display:block;width:60px;height:60px;flex:0 0 60px;border-radius:14px;overflow:hidden}
.mna-footer .mna-footer-wordmark {display:block;width:170px;height:auto;max-width:100%}
.mna-footer .mna-footer-words {display:flex;flex-direction:column;gap:9px;min-width:0}
.mna-footer .mna-footer-slogan {font-size:8px;line-height:1.5;letter-spacing:1.1px;text-transform:uppercase;color:#d5d7df;white-space:nowrap}
.mna-footer .mna-footer-values {margin:0 0 12px;font-size:12px;font-weight:650;letter-spacing:.1px;color:#f5b6c0}
.mna-footer .footer-col button:hover {color:#fff}

@media (max-width:1280px) {
  #modellinoBrandHero {margin:18px 20px 0}
}
@media (min-width:681px) and (max-width:920px) {
  #modellinoBrandHero .mna-hero-content {padding:22px 24px}
  #modellinoBrandHero h1 {font-size:27px}
  #modellinoBrandHero .mna-description {font-size:12px}
  #modellinoBrandHero .mna-values {margin-top:10px}
  #modellinoBrandHero .mna-actions {margin-top:13px;gap:7px}
  #modellinoBrandHero .mna-action {font-size:11px;padding-inline:12px}
}
@media (max-width:680px) {
  html[data-modellino-brand="vitrine"] #siteChrome .logo.mna-home-link {gap:7px!important}
  html[data-modellino-brand="vitrine"] #siteChrome .logo.mna-home-link .mark,
  html[data-modellino-brand="vitrine"] .logo.mna-home-link .mark {width:36px;height:36px;flex-basis:36px;border-radius:9px}
  .mna-wordmark {width:123px}
  .mna-logo-caption {display:none}
  #modellinoBrandHero {grid-template-columns:1fr;margin:12px 12px 0;border-radius:16px}
  #modellinoBrandHero .mna-hero-visual {justify-content:center}
  #modellinoBrandHero picture {max-width:560px}
  #modellinoBrandHero .mna-hero-content {padding:16px 18px 18px}
  #modellinoBrandHero .mna-eyebrow {margin-bottom:7px;font-size:8px;letter-spacing:1.55px}
  #modellinoBrandHero h1 {font-size:25px;line-height:1.12;letter-spacing:-.6px}
  #modellinoBrandHero h1 span {display:inline}
  #modellinoBrandHero .mna-description {display:none}
  #modellinoBrandHero .mna-values {font-size:10px;margin-top:9px}
  #modellinoBrandHero .mna-actions {display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:8px;margin-top:13px}
  #modellinoBrandHero .mna-action {padding:10px 8px;font-size:11px;gap:7px;white-space:normal}
}
@media (max-width:380px) {
  html[data-modellino-brand="vitrine"] #siteChrome .logo.mna-home-link .mark {width:30px;height:30px;flex-basis:30px;border-radius:8px}
  html[data-modellino-brand="vitrine"] #siteChrome .logo.mna-home-link {gap:5px!important}
  .mna-wordmark {width:103px}
  #modellinoBrandHero h1 {font-size:22px}
  #modellinoBrandHero .mna-hero-content {padding:14px 15px 16px}
}
@media (prefers-reduced-motion:reduce) {
  #modellinoBrandHero .mna-action {transition:none}
}

/* Modellino-Wortmarke in der neuen Schwarz/Rot- bzw. Weiß/Rot-Version. */
html[data-modellino-brand="vitrine"] #siteChrome .mna-home-link .logo-text,
html[data-modellino-brand="vitrine"] .mna-home-link .logo-text {display:block!important;font-size:24px;font-weight:800;letter-spacing:-.6px;line-height:1.1}
.vitrine-ino {color:#e2001a}
.vitrine-wordmark {font-size:38px;font-weight:800;letter-spacing:-1px;line-height:1.1;white-space:nowrap}
.mna-footer .vitrine-wordmark {font-size:29px;color:#fff}
.mna-footer .vitrine-ino {color:#ff3b3b}
@media(max-width:680px){
html[data-modellino-brand="vitrine"] #siteChrome .mna-home-link .logo-text {font-size:21px}
}
@media(max-width:380px){html[data-modellino-brand="vitrine"] #siteChrome .mna-home-link .logo-text {font-size:18px}}

/* Vitrine und lesbarer Schriftzug nach der gelieferten Markenübersicht. */
html[data-modellino-brand="vitrine"] #siteChrome .logo.mna-home-link .mark,
html[data-modellino-brand="vitrine"] .logo.mna-home-link .mark {width:84px;height:46px;flex:0 0 84px;background:transparent;border-radius:0;box-shadow:none;overflow:visible}
html[data-modellino-brand="vitrine"] #siteChrome .logo.mna-home-link {gap:7px!important}
html[data-modellino-brand="vitrine"] #siteChrome .mna-home-link .logo-text,
html[data-modellino-brand="vitrine"] .mna-home-link .logo-text {font-weight:900;letter-spacing:-1.1px;font-size:29px;color:#07090c}
.mna-footer .mna-footer-brand {display:inline-flex!important;flex-direction:column;align-items:flex-start;gap:4px}
.mna-footer .mna-footer-icon {width:240px;height:120px;max-width:100%;flex:none;border-radius:0;object-fit:contain}
.mna-footer .mna-footer-words {gap:7px;align-items:flex-start}
.mna-footer .vitrine-wordmark {font-size:42px;font-weight:900;letter-spacing:-1.8px}
.mna-footer .mna-footer-slogan {font-size:8px;letter-spacing:1.15px}
@media(max-width:680px){
 html[data-modellino-brand="vitrine"] #siteChrome .logo.mna-home-link .mark,
 html[data-modellino-brand="vitrine"] .logo.mna-home-link .mark {width:62px;height:36px;flex-basis:62px}
 html[data-modellino-brand="vitrine"] #siteChrome .logo.mna-home-link {gap:5px!important}
 html[data-modellino-brand="vitrine"] #siteChrome .mna-home-link .logo-text {font-size:21px;letter-spacing:-.9px}
}
@media(max-width:380px){
 html[data-modellino-brand="vitrine"] #siteChrome .logo.mna-home-link .mark {width:50px;height:32px;flex-basis:50px}
 html[data-modellino-brand="vitrine"] #siteChrome .mna-home-link .logo-text {font-size:19px;letter-spacing:-.9px}
 html[data-modellino-brand="vitrine"] #siteChrome .logo.mna-home-link {gap:3px!important}
}

/* Gleiches Banner-Motiv, ausschließlich die neue flache Wortmarke. */
#modellinoBrandHero .mna-hero-visual {flex-direction:column;justify-content:center}
#modellinoBrandHero .mna-banner-signature {display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;padding:3px 16px 18px;background:#07080a;gap:4px}
#modellinoBrandHero .mna-banner-wordmark {font-size:clamp(40px,5.8vw,84px);font-weight:900;line-height:1;letter-spacing:-3px;color:#fff;white-space:nowrap}
#modellinoBrandHero .mna-banner-wordmark>span {color:#e2001a}
#modellinoBrandHero .mna-banner-slogan {font-size:clamp(7px,.85vw,11px);font-weight:600;letter-spacing:2px;line-height:1.4;text-transform:uppercase;color:#f2f2f2;text-align:center}
@media(max-width:680px){#modellinoBrandHero .mna-banner-signature {display:none}}