/* ==========================================================================
   MY10 MASTERS — scoped styles. Alles unter .my10-root, my10- Präfixe,
   damit nichts mit dem WordPress-Theme kollidiert.
   ========================================================================== */

.my10-root{
  --ink:#141414;--ink2:#4b4b4b;--muted:#8a8a8a;--line:#e6e8ea;--bg:#f6f8f9;--card:#fff;
  --red:#e2392c;--red-light:#f2483b;--red-dark:#b71f15;--red-tint:#fdeae8;
  --blue:#2e5ce6;--blue-light:#4571ee;--blue-dark:#1f43b8;--blue-tint:#e9eefc;
  --green:#1f9d55;--target:#1c1c1c;
  --shadow:0 1px 2px rgba(20,20,20,.04),0 12px 30px rgba(20,20,20,.06);
  position:relative;width:100vw;margin-left:calc(50% - 50vw);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;
  text-align:left;
}
.my10-root *{box-sizing:border-box}
.my10-root img{max-width:100%;height:auto}
.my10-root a{text-decoration:none;color:inherit}
.my10-wrap{max-width:1040px;margin:0 auto;padding:0 22px}
.my10-wrap-narrow{max-width:820px;margin:0 auto;padding:0 22px}

/* Buttons */
.my10-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;appearance:none;border:none;cursor:pointer;
  font-weight:800;font-size:15px;padding:13px 24px;border-radius:10px;color:#fff;text-decoration:none;
  background:linear-gradient(180deg,var(--red-light),var(--red));letter-spacing:-.01em;
  transition:transform .08s,filter .15s,box-shadow .2s;box-shadow:0 6px 18px rgba(226,57,44,.34)}
