/* Raffst du? Noten-Blitz V11 – artwork-led, responsive playable adaptation.
   Based on the approved game mockup; native form elements remain fully accessible.
   Scoped to Noten-Blitz, does not change notation or game logic. */
body.rd-notenblitz{background:radial-gradient(circle at 12% 65%,#2b50ab 0,transparent 36%),radial-gradient(circle at 90% 15%,#6b25bf 0,transparent 30%),linear-gradient(120deg,#071d62,#1a1469 58%,#351275)!important;}
body.rd-notenblitz .nb-head{background:linear-gradient(100deg,#0b1d58,#25116f)!important;}
body.rd-notenblitz .nb-main{width:min(calc(100% - 32px),1050px);max-width:1050px;margin:24px auto 28px!important;padding:34px clamp(14px,3.6vw,42px) 42px!important;border:3px solid #f1bb56!important;border-radius:42px;background:radial-gradient(circle at 15% 100%,#452bb4 0,transparent 26%),radial-gradient(circle at 90% 90%,#5339bb 0,transparent 25%),linear-gradient(140deg,#081d65,#311279)!important;box-shadow:0 0 0 5px rgba(191,74,255,.22),inset 0 0 20px rgba(239,180,71,.30),0 14px 50px rgba(0,5,33,.52)!important;}
body.rd-notenblitz .nb-main::before{display:none!important}
body.rd-notenblitz .nb-main::after{display:none!important}
body.rd-notenblitz .nb11-banner{width:min(100%,590px);height:103px;margin:-17px auto 12px;background:url('/assets/img/spielewelt/nb11-title.webp') center/contain no-repeat;}
body.rd-notenblitz #nb-intro{position:relative;overflow:hidden;padding:40px clamp(18px,5vw,60px) 30px!important;border:4px solid #ffd36b!important;border-radius:42px!important;box-shadow:0 0 0 4px rgba(251,87,241,.3),0 0 23px 3px rgba(255,191,78,.4),inset 0 0 20px rgba(243,180,255,.10)!important;background:linear-gradient(180deg,#fff 0%,#fff 81%,#f8f6ff 100%)!important;}
body.rd-notenblitz .nb11-mike{position:absolute;right:-4px;top:0;width:clamp(145px,32%,316px);height:265px;pointer-events:none;background:url('/assets/img/spielewelt/nb11-mike.webp') right top/contain no-repeat;mask-image:linear-gradient(180deg,#000 0%,#000 74%,transparent 100%);}
body.rd-notenblitz #nb-intro>.nb-eyebrow{position:relative;max-width:66%;color:#7a25a9!important;font-weight:900;z-index:1;}
body.rd-notenblitz #nb-intro>h1{position:relative;max-width:70%;font-size:clamp(25px,3vw,34px);line-height:1.16;font-weight:900;letter-spacing:-.035em;color:#102f62;margin:13px 0 18px;z-index:1;}
body.rd-notenblitz #nb-intro>h1:after{content:'';display:block;width:60%;max-width:340px;height:6px;background:linear-gradient(90deg,#ffca35,#ff9a12);border-radius:100%;margin:9px 0 0 12%;transform:rotate(-2deg)}
body.rd-notenblitz #nb-intro>p.nb-muted{position:relative;max-width:74%;line-height:1.58;font-size:15px;color:#334566;z-index:1;}
body.rd-notenblitz #nb-intro .learning-help{margin-top:28px;padding:18px 22px;border:2px solid #bfd0ff;border-radius:17px;background:#ecf3ff;box-shadow:0 3px 10px rgba(10,62,145,.08);}
body.rd-notenblitz #nb-intro .learning-help>strong{font-size:17px;color:#132d5b;}
body.rd-notenblitz #nb-intro .learning-help a{color:#163d87;font-weight:700;}
body.rd-notenblitz #nb-intro .nb-fields{margin:25px 0 20px;gap:15px 22px;}
body.rd-notenblitz #nb-intro .nb-fields label{font-size:14px;color:#162e4c;font-weight:850;}
body.rd-notenblitz #nb-intro .nb-fields select{border-radius:10px;border:2px solid #c4c9dd;min-height:48px;background:#fff;}
body.rd-notenblitz #nb-intro .nb-record{background:#e9f3ff;border-radius:15px;padding:14px 18px;color:#173660;font-size:14px;}
body.rd-notenblitz #nb-intro .nb11-illustrated-start{display:block!important;width:min(100%,520px)!important;height:116px;min-height:0!important;margin:10px auto 0!important;padding:0!important;border:0!important;background:transparent url('/assets/img/spielewelt/nb11-start.webp') center/100% 100% no-repeat!important;font-size:0!important;box-shadow:none!important;filter:drop-shadow(0 3px 5px rgba(101,26,145,.08));transition:transform .2s ease,filter .2s ease;}
body.rd-notenblitz #nb-intro .nb11-illustrated-start span{font-size:0!important;}
body.rd-notenblitz #nb-intro .nb11-illustrated-start:hover{transform:translateY(-3px) scale(1.015);filter:drop-shadow(0 0 14px rgba(234,97,255,.55))}
body.rd-notenblitz #nb-intro .nb11-illustrated-start:active{transform:scale(.98)}
body.rd-notenblitz #nb-intro .nb-note{text-align:center;color:#3a4b6b;font-size:13px;}
body.rd-notenblitz :is(#nb-play,#nb-results){padding:clamp(16px,4vw,36px)!important;}
body.rd-notenblitz :is(#nb-again,#nb-settings){border-radius:999px!important;border:2px solid #f5bf51!important;background:linear-gradient(115deg,#44138d,#8224cb)!important;color:#fff!important;box-shadow:0 0 0 3px rgba(242,107,255,.20),inset 0 1px 8px rgba(255,255,255,.16)!important;}
@media(max-width:680px){
 body.rd-notenblitz .nb-main{width:calc(100% - 14px);padding:14px 8px 22px!important;border-radius:20px!important;margin:10px auto 18px!important;}
 body.rd-notenblitz .nb11-banner{height:62px;margin:-8px auto 5px;}
 body.rd-notenblitz #nb-intro{padding:20px 16px 24px!important;border-radius:21px!important;border-width:2px!important;}
 body.rd-notenblitz .nb11-mike{width:145px;height:127px;opacity:.96;}
 body.rd-notenblitz #nb-intro>.nb-eyebrow{max-width:70%;font-size:10px;}
 body.rd-notenblitz #nb-intro>h1{max-width:69%;font-size:clamp(18px,4.4vw,25px);}
 body.rd-notenblitz #nb-intro>p.nb-muted{max-width:100%;padding-top:10px;font-size:13px;}
 body.rd-notenblitz #nb-intro .learning-help{padding:12px 13px;margin-top:17px;}
 body.rd-notenblitz #nb-intro .learning-help>strong{font-size:14px;}
 body.rd-notenblitz #nb-intro .nb-fields{gap:10px;}
 body.rd-notenblitz #nb-intro .nb-fields label{font-size:12px;}
 body.rd-notenblitz #nb-intro .nb-fields select{min-height:44px;}
 body.rd-notenblitz #nb-intro .nb-record{padding:10px 12px;font-size:12px;}
 body.rd-notenblitz #nb-intro .nb11-illustrated-start{height:clamp(70px,19vw,105px);width:min(100%,420px)!important;}
 body.rd-notenblitz #nb-intro .nb-note{font-size:11px;}
}
@media(max-width:410px){body.rd-notenblitz .nb11-mike{width:117px;height:111px}body.rd-notenblitz #nb-intro>h1{max-width:68%;font-size:19px}body.rd-notenblitz #nb-intro .nb-fields{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body.rd-notenblitz #nb-intro .nb11-illustrated-start{transition:none!important;}}