html body .toys-header-notice { background: radial-gradient(ellipse at 12% 40%,rgba(255,255,255,.32),transparent 40%),radial-gradient(ellipse at 85% 130%,rgba(255,255,255,.25),transparent 45%),#63cdfd; color: #10212a; font-family: Manrope,Arial,sans-serif; }
html body .toys-notice-inner { display: flex; align-items: center; justify-content: center; gap: clamp(18px,3vw,48px); max-width: 1400px; min-height: 82px; margin: auto; padding: 10px 24px; box-sizing: border-box; position: relative; }
html body .toys-notice-art { display: flex; align-items: center; justify-content: center; position: relative; width: 94px; height: 66px; flex: 0 0 94px; }
html body .toys-notice-art::before { content: ''; position: absolute; width: 70px; height: 70px; border: 1px solid rgba(255,255,255,.6); border-radius: 50%; background: rgba(255,255,255,.15); }
html body .toys-notice-art svg { position: relative; width: 48px; height: 66px; fill: #24536a; stroke: #10212a; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
html body .toys-notice-art .toys-notice-toy { transform: rotate(-20deg) translateX(6px); }
html body .toys-notice-art .toys-notice-lube { height: 58px; width: 43px; fill: #effaff; transform: rotate(13deg) translateX(-3px); }
html body .toys-notice-art .toys-art-shine { fill: none; stroke: #b3e8ff; stroke-width: 3; }
html body .toys-notice-art .toys-art-drop { fill: #63cdfd; }
html body .toys-notice-code { display: grid; grid-template-columns: 1fr 18px; gap: 2px 12px; align-items: center; flex: 0 0 auto; padding: 8px 16px; border: 1px dashed rgba(16,33,42,.6); border-radius: 17px; background: rgba(255,255,255,.22); color: inherit; cursor: pointer; font-family: inherit; }
html body .toys-notice-code-label { grid-column: 1; font-size: 10px; line-height: 1.2; }
html body .toys-notice-code strong { grid-column: 1; font-size: 23px; line-height: 1.2; letter-spacing: .06em; }
html body .toys-notice-code svg { grid-column: 2; grid-row: 1 / 3; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; }
html body .toys-notice-code:is(:hover,:focus-visible) { background: rgba(255,255,255,.25); }
html body .toys-notice-code:focus-visible { outline: 2px solid #10212a; outline-offset: 3px; }
html body .toys-notice-message { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
html body .toys-notice-message strong { font-size: clamp(18px,2.2vw,29px); line-height: 1.2; font-weight: 700; letter-spacing: -.025em; }
html body .toys-notice-message > span { font-size: 12px; line-height: 1.4; }
html body .toys-notice-spark { width: 30px; height: 30px; flex: 0 0 30px; fill: none; stroke: currentColor; stroke-width: 1.4; }
html body .toys-notice-countdown { display: flex; align-items: center; gap: 18px; flex: 0 0 auto; padding: 9px 18px; border-radius: 17px; background: #10212a; color: #63cdfd; }
html body .toys-notice-ends { max-width: 70px; font-size: 10px; line-height: 1.4; }
html body .toys-notice-countdown time { display: block; white-space: nowrap; font: 700 30px/1.1 Manrope,Arial,sans-serif; font-variant-numeric: tabular-nums; letter-spacing: .04em; }
html body .toys-notice-units { display: grid; grid-template-columns: repeat(3,1fr); text-align: center; color: #fff; font-size: 9px; line-height: 1.4; }
html body .toys-notice-feedback { position: absolute; left: 24px; bottom: 0; color: #10212a; font-size: 10px; }
@media (max-width: 1100px) { html body .toys-notice-art { display: none; } }
@media (max-width: 900px) { html body .toys-notice-spark { display: none; } }
@media (max-width: 760px) {
  html body .toys-notice-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; min-height: 106px; padding: 10px 12px; }
  html body .toys-notice-message { grid-column: 1 / -1; grid-row: 1; text-align: center; }
  html body .toys-notice-art { display: flex; position: absolute; left: 8px; top: 5px; width: 34px; height: 32px; opacity: .85; }
  html body .toys-notice-art::before { width: 30px; height: 30px; }
  html body .toys-notice-art svg { width: 24px; height: 30px; }
  html body .toys-notice-art .toys-notice-lube { width: 22px; height: 26px; }
  html body .toys-notice-message { padding-inline: 26px; }
  html body .toys-notice-message strong { font-size: 18px; }
  html body .toys-notice-message > span, html body .toys-notice-spark { display: none; }
  html body .toys-notice-code { justify-self: end; padding: 6px 12px; gap: 1px 8px; }
  html body .toys-notice-code strong { font-size: 20px; }
  html body .toys-notice-countdown { justify-self: start; padding: 6px 12px; gap: 0; }
  html body .toys-notice-ends { display: none; }
  html body .toys-notice-countdown time { font-size: 24px; }
  html body .toys-notice-feedback { bottom: 1px; left: 12px; }
}