.my10-btn:hover{filter:brightness(.96);color:#fff;box-shadow:0 8px 26px rgba(226,57,44,.46)}
.my10-btn:active{transform:translateY(1px)}
.my10-btn.blue{background:linear-gradient(180deg,var(--blue-light),var(--blue));box-shadow:0 6px 18px rgba(46,92,230,.3)}
.my10-btn.ghost{background:transparent;border:1.6px solid rgba(255,255,255,.35);box-shadow:none;color:#fff}
.my10-btn.ghost:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff}
.my10-btn.ghost-dark{background:#fff;color:var(--ink);border:1.5px solid var(--line);box-shadow:none}
.my10-btn.ghost-dark:hover{border-color:var(--ink);color:var(--ink)}
.my10-btn.block{width:100%}
.my10-btn.big{font-size:17px;padding:16px 30px}
.my10-btn[disabled]{background:#c9cfd0;box-shadow:none;cursor:not-allowed;filter:none;color:#fff}

/* ---------------------------------------------------------------- Hero -- */
.my10-hero{position:relative;overflow:hidden;color:#fff;padding:40px 0 70px;
  background:radial-gradient(120% 90% at 70% 15%,#2a1512 0%,#160d0b 45%,#0b0807 100%)}
.my10-hero.blue{background:radial-gradient(90% 120% at 20% 0%,#101a33 0%,#0c0f18 48%,#08090d 100%)}
.my10-hgrid{position:absolute;inset:0;background-image:linear-gradient(rgba(226,57,44,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(226,57,44,.09) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at 70% 35%,#000,transparent 70%);mask-image:radial-gradient(circle at 70% 35%,#000,transparent 70%);animation:my10drift 22s linear infinite}
.my10-hero.blue .my10-hgrid{background-image:linear-gradient(rgba(46,92,230,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(46,92,230,.1) 1px,transparent 1px);-webkit-mask-image:radial-gradient(circle at 25% 20%,#000,transparent 72%);mask-image:radial-gradient(circle at 25% 20%,#000,transparent 72%)}
@keyframes my10drift{to{background-position:44px 44px}}
.my10-glow{position:absolute;width:820px;height:820px;right:-8%;top:-24%;border-radius:50%;background:radial-gradient(circle,rgba(226,57,44,.32),transparent 62%);filter:blur(18px);pointer-events:none;animation:my10breathe 7s ease-in-out infinite}
.my10-hero.blue .my10-glow{background:radial-gradient(circle,rgba(46,92,230,.32),transparent 62%)}
@keyframes my10breathe{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.12);opacity:1}}
.my10-reticle{position:absolute;right:6%;top:52%;width:460px;height:460px;transform:translateY(-50%);pointer-events:none;opacity:.45}
.my10-reticle i{position:absolute;inset:0;margin:auto;border-radius:50%;border:1.5px solid rgba(255,255,255,.14)}
.my10-reticle i:nth-child(1){width:460px;height:460px;animation:my10spin 42s linear infinite}
.my10-reticle i:nth-child(2){width:330px;height:330px;border-color:rgba(242,74,59,.4)}
.my10-reticle i:nth-child(3){width:210px;height:210px}
.my10-reticle i:nth-child(4){width:96px;height:96px;border-color:rgba(242,74,59,.7)}
.my10-reticle i:nth-child(5){width:13px;height:13px;background:var(--red-light);border:none;box-shadow:0 0 22px 5px rgba(242,74,59,.8);animation:my10dot 2.2s ease-in-out infinite}
@keyframes my10spin{to{transform:rotate(360deg)}}
@keyframes my10dot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.7}}

.my10-hero .my10-wrap,.my10-hero .my10-wrap-narrow{position:relative;z-index:2}
.my10-topbar{display:flex;align-items:center;justify-content:space-between;padding:6px 0 30px}
.my10-logobox{display:inline-flex;align-items:center;padding:9px 15px;border-radius:12px;background:#141414;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.my10-logobox img{height:46px;display:block}
.my10-topbar .my10-cobrand{display:flex;align-items:center;gap:12px}
.my10-mp{font-weight:900;letter-spacing:.02em;font-size:18px;color:#fff;line-height:1}
.my10-mp b{color:var(--blue-light)}
.my10-mp small{display:block;font-size:9px;letter-spacing:.14em;color:rgba(255,255,255,.55);font-weight:700;margin-top:2px;text-transform:uppercase}
.my10-x{font-size:18px;color:rgba(255,255,255,.4)}

.my10-badge{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#ffd9d4;background:rgba(226,57,44,.16);border:1px solid rgba(242,74,59,.4);padding:8px 15px;border-radius:999px}
.my10-hero.blue .my10-badge{color:#bcd0ff;background:rgba(46,92,230,.16);border-color:rgba(69,113,238,.4)}
.my10-badge .d{width:7px;height:7px;border-radius:50%;background:var(--red-light);box-shadow:0 0 10px var(--red-light);animation:my10dot 1.6s infinite}
.my10-h1{font-size:clamp(32px,8vw,96px);line-height:.94;letter-spacing:-.04em;font-weight:900;margin:20px 0 16px;text-transform:uppercase;overflow-wrap:anywhere}
.my10-h1.sm{font-size:clamp(34px,6.5vw,58px);line-height:.98;letter-spacing:-.035em}
.my10-h1 em{font-style:normal;color:var(--red-light);text-shadow:0 0 40px rgba(242,74,59,.5)}
.my10-hero.blue .my10-h1 em{color:#6f96ff;text-shadow:0 0 40px rgba(69,113,238,.5)}
.my10-lede{font-size:18px;color:rgba(255,255,255,.72);max-width:540px;margin:0 0 28px}

.my10-countdown{display:flex;gap:12px;margin-bottom:30px;flex-wrap:wrap}
.my10-cd{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 8px;min-width:74px;text-align:center;backdrop-filter:blur(6px)}
.my10-cd .n{font-size:32px;font-weight:900;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1}
.my10-cd .l{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-top:6px;font-weight:700}
.my10-cdsep{align-self:center;font-size:26px;color:rgba(242,74,59,.6);font-weight:900}
.my10-hero.blue .my10-cdsep{color:rgba(69,113,238,.6)}

/* Countdown-Label (macht klar: großer Countdown = Finale) */
.my10-cdlabel{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.62);margin-bottom:12px}
.my10-cdlabel b{color:#fff;font-weight:800}
.my10-cdsub{margin:-20px 0 28px;font-size:13.5px;font-weight:700;color:rgba(255,255,255,.72)}
/* Newsletter-/Benachrichtigen-Box im Hero (wenn kein Finale-Datum gesetzt ist) */
.my10-hnews{display:flex;align-items:center;gap:16px;flex-wrap:wrap;max-width:580px;margin-bottom:30px;padding:16px 18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:16px;backdrop-filter:blur(6px)}
.my10-hnews-tx{flex:1 1 200px;min-width:0;text-align:left}
.my10-hnews-tx b{display:block;font-size:15px;font-weight:800;color:#fff}
.my10-hnews-tx span{display:block;font-size:13px;color:rgba(255,255,255,.72);margin-top:2px}
.my10-hnews-form{display:flex;gap:8px;flex-wrap:wrap}
.my10-hnews-form input{font-size:16px;padding:11px 13px;border:1px solid rgba(255,255,255,.2);border-radius:10px;min-width:190px;background:rgba(0,0,0,.25);color:#fff}
.my10-hnews-form input::placeholder{color:rgba(255,255,255,.5)}
.my10-hnews-form .my10-btn{flex:none}
.my10-hnews-done{margin:0;font-weight:700;color:#fff}
/* Demo-Wettkampf-Banner (klar sichtbar im Hero) */
.my10-demo-banner{display:flex;align-items:center;flex-wrap:wrap;gap:11px;max-width:640px;margin:0 0 18px;padding:12px 16px;border-radius:14px;font-size:13.5px;font-weight:600;line-height:1.45;background:linear-gradient(135deg,rgba(240,180,41,.16),rgba(240,180,41,.05));border:1px solid rgba(240,180,41,.45);box-shadow:0 10px 30px rgba(240,180,41,.15),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(4px)}
.my10-demo-banner .db-ic{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;font-size:19px;background:linear-gradient(135deg,#ffd970,#f0b429);box-shadow:0 4px 12px rgba(240,180,41,.4)}
.my10-demo-banner .db-chip{flex:none;font-size:11px;font-weight:900;letter-spacing:.12em;color:#2a1c00;background:linear-gradient(90deg,#ffd970,#f0b429);border-radius:999px;padding:4px 11px}
.my10-demo-banner .db-tx{flex:1 1 220px;min-width:0;color:rgba(255,255,255,.88)}
.my10-demo-banner .db-tx b{color:#ffd970}
/* Cross-Link-Block (Vorverkauf) — klar getrennt vom Buchungsbereich */
.my10-crosslink{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;max-width:760px;margin:24px 0 0;padding:18px 22px;background:linear-gradient(90deg,rgba(46,92,230,.07),rgba(46,92,230,.02));border:1.5px solid rgba(46,92,230,.22);border-radius:16px}
.my10-crosslink-tx{flex:1 1 240px;min-width:0}
.my10-crosslink-tx b{display:block;font-size:16px;font-weight:800;color:var(--ink)}
.my10-crosslink-tx span{display:block;font-size:14px;color:var(--ink2);margin-top:3px;line-height:1.5}
.my10-crosslink .my10-btn{flex:none}
/* Flatrate im Demo: Vorbestellungs-Hinweis */
.my10-flat-pre{margin:8px 0 2px;padding:8px 11px;font-size:12.5px;font-weight:800;color:#7a5200;background:#fff4d6;border:1px solid #e0a91f;border-radius:9px;line-height:1.35}
/* Demo-Startplätze: klar als Demo kennzeichnen */
/* Flat: Kleingedrucktes (Limit) */
.my10-flat-fine{margin:9px 0 0;font-size:11px;line-height:1.4;color:var(--muted);text-align:center}
/* Flat-Buchen-Button: sattes Grün passend zum Flat-Badge, mit Glow + Hover-Lift */
.my10-btn.flatbuy{background:linear-gradient(180deg,#2bc476,#1f9d55);color:#fff;border:none;font-weight:800;letter-spacing:.01em;box-shadow:0 8px 22px rgba(31,157,85,.38),inset 0 1px 0 rgba(255,255,255,.22);transition:transform .15s,box-shadow .15s}
.my10-btn.flatbuy:hover{transform:translateY(-2px);background:linear-gradient(180deg,#31d381,#23aa5e);box-shadow:0 12px 28px rgba(31,157,85,.5),inset 0 1px 0 rgba(255,255,255,.25);color:#fff}
.my10-btn.flatbuy:active{transform:translateY(0)}
.my10-cdlabel .dot{width:7px;height:7px;border-radius:50%;background:var(--red-light);box-shadow:0 0 10px var(--red-light)}

/* Rangliste-Seite ([my10_ranking]) — gebrandeter Rahmen um das Embed */
.my10-rankpage{padding:24px 0 40px;background:var(--bg)}
.my10-rankbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
/* „Jetzt qualifizieren"-Button: Text weiß erzwingen (Theme-Link-Farbe überschreiben) */
.my10-rankbar a.my10-btn,.my10-rankbar a.my10-btn:link,.my10-rankbar a.my10-btn:visited,.my10-rankbar a.my10-btn:hover,.my10-rankbar a.my10-btn:focus{color:#fff}
.my10-rankbody{padding-bottom:6px}

/* Topbar-Navigation (Rangliste-Link neben CTA) */
.my10-topnav{display:flex;align-items:center;gap:8px}
.my10-toplink{display:inline-flex;align-items:center;padding:10px 15px;border-radius:11px;font-size:14px;font-weight:700;color:#fff;border:1.6px solid rgba(255,255,255,.28)}
.my10-toplink:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff}

/* Hero-Quicklinks (Rangliste & Shotmetrix) */
.my10-herolinks{display:flex;flex-wrap:wrap;gap:10px 22px;margin:-24px 0 40px}
.my10-herolinks a{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:rgba(255,255,255,.82);border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:2px}
.my10-herolinks a:hover{color:#fff;border-color:#fff}
.my10-herolinks svg{opacity:.85}

/* Ticket-/Buchungsschluss-Countdown (klar getrennt vom Finale-Countdown) */
.my10-ticketcd{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 22px;padding:13px 18px;border-radius:13px;background:var(--red-tint);border:1px solid rgba(226,57,44,.22);color:var(--red-dark);font-size:14.5px;font-weight:700}
.my10-ticketcd .ic{display:inline-flex;color:var(--red)}
.my10-ticketcd .tx b{font-variant-numeric:tabular-nums;letter-spacing:.01em}
.my10-ticketcd .dl{margin-left:auto;font-weight:600;color:var(--ink2);font-size:13px}
.my10-ticketcd.closed{background:#f1f2f4;border-color:var(--line);color:var(--muted)}
.my10-ticketcd.closed .ic{color:var(--muted)}

.my10-hero-deadline{margin-top:6px;display:inline-flex;align-items:center;gap:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 16px;font-size:14px;backdrop-filter:blur(6px)}
.my10-hero-deadline .n{font-weight:900;color:#fff;font-variant-numeric:tabular-nums}
.my10-hero-deadline .l{color:rgba(255,255,255,.6)}

.my10-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:44px}
.my10-stats{display:flex;gap:34px;flex-wrap:wrap}
.my10-stat .v{font-size:34px;font-weight:900;letter-spacing:-.02em;color:#fff;line-height:1}
.my10-stat .v em{color:var(--red-light);font-style:normal}
.my10-stat .k{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5);font-weight:700;margin-top:5px}

/* Format strip */
.my10-format{background:#111;color:#fff;padding:24px 0}
.my10-format .my10-wrap{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;align-items:center}
.my10-fchip{display:flex;align-items:center;gap:9px;font-weight:700;font-size:15px;color:rgba(255,255,255,.85)}
.my10-fdiv{width:1px;height:20px;background:rgba(255,255,255,.15)}

/* Sections */
.my10-section{padding:80px 0;position:relative}
.my10-eyebrow{display:inline-block;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);font-weight:800;margin-bottom:10px}
.my10-h2{font-size:clamp(30px,5vw,44px);letter-spacing:-.03em;margin:0 0 12px;font-weight:900;line-height:1.02;color:var(--ink)}
.my10-sub{color:var(--ink2);margin:0 0 30px;max-width:560px;font-size:17px}

/* Event */
.my10-event{display:grid;grid-template-columns:160px 1fr;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:8px}
.my10-event .date{background:linear-gradient(160deg,#1b1b1b,#333);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}
.my10-event .date .d{font-size:46px;font-weight:900;line-height:1}
.my10-event .date .m{font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#f2a89f}
.my10-event .date .y{font-size:12px;color:#bdbdbd}
.my10-event .body{padding:24px 26px}
.my10-event .body h3{margin:0 0 4px;font-size:22px;letter-spacing:-.02em;color:var(--ink)}
.my10-event .meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px;font-size:14px;color:var(--ink2)}
.my10-event .meta span{display:inline-flex;align-items:center;gap:7px}

/* Finder */
.my10-finder{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:30px}
.my10-plzrow{display:flex;gap:12px;flex-wrap:wrap}
.my10-input{flex:1;min-width:200px;font-size:18px;font-weight:600;padding:16px 18px;border:1.5px solid var(--line);border-radius:12px;background:#fff;letter-spacing:.06em;outline:none;transition:.15s;color:var(--ink)}
.my10-input:focus{border-color:var(--red);box-shadow:0 0 0 4px var(--red-tint)}
.my10-hint{font-size:13px;color:var(--muted);margin-top:14px}
.my10-hint b{color:var(--ink2)}
.my10-result{margin-top:24px;display:none}
.my10-club{display:flex;align-items:flex-start;gap:14px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}
.my10-club .pin{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--red-tint);color:var(--red-dark)}
.my10-club .info{flex:1}.my10-club .info b{font-size:17px}.my10-club .info .addr{color:var(--ink2);font-size:14px}
.my10-club .dist{flex:none;text-align:right}.my10-club .dist .km{font-size:22px;font-weight:900;letter-spacing:-.02em}
.my10-club .dist .lbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.my10-toofar{margin-top:14px;display:flex;gap:12px;align-items:flex-start;background:#fff8ee;border:1px solid #f3d9ad;border-radius:12px;padding:14px 16px;font-size:14px;color:#7a5a1e}
.my10-toofar.err{background:#fdecec;border-color:#f3bcbc;color:#a23}
.my10-toofar svg{flex:none;margin-top:1px}
.my10-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.my10-opt{border:1.5px solid var(--line);border-radius:16px;padding:22px;background:#fff;display:flex;flex-direction:column;position:relative;transition:.2s}
.my10-opt:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.my10-opt.reco{border-color:var(--red);box-shadow:0 0 0 3px var(--red-tint)}
.my10-opt .tag{position:absolute;top:-12px;left:22px;font-size:11px;font-weight:800;letter-spacing:.06em;background:linear-gradient(180deg,var(--red-light),var(--red));color:#fff;padding:5px 12px;border-radius:999px;text-transform:uppercase;box-shadow:0 4px 12px rgba(226,57,44,.4)}
/* Distinkte Akzente, damit die Buchungsoptionen auf einen Blick unterscheidbar sind. */
.my10-opt .tag.tag-2{background:linear-gradient(180deg,var(--blue-light),var(--blue));box-shadow:0 4px 12px rgba(46,92,230,.38)}
.my10-opt .tag.tag-flat{background:linear-gradient(180deg,#27b26b,var(--green));box-shadow:0 4px 12px rgba(31,157,85,.38)}
/* Demo-Startplatz: warme Gold-Karte + schwebende DEMO-Pill (rechts, wie die Farb-Tags links) */
.my10-demo-chip{position:absolute;top:-12px;right:22px;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#2a1c00;background:linear-gradient(180deg,#ffd970,#f0b429);border-radius:999px;box-shadow:0 4px 12px rgba(240,180,41,.45)}
.my10-opt.is-demo{border-color:#e8b53a;background:linear-gradient(180deg,#fffbef,#fff 55%);box-shadow:0 0 0 3px rgba(240,180,41,.16)}
.my10-opt.is-demo:hover{transform:translateY(-3px);box-shadow:0 0 0 3px rgba(240,180,41,.24),var(--shadow)}
.my10-opt.is-demo .price{color:#8a5a00}
.my10-opt h4{margin:0 0 2px;font-size:19px;letter-spacing:-.01em;color:var(--ink)}
.my10-opt .s2{font-size:13px;color:var(--ink2);min-height:34px}
.my10-opt .price{font-size:34px;font-weight:900;letter-spacing:-.02em;margin:12px 0 2px;color:var(--ink)}
.my10-opt .price small{font-size:14px;font-weight:600;color:var(--muted)}
.my10-opt .price .my10-reg{font-size:20px;font-weight:700;color:var(--muted);text-decoration:line-through;margin-right:4px}
.my10-eb{display:inline-block;font-size:12px;font-weight:800;color:var(--green);background:#e8f7ee;border-radius:999px;padding:4px 10px;margin:2px 0 8px}
.my10-opt ul{list-style:none;margin:12px 0 18px;padding:0;font-size:13px;color:var(--ink2)}
.my10-opt ul li{display:flex;gap:8px;padding:4px 0}.my10-opt ul li svg{flex:none;margin-top:2px;color:var(--green)}
.my10-opt .my10-btn{margin-top:auto}
.my10-opt.disabled{opacity:.5}
.my10-cta{margin-top:auto}
.my10-seats{font-size:12px;font-weight:700;color:var(--red-dark);background:var(--red-tint);border-radius:8px;padding:6px 10px;text-align:center;margin-bottom:10px}
.my10-wl{display:flex;flex-direction:column;gap:8px}
.my10-wl input{font-size:14px;padding:10px 12px;border:1.5px solid var(--line);border-radius:9px;outline:none;color:var(--ink)}
.my10-wl input:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-tint)}
.my10-wl-ok{font-size:13px;color:var(--green);font-weight:700;text-align:center;padding:11px;background:#e8f7ee;border-radius:10px}
.my10-partner{display:flex;align-items:center;gap:14px;margin-top:26px;padding:16px 18px;background:#fff;border:1px dashed var(--line);border-radius:12px;font-size:13px;color:var(--ink2)}
.my10-partner .lg{font-weight:850;letter-spacing:.01em;color:#1c1c2e}.my10-partner .lg b{color:var(--blue);font-weight:850}
a.my10-partner{transition:border-color .15s,box-shadow .15s}
a.my10-partner:hover{border-color:var(--blue);border-style:solid;box-shadow:0 8px 22px rgba(46,92,230,.12)}
.my10-partner .go{margin-left:auto;display:inline-flex;color:var(--blue)}

/* Danke-Seite (WooCommerce thankyou) */
.my10-thankyou{max-width:520px;margin:24px auto;display:flex;flex-direction:column;gap:16px}
.my10-code-card,.my10-startno-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:26px;text-align:center}
.my10-ty-head{font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:6px}
.my10-ty-check{width:26px;height:26px;border-radius:50%;background:#e8f7ee;color:var(--green);display:grid;place-items:center;font-size:15px;font-weight:900}
.my10-ty-note{font-size:13px;color:var(--ink2);line-height:1.5;margin:6px 0 0}
.my10-codebox{margin:16px 0;padding:16px;border:2px dashed var(--red);border-radius:14px;background:var(--red-tint)}
.my10-codebox .lbl{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--red-dark);font-weight:800}
.my10-codebox .code{font-size:26px;font-weight:850;letter-spacing:.12em;font-family:ui-monospace,Menlo,monospace;margin-top:4px;color:var(--ink)}
.my10-startno{margin:16px 0;padding:20px 16px;border-radius:16px;color:#fff;background:linear-gradient(180deg,var(--red-light),var(--red));box-shadow:0 12px 30px rgba(226,57,44,.4);position:relative;overflow:hidden}
.my10-startno::before,.my10-startno::after{content:"";position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:#fff;transform:translateY(-50%)}
.my10-startno::before{left:-8px}.my10-startno::after{right:-8px}
.my10-startno .lbl{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;opacity:.9}
.my10-startno .num{font-size:54px;font-weight:900;letter-spacing:.06em;line-height:1;margin-top:4px;font-variant-numeric:tabular-nums;text-shadow:0 2px 8px rgba(0,0,0,.2)}
.my10-thankyou .my10-btn{margin-top:14px}

/* Danke-Seite (order-received) — gebrandet */
.my10-ty{max-width:560px;margin:8px auto 24px;display:flex;flex-direction:column;gap:16px}
.my10-ty-banner{display:flex;align-items:center;gap:14px;background:#e8f7ef;border:1px solid #b6e3c8;border-radius:16px;padding:16px 18px}
.my10-ty-banner .ic{flex:none;width:40px;height:40px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:900}
.my10-ty-banner b{display:block;font-size:17px;color:var(--ink);letter-spacing:-.01em}
.my10-ty-banner span{font-size:13.5px;color:var(--ink2)}
.my10-ty-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:24px;text-align:center;animation:my10-slidein .45s backwards}
.my10-ty-badge{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--red-dark);background:var(--red-tint);padding:5px 12px;border-radius:999px;margin-bottom:6px}
.my10-code-hero{margin:10px 0 4px;padding:20px 16px;border:2px dashed var(--red);border-radius:16px;background:linear-gradient(180deg,#fff,var(--red-tint))}
.my10-code-hero .lbl{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--red-dark);font-weight:800}
.my10-code-hero .code{font-size:34px;font-weight:900;letter-spacing:.14em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink);margin:6px 0 12px;word-break:break-all}
.my10-copy{appearance:none;cursor:pointer;font-weight:800;font-size:13px;padding:9px 16px;border-radius:9px;border:1.5px solid var(--red);background:#fff;color:var(--red);transition:.15s}
.my10-copy:hover{background:var(--red-tint)}
.my10-copy.ok{background:#e8f7ee;border-color:#b6e3c8;color:var(--green)}
.my10-ty-note{font-size:13.5px;color:var(--ink2);line-height:1.55;margin:14px 0 0}
.my10-ty-card .my10-btn.big{margin-top:16px;font-size:16px;padding:15px 26px}
.my10-ty-card .my10-startno{margin:12px auto 0;max-width:280px}

/* ------------------------------------------------------- Submit-Seite -- */
.my10-stack{max-width:820px;margin:-40px auto 70px;padding:0 22px;position:relative;z-index:5}
.my10-card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:26px;margin-top:18px}
.my10-card h2{margin:0 0 4px;font-size:20px;letter-spacing:-.02em;color:var(--ink)}
.my10-card .csub{color:var(--ink2);font-size:14px;margin:0 0 16px}
.my10-disabled{opacity:.45;pointer-events:none;filter:grayscale(.3)}

.my10-verify{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px}
.my10-verify.ok{background:#e9f7ef;border:1px solid #b6e3c8}
.my10-verify.bad{background:#fdeef0;border:1px solid #f2c2c9}
.my10-verify.pending{background:var(--blue-tint);border:1px solid #bfcffb}
.my10-verify .ic{flex:none;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:#fff}
.my10-verify.ok .ic{background:var(--green)}.my10-verify.bad .ic{background:#d64550}.my10-verify.pending .ic{background:var(--blue)}
.my10-verify .txt b{display:block;font-size:15px;color:var(--ink)}.my10-verify .txt span{font-size:13px;color:var(--ink2)}
.my10-verify .vc{margin-left:auto;font-family:ui-monospace,Menlo,monospace;font-weight:800;letter-spacing:.08em;font-size:15px;background:#fff;border:1px solid var(--line);padding:6px 11px;border-radius:8px}
.my10-codeform{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.my10-codeform input{flex:1;min-width:200px;font-family:ui-monospace,Menlo,monospace;font-size:16px;letter-spacing:.12em;text-transform:uppercase;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;outline:none;color:var(--ink)}
.my10-codeform input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-tint)}

.my10-drop{border:2px dashed #c2d0f0;border-radius:16px;background:linear-gradient(180deg,#fbfcff,#f4f7ff);padding:38px 20px;text-align:center;transition:.15s;cursor:pointer}
.my10-drop.hover{border-color:var(--blue);background:var(--blue-tint);transform:scale(1.005)}
.my10-drop .big{width:58px;height:58px;border-radius:16px;background:#fff;border:1px solid var(--blue-tint);color:var(--blue);display:grid;place-items:center;margin:0 auto 12px;box-shadow:0 8px 20px rgba(46,92,230,.12)}
.my10-drop b{font-size:17px;color:var(--ink)}.my10-drop p{margin:4px 0 0;color:var(--ink2);font-size:13.5px}
.my10-drop .btns{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}
.my10-files{margin-top:16px;display:flex;flex-direction:column;gap:10px}
.my10-file{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff;animation:my10slide .25s ease}
@keyframes my10slide{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
.my10-file .thumb{flex:none;width:46px;height:46px;border-radius:8px;background:#eef1f2;display:grid;place-items:center;color:var(--muted);overflow:hidden}
.my10-file .thumb img{width:100%;height:100%;object-fit:cover}
.my10-file .fi{flex:1;min-width:0}.my10-file .fi b{font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.my10-file .fi span{font-size:12px;color:var(--muted)}
.my10-file .rm{border:none;background:none;color:var(--muted);cursor:pointer;font-size:20px;line-height:1;padding:4px}.my10-file .rm:hover{color:#d64550}
.my10-stepstrip{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.my10-schip{flex:1;min-width:150px;display:flex;gap:11px;align-items:flex-start;background:#fbfcfc;border:1px solid var(--line);border-radius:12px;padding:13px 14px}
.my10-schip .n{flex:none;width:24px;height:24px;border-radius:7px;background:var(--blue-tint);color:var(--blue-dark);font-weight:800;display:grid;place-items:center;font-size:12px}
.my10-schip b{font-size:13.5px;display:block;color:var(--ink)}.my10-schip p{margin:2px 0 0;font-size:12px;color:var(--ink2);line-height:1.4}
.my10-notif{display:flex;gap:11px;align-items:flex-start;background:var(--blue-tint);border:1px solid #cdd8f7;border-radius:12px;padding:13px 15px;font-size:13.5px;color:var(--blue-dark);margin-top:16px}.my10-notif svg{flex:none;margin-top:2px}
.my10-warn{display:flex;gap:11px;align-items:flex-start;background:#fff8ee;border:1px solid #f3d9ad;border-radius:14px;padding:15px 17px;font-size:14px;color:#7a5a1e;margin-top:18px;font-weight:600}.my10-warn svg{flex:none;margin-top:1px;color:#c98a1e}
.my10-fairplay{margin:16px 0 4px;background:#fbfcfc;border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.my10-fairplay .fp-head{display:flex;align-items:center;gap:9px;font-weight:800;font-size:14px;color:var(--ink);margin-bottom:10px}
.my10-fairplay .fp-head svg{color:var(--blue);flex:none}
.my10-fairplay ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.my10-fairplay li{font-size:13.5px;color:var(--ink2);line-height:1.5}
.my10-fairplay li b{color:var(--ink)}
.my10-fairplay .fp-note{margin:12px 0 0;font-size:13px;color:var(--red-dark);background:var(--red-tint);border-radius:10px;padding:11px 13px;line-height:1.5}
.my10-small{font-size:12.5px;color:var(--muted)}

/* Account */
.my10-acct .toggle{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none}
.my10-switch{position:relative;width:44px;height:26px;background:#d3d9da;border-radius:999px;transition:.15s;flex:none}
.my10-switch::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:.15s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.my10-acct.on .my10-switch{background:var(--blue)}.my10-acct.on .my10-switch::after{transform:translateX(18px)}
.my10-acct-body{margin-top:16px;display:none}.my10-acct.on .my10-acct-body{display:block}
.my10-tabs{display:flex;gap:8px;margin-bottom:14px}
.my10-tab{flex:1;text-align:center;padding:9px;border:1.5px solid var(--line);border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;background:#fff;color:var(--ink)}
.my10-tab.active{border-color:var(--blue);background:var(--blue-tint);color:var(--blue-dark)}
.my10-field{margin-bottom:12px}.my10-field label{display:block;font-size:12px;font-weight:700;color:var(--ink2);margin-bottom:6px}
.my10-field input{width:100%;font-size:15px;padding:11px 13px;border:1.5px solid var(--line);border-radius:10px;outline:none;color:var(--ink)}
.my10-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-tint)}

/* Eval */
.my10-eval{animation:my10reveal .5s ease}@keyframes my10reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.my10-eval .ehead{display:flex;align-items:center;gap:12px;margin-bottom:4px}
.my10-eval .ehead .ok{width:34px;height:34px;border-radius:9px;background:var(--blue);color:#fff;display:grid;place-items:center;flex:none}
.my10-eval .ehead b{font-size:20px;letter-spacing:-.02em;color:var(--ink)}
.my10-eval .ehead .by{margin-left:auto;font-size:12px;color:var(--muted)}.my10-eval .ehead .by b{font-size:12px;color:#1c1c2e}.my10-eval .ehead .by b i{color:var(--blue);font-style:normal}
.my10-scorewrap{display:grid;grid-template-columns:170px 1fr;gap:24px;align-items:center;margin-top:18px}
.my10-target{width:170px;height:170px;display:block;margin:0 auto}
.my10-scorebox{display:flex;flex-direction:column;gap:14px}
.my10-scorehero{display:flex;align-items:baseline;gap:10px}
.my10-scorehero .num{font-size:56px;font-weight:900;line-height:1;color:var(--red);letter-spacing:-.03em}
.my10-scorehero .of{font-size:18px;color:var(--muted);font-weight:700}
.my10-statgrid{display:flex;gap:22px;flex-wrap:wrap}
.my10-statgrid .v{font-size:22px;font-weight:900;letter-spacing:-.02em;color:var(--ink)}.my10-statgrid .k{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}
.my10-series{margin-top:22px;display:grid;gap:9px}
.my10-series .sh{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:800;margin-bottom:2px}
.my10-serie{display:flex;align-items:center;gap:12px}.my10-serie .l{width:64px;font-size:13px;font-weight:700;color:var(--ink2)}
.my10-serie .bar{flex:1;height:9px;background:#eef1f2;border-radius:999px;overflow:hidden}
.my10-serie .bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--red-light),var(--red));width:0;transition:width .9s cubic-bezier(.2,.7,.2,1)}
.my10-serie .v{width:38px;text-align:right;font-weight:900;font-size:14px;color:var(--ink)}
.my10-rankrow{display:flex;align-items:center;gap:14px;margin-top:22px;padding:16px 18px;border-radius:14px;background:var(--blue-tint);border:1px solid #cdd8f7}
.my10-rankrow .medal{font-size:30px;flex:none}.my10-rankrow .rk b{font-size:19px;letter-spacing:-.01em;color:var(--ink)}.my10-rankrow .rk span{display:block;font-size:13px;color:var(--ink2)}
.my10-rankrow .prov{margin-left:auto;font-size:11px;background:#fff;border:1px solid var(--line);color:var(--muted);padding:5px 9px;border-radius:999px;font-weight:700;white-space:nowrap}
.my10-eval .note{margin-top:16px;font-size:13px;color:var(--ink2);display:flex;gap:10px;align-items:flex-start}.my10-eval .note svg{flex:none;margin-top:2px;color:var(--blue)}
.my10-eactions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}

/* Footer */
.my10-footer{background:#0c0f18;color:rgba(255,255,255,.55);padding:34px 0;font-size:13px}
.my10-footer .my10-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;align-items:center}
.my10-footlogo{display:inline-flex;padding:9px 13px;border-radius:11px;background:#141414}.my10-footlogo img{height:32px;display:block}
.my10-footlinks{display:flex;gap:22px;flex-wrap:wrap}
.my10-footlinks a{color:rgba(255,255,255,.62);font-weight:600}.my10-footlinks a:hover{color:#fff}
.my10-footer .fmp{font-weight:800;color:#fff}.my10-footer .fmp b{color:var(--blue-light)}

/* Overlay (Submit-Fortschritt) */
.my10-overlay{position:fixed;inset:0;background:rgba(8,9,13,.6);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:100000;padding:20px}
.my10-overlay.open{display:flex}
.my10-modal{width:100%;max-width:420px;background:#fff;border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.4);padding:28px;text-align:center;animation:my10pop .2s ease}
@keyframes my10pop{from{transform:translateY(10px) scale(.97);opacity:0}to{transform:none;opacity:1}}
.my10-modal .check{width:56px;height:56px;border-radius:50%;background:#e8f7ee;color:var(--green);display:grid;place-items:center;margin:0 auto 14px}
.my10-modal b{color:var(--ink)}
.my10-spinner{width:38px;height:38px;border:3px solid var(--blue-tint);border-top-color:var(--blue);border-radius:50%;margin:0 auto 16px;animation:my10spin .8s linear infinite}

/* KI-Auswertungs-Animation (neuronales Netz) */
.my10-ai{padding:6px 2px 2px;text-align:center}
.my10-ai-net{width:100%;max-width:330px;height:150px;margin:0 auto 4px;display:block;overflow:visible}
.my10-neuron{fill:var(--blue);transform-box:fill-box;transform-origin:center;animation:my10-neuron 1.7s ease-in-out infinite}
.my10-neuron.r{fill:var(--red)}
@keyframes my10-neuron{0%,100%{opacity:.35;transform:scale(.75)}50%{opacity:1;transform:scale(1.2);filter:drop-shadow(0 0 4px currentColor)}}
.my10-syn{stroke:var(--blue);stroke-width:1;opacity:.22;stroke-dasharray:3 7;animation:my10-syn 1.1s linear infinite}
@keyframes my10-syn{to{stroke-dashoffset:-20}}
.my10-ai b{display:block;font-size:18px;margin-top:2px;color:var(--ink);letter-spacing:-.01em}
.my10-ai .stage{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:var(--blue-dark);min-height:18px;margin-top:8px;letter-spacing:-.02em}
.my10-ai .stage::after{content:"▌";animation:my10-caret 1s steps(1) infinite;margin-left:1px}
@keyframes my10-caret{50%{opacity:0}}
.my10-ai-bar{height:8px;background:#eef1f7;border-radius:999px;overflow:hidden;margin:16px auto 0;max-width:330px}
.my10-ai-bar i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--blue-light),var(--red-light));box-shadow:0 0 10px rgba(46,92,230,.4);transition:width .5s ease}
.my10-ai .pctn{font-size:11px;color:var(--muted);margin-top:7px;font-variant-numeric:tabular-nums;letter-spacing:.04em}

/* Reveal */
.my10-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.my10-reveal.in{opacity:1;transform:none}
.my10-reveal.d1{transition-delay:.08s}.my10-reveal.d2{transition-delay:.16s}.my10-reveal.d3{transition-delay:.24s}.my10-reveal.d4{transition-delay:.32s}

/* ---- Rangliste (eingebettet, nicht full-bleed) ---- */
.my10-root.my10-embed{width:auto;margin-left:0;background:transparent}
.my10-rank{max-width:820px;margin:0 auto}
.my10-rank-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.my10-rank-title{font-size:clamp(22px,3.5vw,30px);font-weight:900;letter-spacing:-.02em;margin:0;color:var(--ink)}
.my10-rank-comp select{padding:9px 12px;border:1.5px solid var(--line);border-radius:10px;font-weight:600;color:var(--ink);background:#fff}
.my10-rank-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.my10-rank-tab{appearance:none;border:1.5px solid var(--line);background:#fff;cursor:pointer;font-weight:700;font-size:14px;color:var(--ink2);padding:9px 14px;border-radius:10px;transition:.15s;display:inline-flex;gap:7px;align-items:center}
.my10-rank-tab .cnt{font-size:11px;background:#f1f3f4;color:var(--muted);border-radius:999px;padding:1px 7px}
.my10-rank-tab:hover{border-color:var(--ink2);color:var(--ink)}
.my10-rank-tab.active{border-color:var(--red);background:var(--red-tint);color:var(--red-dark)}
.my10-rank-tab.active .cnt{background:#fff;color:var(--red-dark)}
.my10-rank-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.my10-rank-table th,.my10-rank-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink)}
.my10-rank-table th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:800;background:#fafafa}
.my10-rank-table tr:last-child td{border-bottom:none}
.my10-rank-table .rk{width:52px;font-weight:900;font-size:16px}
.my10-rank-table .rings strong{font-size:17px;color:var(--red)}
.my10-rank-table .sub{font-size:12px;color:var(--muted)}
.my10-rank-table tbody tr{transition:background .15s}
.my10-rank-table tbody tr:hover td{background:#fcfcfb}
.my10-rank-badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}
.my10-rank-badge.prov{color:#8a6d1a;background:#fff6e0}
.my10-rank-badge.off{color:#1f7a44;background:#e8f7ef}
.my10-rank-fin{display:inline-block;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;color:var(--red-dark);background:var(--red-tint);margin-left:4px;vertical-align:middle}
.my10-rank-empty{padding:26px;text-align:center;color:var(--muted);background:#fff;border:1px dashed var(--line);border-radius:14px}
@media(max-width:560px){.my10-rank-table .hidem{display:none}}

/* ---- Disziplin-Auswahl ---- */
.my10-disc{margin-bottom:18px}
.my10-disc-label{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.my10-disc-opts{display:inline-flex;gap:6px;background:#f1f3f4;border:1px solid var(--line);border-radius:12px;padding:5px;flex-wrap:wrap}
.my10-disc-btn{appearance:none;border:none;background:transparent;cursor:pointer;font-weight:700;font-size:14px;color:var(--ink2);padding:9px 16px;border-radius:9px;transition:transform .12s,background .18s,color .18s,box-shadow .18s}
.my10-disc-btn:hover{color:var(--ink)}
.my10-disc-btn.active{background:#fff;color:var(--red);box-shadow:0 2px 10px rgba(20,20,20,.1);transform:translateY(-1px)}

/* ---- Animationen ---- */
/* Button-Shine beim Hover */
.my10-btn{position:relative;overflow:hidden}
.my10-btn::after{content:"";position:absolute;top:0;left:-80%;width:45%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-20deg);pointer-events:none;opacity:0}
.my10-btn:hover::after{opacity:1;animation:my10-shine .75s ease}
@keyframes my10-shine{from{left:-80%}to{left:130%}}

/* Optionen gestaffelt einblenden (backwards, damit :hover-Transform erhalten bleibt) */
.my10-options .my10-opt{animation:my10-optin .55s backwards}
.my10-options .my10-opt:nth-child(2){animation-delay:.12s}
@keyframes my10-optin{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}

/* „Empfohlen"-Tag pulsiert */
.my10-opt .tag{animation:my10-tagpulse 2.4s ease-in-out infinite}
@keyframes my10-tagpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}

/* Ergebnis-Karte / Hinweis gleiten ein */
.my10-club,.my10-toofar{animation:my10-slidein .45s backwards}
@keyframes my10-slidein{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* Format-Chips */
.my10-fchip{animation:my10-fadein .6s backwards}
@keyframes my10-fadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* freie Plätze sanft pulsierend */
.my10-seats{animation:my10-softpulse 2.2s ease-in-out infinite}
@keyframes my10-softpulse{0%,100%{opacity:1}50%{opacity:.62}}

/* Treffer auf der Zielscheibe „poppen" gestaffelt */
.my10-shot{transform-box:fill-box;transform-origin:center;animation:my10-pop .45s backwards}
@keyframes my10-pop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.28)}100%{opacity:1;transform:scale(1)}}

/* Score-Zahl Auftritt */
.my10-scorehero .num{animation:my10-popnum .5s backwards}
@keyframes my10-popnum{from{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:none}}

/* Verifiziert-Banner */
.my10-verify{animation:my10-slidein .4s backwards}

@media(max-width:760px){
  .my10-reticle{opacity:.2;right:-25%}
  .my10-hero{padding:28px 0 54px}
  .my10-section{padding:52px 0}
  .my10-event{grid-template-columns:1fr}
  .my10-event .date{flex-direction:row;gap:10px;padding:16px}
  .my10-event .body{padding:20px}
  .my10-options{grid-template-columns:1fr;gap:26px}
  .my10-finder{padding:22px}
  .my10-scorewrap{grid-template-columns:1fr}.my10-target{width:150px;height:150px}
  .my10-schip{min-width:100%}
  .my10-stats{gap:22px}
  .my10-stat .v{font-size:28px}
  .my10-lede{font-size:16px}
  .my10-wl input{font-size:16px}          /* ≥16px: stops iOS zoom on focus */
  .my10-herolinks{margin:-14px 0 32px}
  .my10-ticketcd .dl{margin-left:0;flex-basis:100%}
}
@media(max-width:520px){
  .my10-wrap,.my10-wrap-narrow{padding:0 16px}
  .my10-topbar{flex-wrap:wrap;gap:10px;padding:4px 0 22px}
  /* Drei Nav-Elemente (Rangliste · Anmelden · CTA) passen auf 320px nur umgebrochen. */
  .my10-topnav{flex-wrap:wrap;justify-content:flex-end;gap:6px}
  .my10-toplink{padding:11px 12px;font-size:13px}
  .my10-countdown{gap:8px}
  .my10-cd{min-width:0;flex:1;padding:12px 4px}
  .my10-cd .n{font-size:26px}
  .my10-cdsep{display:none}
  .my10-hero-deadline{width:100%}
  .my10-ctas{flex-direction:column;margin-bottom:34px}
  .my10-ctas .my10-btn{width:100%}
  .my10-stats{gap:16px 24px}
  .my10-section{padding:44px 0}
  .my10-finder{padding:18px;border-radius:16px}
  .my10-h1{margin:16px 0 14px}
  .my10-partner{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.my10-root *{animation:none!important;transition:none!important}}

/* ============================================================
   Order received (Bestellung fertiggestellt) — MY10 themed,
   ticket on the right. Scoped under .my10-root.
   ============================================================ */
.my10-ty2{max-width:940px;margin:0 auto;display:flex;flex-direction:column;gap:18px}
.my10-ty-hero{position:relative;overflow:hidden;border-radius:20px;color:#fff;padding:30px 28px;background:radial-gradient(120% 130% at 85% 0%,#2a1512 0%,#160d0b 46%,#0a0806 100%)}
.my10-ty-hero .rgrid{position:absolute;inset:0;background-image:linear-gradient(rgba(226,57,44,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(226,57,44,.13) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle at 86% 8%,#000,transparent 68%);mask-image:radial-gradient(circle at 86% 8%,#000,transparent 68%)}
.my10-ty-hero .glow{position:absolute;width:420px;height:420px;right:-6%;top:-56%;border-radius:50%;background:radial-gradient(circle,rgba(226,57,44,.34),transparent 62%);filter:blur(14px)}
.my10-ty-hero .retic{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:150px;height:150px;opacity:.5}
.my10-ty-hero .retic i{position:absolute;inset:0;margin:auto;border-radius:50%;border:1.5px solid rgba(255,255,255,.14)}
.my10-ty-hero .retic i:nth-child(1){width:150px;height:150px}
.my10-ty-hero .retic i:nth-child(2){width:96px;height:96px;border-color:rgba(242,74,59,.5)}
.my10-ty-hero .retic i:nth-child(3){width:44px;height:44px}
.my10-ty-hero .retic i:nth-child(4){width:11px;height:11px;background:var(--red-light);border:none;box-shadow:0 0 18px 4px rgba(242,74,59,.7)}
.my10-ty-hero-in{position:relative;z-index:2}
.my10-ty-kick{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#ffd9d4;background:rgba(226,57,44,.18);border:1px solid rgba(242,74,59,.42);padding:6px 12px;border-radius:999px}
.my10-ty-hero h2{margin:14px 0 6px;font-size:clamp(24px,4vw,33px);line-height:1.02;letter-spacing:-.022em;font-weight:900;text-transform:uppercase;color:#fff}
.my10-ty-hero h2 .ok{color:#7ee2a8}
.my10-ty-hero p{margin:0;font-size:15px;color:rgba(255,255,255,.74);max-width:520px}
.my10-ty-grid{display:grid;grid-template-columns:1fr 372px;gap:18px;align-items:start}
@media(max-width:760px){.my10-ty-grid{grid-template-columns:1fr}}
/* left: order summary */
.my10-ty-panel{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:22px 24px}
.my10-ty-panel .panel-h{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:800;margin-bottom:14px}
.my10-ty-panel .ord-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:6px 0;color:var(--ink2)}
.my10-ty-panel .ord-row b{color:var(--ink);font-weight:800}
.my10-ty-panel .ord-items{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:10px 0;padding:6px 0}
.my10-ty-panel .ord-item{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:8px 0}
.my10-ty-panel .ord-item .nm{color:var(--ink);font-weight:600}
.my10-ty-panel .ord-item b{color:var(--ink);font-weight:800;white-space:nowrap}
.my10-ty-panel .ord-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px}
.my10-ty-panel .ord-total span{font-size:13px;color:var(--muted);font-weight:700}
.my10-ty-panel .ord-total b{font-size:23px;font-weight:900;color:var(--red);letter-spacing:-.01em}
.my10-ty-panel .ord-pay{margin-top:14px;padding-top:13px;border-top:1px solid var(--line);font-size:12.5px;color:var(--green);font-weight:700;display:flex;align-items:center;gap:7px}
.my10-ty-panel .ord-pay .dot{width:8px;height:8px;border-radius:50%;background:var(--green)}
/* right: the ticket */
.my10-ticket{position:relative;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 38px rgba(226,57,44,.16);overflow:hidden}
.my10-ticket .tk-top{position:relative;overflow:hidden;background:radial-gradient(130% 130% at 80% 0%,#2a1512,#120a08);color:#fff;padding:16px 20px}
.my10-ticket .tk-top .g{position:absolute;inset:0;background-image:linear-gradient(rgba(226,57,44,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(226,57,44,.14) 1px,transparent 1px);background-size:26px 26px;opacity:.6}
.my10-ticket .tk-badge{position:relative;display:inline-block;font-size:11px;font-weight:800;letter-spacing:.05em;background:rgba(226,57,44,.22);border:1px solid rgba(242,74,59,.44);color:#ffd9d4;padding:4px 11px;border-radius:999px}
.my10-ticket .tk-title{position:relative;margin-top:9px;font-size:15px;font-weight:800;letter-spacing:-.01em;color:#fff}
.my10-ticket .tk-perf{position:relative;height:1px;border-top:2px dashed var(--line)}
.my10-ticket .tk-perf::before,.my10-ticket .tk-perf::after{content:"";position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:var(--bg);transform:translateY(-50%)}
.my10-ticket .tk-perf::before{left:-9px}
.my10-ticket .tk-perf::after{right:-9px}
.my10-ticket .tk-body{padding:20px}
.my10-ticket .tk-codewrap{border:2px dashed var(--red);border-radius:14px;background:linear-gradient(180deg,#fff,var(--red-tint));padding:16px 14px;text-align:center}
.my10-ticket .tk-codewrap .lbl{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--red-dark);font-weight:800}
.my10-ticket .tk-codewrap .code{font-size:25px;font-weight:900;letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink);margin:6px 0 11px;word-break:break-all}
.my10-ticket .tk-note{font-size:13px;color:var(--ink2);line-height:1.55;margin:14px 0 0}
.my10-ticket .tk-note b{color:var(--ink)}
.my10-ticket .tk-mail{margin-top:12px;font-size:12px;color:var(--muted);text-align:center}
.my10-ticket .my10-btn.block.big{display:block;text-align:center;text-decoration:none;margin-top:16px;font-size:16px;font-weight:800;padding:15px 22px;border-radius:12px;color:#fff;background:linear-gradient(180deg,var(--red-light),var(--red));box-shadow:0 10px 24px rgba(226,57,44,.32)}
.my10-ticket .my10-startno{margin:2px 0 0}

/* Vorverkaufs-Ticket (Flat vorbestellt): ruhige, gruene Optik statt des roten
   Code-Kastens — es gibt noch keinen Code und nichts zu kopieren. */
.my10-ticket.is-preorder .tk-top{background:linear-gradient(135deg,#12321f,#1f7a44)}
.my10-ticket .tk-prewrap{border:2px dashed #cfe6d8;border-radius:14px;background:linear-gradient(180deg,#fff,#f2f7f3);padding:16px 14px;text-align:center}
.my10-ticket .tk-prewrap .lbl{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#1f7a44;font-weight:800}
.my10-ticket .tk-prewrap .val{font-size:18px;font-weight:800;color:#12321f;margin-top:6px;line-height:1.3}
@media(max-width:520px){.my10-ticket .tk-prewrap .val{font-size:16px}}