/* sugo-ballot: JP & CN pre-order promo for pokemon-30th (generated by pokemon-30th-banner/scripts/build_plugin_promo.py, do not hand-edit) */
.p30{--cream:#fbf7ee;--ink:#1c1710;--ink2:#4a4237;--gold:#c9982c;--gold-d:#9c7220;--gold-l:#f6e27a;--hot:#ff3b1f;--line:#e8dfc6;--foil:linear-gradient(115deg,#8a6414 0%,#d4a537 18%,#fff2b3 34%,#e6c15a 50%,#a8781c 66%,#f6e27a 84%,#b8860b 100%)}
.p30 *{box-sizing:border-box}
.p30{position:relative;overflow:hidden;background:var(--cream);color:var(--ink);font-family:Nunito,system-ui,sans-serif;isolation:isolate}
.p30::before{content:"";position:absolute;inset:0;background:url(campaigns/pokemon-30th/promo/pattern-tile.jpg) center/406px repeat;opacity:.55;z-index:0}
.p30::after{content:"";position:absolute;width:62vw;height:62vw;max-width:900px;max-height:900px;right:-22vw;bottom:-44vw;border-radius:50%;background:var(--foil);background-size:200% 100%;opacity:.9;z-index:0;box-shadow:0 10px 40px rgba(168,120,28,.25)}
.p30-in{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:44px 24px 52px;display:grid;grid-template-columns:1.02fr 1fr;gap:40px;align-items:center}
.p30-logo{width:230px;height:auto;display:block;margin:0 0 14px}
.p30-eyebrow{display:flex;align-items:center;gap:10px;font:800 13px/1 Nunito,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-d);margin:0 0 12px}
.p30-eyebrow img{width:34px;height:auto}
h2.p30-hl{font-family:'Lilita One', 'Arial Black', sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(44px,5.4vw,66px);line-height:.98;letter-spacing:0.01em;margin:0 0 8px;text-wrap:balance}
h2.p30-hl .p30-gold{color:#a8781c}
.p30-sub{font:800 19px/1.2 Nunito,sans-serif;color:var(--ink);margin:0 0 12px}
.p30-lede{font:600 16px/1.55 Nunito,sans-serif;color:var(--ink2);max-width:46ch;margin:0 0 22px}
.p30-lede b{color:var(--ink);font-weight:900}
.p30-cta{display:flex;gap:12px;flex-wrap:wrap}
.p30-btn{display:inline-flex;align-items:center;gap:8px;font:900 15px/1 Nunito,sans-serif;padding:15px 22px;border-radius:999px;text-decoration:none;border:2px solid var(--ink)}
.p30-btn--gold{background:var(--foil);background-size:200% 100%;color:var(--ink);box-shadow:0 6px 18px rgba(168,120,28,.35)}
.p30-btn--ghost{background:#fff;color:var(--ink)}
.p30-stars{position:absolute;inset:0;z-index:0;pointer-events:none}
.p30-stars i{position:absolute;width:14px;height:14px;background:var(--gold);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.p30-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.p30-card{background:#fff;border:2px solid var(--ink);border-radius:18px;padding:16px 16px 14px;box-shadow:0 10px 28px rgba(28,23,16,.12);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}
.p30-card--hero{grid-column:1/3;flex-direction:row;text-align:left;gap:18px;padding:18px 22px}
.p30-card img{display:block;height:auto;max-width:100%}
.p30-card--hero img{width:240px;flex:0 0 240px;filter:drop-shadow(0 12px 18px rgba(0,0,0,.25))}
.p30-card--sm img{height:132px;width:auto;margin:4px 0 8px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.2))}
.p30-chip{display:inline-block;font:900 11px/1 Nunito,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:7px 11px;border-radius:999px;background:var(--ink);color:var(--gold-l);margin-bottom:8px}
.p30-chip--hot{background:var(--hot);color:#fff;position:absolute;top:-10px;right:12px;margin:0}
.p30-name{font:800 17px/1.25 Nunito,sans-serif;margin:0 0 6px;text-wrap:balance}
.p30-card--sm .p30-name{font-size:14px}
.p30-meta{font:700 13px/1 Nunito,sans-serif;color:var(--ink2);display:flex;gap:10px;align-items:baseline;justify-content:center;margin:0}
.p30-card--hero .p30-meta{justify-content:flex-start}
.p30-meta b{font-size:16px;color:var(--ink)}
.p30-ed{font-size:11px;letter-spacing:.14em;background:var(--cream);border:1px solid var(--line);padding:4px 7px;border-radius:6px}
@media (max-width:860px){.p30-in{grid-template-columns:1fr;gap:28px;padding:32px 16px 40px}.p30-logo{width:190px}.p30-card--hero{flex-direction:column;text-align:center}.p30-card--hero .p30-meta{justify-content:center}.p30-card--hero img{width:220px;flex-basis:auto}}
.p30 a{color:inherit}.p30 .p30-card{text-decoration:none;color:var(--ink)}.p30 h2.p30-hl{color:var(--ink)}.p30 p{margin-top:0}