/* ================================================================
   Marke „The Cookie Club“ – pro Spiel über theme.brand_key = 'cookieclub'
   Navy #0A1F3D · Creme #F6F0E1 · Gold #BE9959 · Karamell #C4702C · Burgund #8A2440
   Schriften: Playfair Display (Titel), Figtree (Text)
   ================================================================ */
@import url(/fonts/cc/cc-fonts.css);
html[data-brand="cookie"] {
  --paper: #F6F0E1; --paper-2: #EFE5CC; --paper-3: #E4D6B6; --card: #FFFCF4;
  --ink: #0A1F3D; --ink-2: #26375F; --ink-3: #6A7389; --ink-4: #A5A99F;
  --line: rgba(10, 31, 61, .08); --line-2: rgba(10, 31, 61, .15); --shell: rgba(10, 31, 61, .035);
  --on-ink: #F6F0E1; --glass: rgba(10, 31, 61, .92); --polaroid: #FFFCF4;
  --gold: #BE9959; --gold-2: #D9B262; --caramel: #C4702C; --burgundy: #8A2440;
  --sans: 'Figtree', 'MOS', ui-sans-serif, system-ui, sans-serif;
  --serif: 'Playfair Display', Georgia, serif;
  --disp: 'Playfair Display', Georgia, serif;
  --sh-1: 0 1px 1px rgba(10, 31, 61, .04), 0 2px 6px -2px rgba(10, 31, 61, .08);
  --sh-2: 0 1px 1px rgba(10, 31, 61, .03), 0 16px 36px -18px rgba(10, 31, 61, .25);
}
html[data-brand="cookie"] body { font-family: var(--sans); font-weight: 400; }
html[data-brand="cookie"] .display, html[data-brand="cookie"] .h1, html[data-brand="cookie"] .h2 { font-family: var(--serif); font-weight: 600; letter-spacing: -.01em; }
html[data-brand="cookie"] .display em, html[data-brand="cookie"] .h1 em, html[data-brand="cookie"] .h2 em { font-style: italic; color: var(--gold); }
html[data-brand="cookie"] .story, html[data-brand="cookie"] .pz .q, html[data-brand="cookie"] .ch-story, html[data-brand="cookie"] .fm-text, html[data-brand="cookie"] .notice .body { font-weight: 400; }
html[data-brand="cookie"] .eyebrow { color: var(--caramel); font-weight: 700; }
html[data-brand="cookie"] .eyebrow .dot { background: var(--gold); border-radius: 50%; transform: none; }

/* runde, weiche Knöpfe statt Pinselkante */
html[data-brand="cookie"] .btn { border-radius: 999px; font-weight: 600; }
html[data-brand="cookie"] .btn .knob { border-radius: 999px; }
html[data-brand="cookie"] .btn.accent { clip-path: none; background: var(--ink); color: #F6F0E1; box-shadow: 0 12px 26px -14px rgba(10, 31, 61, .8); }
html[data-brand="cookie"] .btn.accent .knob { background: var(--gold); color: var(--ink); }
html[data-brand="cookie"] .btn.soft, html[data-brand="cookie"] .iconbtn, html[data-brand="cookie"] .hintbtn { border-radius: 999px; }
html[data-brand="cookie"] .opt, html[data-brand="cookie"] .input, html[data-brand="cookie"] .textarea { border-radius: 14px; }
html[data-brand="cookie"] .opt.on { box-shadow: inset 0 0 0 1.5px var(--gold), var(--sh-1); }
html[data-brand="cookie"] .opt.on .mk { background: var(--gold); color: var(--ink); }
html[data-brand="cookie"] .bezel > .core, html[data-brand="cookie"] .core { border-radius: 22px; }
html[data-brand="cookie"] .chip.accent { background: var(--gold); color: var(--ink); }

/* Kopf, HUD, Dock in Navy mit Gold */
html[data-brand="cookie"] .nwo-logo.dk, html[data-brand="cookie"] .nwo-logo.lt { display: none !important; }
html[data-brand="cookie"] .brand-logo { display: block; height: 40px; width: auto; }
html[data-brand="cookie"] .hud { background: rgba(10, 31, 61, .94); border-radius: 999px; color: #F6F0E1; }
html[data-brand="cookie"] .hud .timer b { font-family: var(--serif); font-weight: 600; font-size: 22px; }
html[data-brand="cookie"] .hud .ringp circle:last-child { stroke: var(--gold); }
html[data-brand="cookie"] .dock { background: rgba(10, 31, 61, .95); border-radius: 22px; }
html[data-brand="cookie"] .dock .pill { background: var(--gold); border-radius: 16px; box-shadow: 0 8px 18px -8px rgba(190, 153, 89, .9); }
html[data-brand="cookie"] .dock button.on { color: var(--ink); }
html[data-brand="cookie"] .dock button .badge { color: var(--ink); background: var(--gold-2); box-shadow: 0 0 0 2px #0A1F3D; }
html[data-brand="cookie"] .progress-dots i { border-radius: 99px; }
html[data-brand="cookie"] .progress-dots i.c { background: var(--gold); }
html[data-brand="cookie"] .notice .core { border-left-color: var(--gold); }
html[data-brand="cookie"] .cover { background: radial-gradient(120% 90% at 100% 0%, #26375F, #0A1F3D 70%); }
html[data-brand="cookie"] .aura::before { background: radial-gradient(circle, rgba(190, 153, 89, .22), transparent 62%); }
html[data-brand="cookie"] .route-art .draw { stroke: var(--gold); }
html[data-brand="cookie"] .ar-teaser { background: linear-gradient(135deg, #0A1F3D, #26375F); }
html[data-brand="cookie"] .done-hero .seal { background: var(--gold); color: var(--ink); }
html[data-brand="cookie"] .pin span { background: var(--ink); color: #F6F0E1; font-family: var(--serif); font-weight: 600; font-size: 44px; }
html[data-brand="cookie"] .mk.st.done { background: var(--ink); }
html[data-brand="cookie"] .switch.on { background: var(--gold); }
html[data-brand="cookie"] .win-card .h1, html[data-brand="cookie"] .win-card .h2 { text-transform: none; }

/* Kapitel-Vorspann: Playfair kursiv statt Morganite, goldene Linie */
html[data-brand="cookie"] .ch-num { font: italic 600 clamp(150px, 46vw, 280px) / .85 var(--serif); color: var(--ink); }
html[data-brand="cookie"] .ch-title { font: 600 clamp(28px, 7.6vw, 46px) / 1.1 var(--serif); text-transform: none; letter-spacing: -.01em; }
html[data-brand="cookie"] .ch-line { background: var(--gold); }
html[data-brand="cookie"] .ch-kicker { color: var(--caramel); }
html[data-brand="cookie"] .ch-grain { background: radial-gradient(ellipse at 85% 10%, rgba(190, 153, 89, .22), transparent 55%); }
html[data-brand="cookie"] .bigtime, html[data-brand="cookie"] .kv b, html[data-brand="cookie"] .dist, html[data-brand="cookie"] .gear-ring b { font-family: var(--serif); font-weight: 600; }
html[data-brand="cookie"] .bigtime { font-size: clamp(64px, 20vw, 120px); }
html[data-brand="cookie"] .otp .cell, html[data-brand="cookie"] .dial .reel span { font-family: var(--serif); font-weight: 600; }
html[data-brand="cookie"] .mk.st { font-family: var(--serif); font-weight: 700; font-size: 16px; border-radius: 50%; }