/* Pitch Panic sponsor placeholder: same card, gold control and purple stage as the game. */
.pp-ad-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 28px));max-width:none;height:fit-content;max-height:calc(100dvh - 28px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:auto;padding:22px;overflow:auto;overscroll-behavior:contain;border:1px solid #ffffff2e;border-radius:28px;background:radial-gradient(ellipse at 0 0,#69236e70,transparent 70%),linear-gradient(155deg,#3b0d5c,#1a0630);color:#fff8fe;box-shadow:0 24px 80px #0009,inset 0 1px 0 #ffffff20;font-family:ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold","Nunito",system-ui,sans-serif;text-align:left}
.pp-ad-dialog:not([open]){display:none}.pp-ad-dialog[open]{display:flex;flex-direction:column;gap:20px;animation:pp-ad-in .2s ease-out}.pp-ad-dialog::backdrop{background:#160423d9;backdrop-filter:blur(9px)}
.pp-ad-dialog .pp-ad-head{position:static;top:auto;z-index:auto;margin:0;padding:0;width:100%;max-width:none;background:transparent;flex-wrap:nowrap;display:flex;align-items:center;gap:12px;flex:none;min-height:48px}.pp-ad-mark{width:48px;height:48px;border-radius:14px;flex:none;box-shadow:0 4px 12px #0005}.pp-ad-brand{flex:1;min-width:0}.pp-ad-kicker{margin:0 0 4px;color:#ffd84d;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.pp-ad-dialog h2{margin:0;font:900 28px/1.08 ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold",system-ui,sans-serif;letter-spacing:-.03em}
.pp-ad-dialog button{box-sizing:border-box;min-width:44px;min-height:44px;cursor:pointer;font:inherit;border-radius:14px}.pp-ad-dialog button:focus-visible{outline:3px solid #fff8fe;outline-offset:3px}.pp-ad-close{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;background:#ffffff10;border:1px solid #ffffff25;color:#fff8fe;font-size:26px!important;line-height:1;box-shadow:none;margin:0}.pp-ad-close:hover{background:#ffffff20}
.pp-ad-slot{position:relative;display:flex;min-height:270px;padding:12px;border:0;border-radius:26px;background:linear-gradient(155deg,#fff,#ffeefa);color:#2a0b4a;box-shadow:0 7px 0 #12041e80,0 16px 34px #0004}.pp-ad-creative{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:28px 20px;border:2px dashed #a4339a35;border-radius:18px;text-align:center}.pp-ad-label{display:inline-flex;padding:6px 11px;border-radius:99px;background:#2a0b4a;color:#ffd84d;font-size:10px;font-weight:900;letter-spacing:.13em;line-height:1.2;text-transform:uppercase}.pp-ad-dialog h3{margin:0;font:950 clamp(30px,7vw,40px)/1.06 ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold",system-ui,sans-serif;letter-spacing:-.03em;text-wrap:balance;color:#2a0b4a}.pp-ad-copy{margin:0;max-width:29ch;color:#70447d;font-size:14px;line-height:1.5;text-wrap:balance}.pp-ad-sample{margin:0;max-width:100%;color:#70447d;font-size:10px;font-weight:800;line-height:1.4;letter-spacing:.04em;text-transform:uppercase}
.pp-ad-foot{margin:0;padding:0;width:100%;max-width:none;display:flex;flex-direction:column;gap:14px;flex:none}.pp-ad-continue{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:56px!important;padding:14px 18px;border:0;border-radius:18px!important;background:linear-gradient(180deg,#fff6c4,#ffd84d 60%,#f3bf32);box-shadow:0 5px 0 #e5a21b,0 12px 20px #0005;color:#2a0b4a;font-size:16px!important;font-weight:900!important;line-height:1.25;text-align:center;text-shadow:0 1px 0 #ffffff60;margin:0}.pp-ad-continue:active{transform:translateY(2px);box-shadow:0 3px 0 #e5a21b}.pp-ad-return-ring{display:none;width:25px;height:25px;flex:none;transform:rotate(-90deg)}.pp-ad-dialog[data-auto=true] .pp-ad-return-ring{display:block}.pp-ad-return-ring circle{fill:none;stroke:#2a0b4a33;stroke-width:3}.pp-ad-return-ring circle+circle{stroke:currentColor;stroke-linecap:round;stroke-dasharray:113.1;stroke-dashoffset:0}.pp-ad-hint{margin:0;color:#d9c6ea;font-size:12px;line-height:1.4;text-align:center}
.pp-ad-dialog.pp-ad-fallback{position:fixed;inset:0;z-index:10000;outline:100vmax solid #160423ed}@keyframes pp-ad-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:399px){.pp-ad-dialog{padding:18px;border-radius:25px}.pp-ad-dialog[open]{gap:18px}.pp-ad-head{gap:10px}.pp-ad-mark{width:42px;height:42px}.pp-ad-dialog h2{font-size:25px}.pp-ad-creative{padding:24px 16px}.pp-ad-slot{min-height:240px}.pp-ad-copy{font-size:13px}}
@media(min-width:900px){body.host .pp-ad-dialog{width:min(820px,calc(100vw - 64px));padding:26px}body.host .pp-ad-dialog[open]{gap:24px}body.host .pp-ad-slot{min-height:300px}body.host .pp-ad-mark{width:54px;height:54px}body.host .pp-ad-dialog h2{font-size:32px}body.host .pp-ad-dialog h3{font-size:48px}body.host .pp-ad-copy{font-size:18px}body.host .pp-ad-creative{gap:18px}body.host .pp-ad-label,body.host .pp-ad-sample{font-size:12px}body.host .pp-ad-continue{font-size:20px!important;min-height:60px!important}body.host .pp-ad-hint{font-size:14px}}
@media(max-height:650px){.pp-ad-dialog{padding:16px;max-height:calc(100dvh - 24px)}.pp-ad-dialog[open]{gap:14px}.pp-ad-slot,body.host .pp-ad-slot{min-height:160px}.pp-ad-creative{padding:18px 16px;gap:10px}.pp-ad-dialog h3,body.host .pp-ad-dialog h3{font-size:32px}.pp-ad-mark{width:40px;height:40px}.pp-ad-dialog h2{font-size:24px}.pp-ad-continue{min-height:48px!important;padding:12px}.pp-ad-foot{gap:12px}}
@media(prefers-reduced-motion:reduce){.pp-ad-dialog[open]{animation:none}.pp-ad-continue:active{transform:none}}

/* Page footer rules must not hide the return label inside the ad component. */
.pp-ad-dialog .pp-ad-foot span{display:inline}

/* v037: keep creative copy clear of its frame and fit landscape phones comfortably. */
.pp-ad-slot{flex-shrink:0}.pp-ad-creative{min-height:min-content}
.pp-ad-dialog{scroll-padding:20px}
@media(max-height:500px) and (min-width:600px) and (orientation:landscape){
 .pp-ad-dialog{width:min(760px,calc(100vw - 32px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));max-height:calc(100dvh - 28px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:18px;border-radius:22px}
 .pp-ad-dialog[open]{display:grid;grid-template-columns:minmax(210px,.9fr) minmax(0,1.1fr);gap:18px;align-items:center}
 .pp-ad-dialog .pp-ad-head{grid-area:1/1;gap:9px;align-self:start}.pp-ad-dialog h2{font-size:23px}.pp-ad-mark{width:36px;height:36px}.pp-ad-dialog .pp-ad-close{width:36px;min-width:36px;height:44px}
 .pp-ad-slot{grid-area:1/2/3/3;min-height:240px;padding:10px;border-radius:18px;align-self:stretch}
 .pp-ad-creative{padding:18px 14px;gap:12px;border-radius:12px}.pp-ad-dialog h3{font-size:28px}.pp-ad-copy{font-size:13px}.pp-ad-sample{font-size:9px}
 .pp-ad-foot{grid-area:2/1;gap:14px;align-self:end;padding-bottom:4px}.pp-ad-continue{font-size:14px!important;padding:12px;min-height:50px!important}.pp-ad-hint{font-size:11px}
}

/* Center the close mark independently of font metrics and retain a full touch target. */
.pp-ad-dialog .pp-ad-close{position:relative;width:44px;min-width:44px;height:44px;min-height:44px;font-size:0!important}
.pp-ad-dialog .pp-ad-close::before,.pp-ad-dialog .pp-ad-close::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:2px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}
.pp-ad-dialog .pp-ad-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.pp-ad-dialog button{scroll-margin-block:12px}

/* v039: phone portrait ad sheet uses the available safe screen area. */
@media(max-width:600px) and (orientation:portrait){
 .pp-ad-dialog.pp-ad-dialog{position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);bottom:auto;left:0;right:0;margin:0 auto;width:calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));max-width:none;height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px);max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px);padding:20px;border-radius:24px;scroll-padding:20px}
 .pp-ad-dialog.pp-ad-dialog[open]{gap:20px}
 .pp-ad-dialog .pp-ad-slot{flex:1 0 auto;min-height:240px;border-radius:22px;padding:12px}
 .pp-ad-dialog .pp-ad-creative{padding:28px 20px;gap:20px;border-radius:14px}
 .pp-ad-dialog h3{font-size:clamp(32px,10.5vw,46px);line-height:1.08}
 .pp-ad-dialog .pp-ad-copy{font-size:15px;line-height:1.5}
 .pp-ad-dialog .pp-ad-foot{gap:16px;padding-bottom:4px}
 .pp-ad-dialog .pp-ad-continue{min-height:58px!important}
}
@media(max-width:600px) and (orientation:portrait) and (max-height:650px){
 .pp-ad-dialog.pp-ad-dialog{padding:14px;border-radius:20px;scroll-padding:14px}
 .pp-ad-dialog.pp-ad-dialog[open]{gap:14px}
 .pp-ad-dialog .pp-ad-head{gap:9px}.pp-ad-dialog .pp-ad-mark{width:36px;height:36px}
 .pp-ad-dialog h2{font-size:23px}.pp-ad-dialog .pp-ad-slot{min-height:200px;padding:10px;border-radius:18px}
 .pp-ad-dialog .pp-ad-creative{padding:18px 12px;gap:12px;border-radius:11px}
 .pp-ad-dialog h3{font-size:30px}.pp-ad-dialog .pp-ad-copy{font-size:13px}.pp-ad-dialog .pp-ad-sample{font-size:9px}
 .pp-ad-dialog .pp-ad-foot{gap:12px;padding-bottom:4px}.pp-ad-dialog .pp-ad-hint{font-size:11px}.pp-ad-dialog .pp-ad-continue{min-height:50px!important}
}

/* v041: Big Screen breaks follow a compact header / expansive creative / return row. */
@media(min-width:601px){
 body.host .pp-ad-dialog.pp-ad-dialog{width:min(1120px,calc(100vw - 40px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));height:calc(100dvh - 40px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height:920px;padding:24px;border-radius:24px}
 body.host .pp-ad-dialog.pp-ad-dialog[open]{display:flex;flex-direction:column;align-items:stretch;gap:20px}
 body.host .pp-ad-dialog .pp-ad-head{align-self:stretch;gap:14px;min-height:48px}
 body.host .pp-ad-dialog .pp-ad-mark{width:48px;height:48px}
 body.host .pp-ad-dialog h2{font-size:30px}
 body.host .pp-ad-dialog .pp-ad-slot{flex:1 1 0;min-height:180px;padding:12px;align-self:stretch;border-radius:20px}
 body.host .pp-ad-dialog .pp-ad-creative{min-height:0;padding:24px;gap:18px;border-radius:12px}
 body.host .pp-ad-dialog h3{font-size:clamp(30px,4vw,48px)}
 body.host .pp-ad-dialog .pp-ad-copy{font-size:18px;max-width:36ch}
 body.host .pp-ad-dialog .pp-ad-foot{align-self:stretch;gap:10px;padding:0 0 4px}
 body.host .pp-ad-dialog .pp-ad-continue{min-height:54px!important;font-size:18px!important;border-radius:14px!important}
 body.host .pp-ad-dialog .pp-ad-hint{font-size:13px}
}
@media(min-width:601px) and (max-height:500px){
 body.host .pp-ad-dialog.pp-ad-dialog{height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));width:min(1120px,calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));padding:14px}
 body.host .pp-ad-dialog.pp-ad-dialog[open]{gap:12px}
 body.host .pp-ad-dialog .pp-ad-head{min-height:44px}
 body.host .pp-ad-dialog .pp-ad-mark{width:38px;height:38px}
 body.host .pp-ad-dialog h2{font-size:24px}
 body.host .pp-ad-dialog .pp-ad-slot{min-height:142px;padding:8px}
 body.host .pp-ad-dialog .pp-ad-creative{padding:12px;gap:8px}
 body.host .pp-ad-dialog h3{font-size:30px}
 body.host .pp-ad-dialog .pp-ad-copy{font-size:14px;max-width:48ch}
 body.host .pp-ad-dialog .pp-ad-sample{font-size:10px}
 body.host .pp-ad-dialog .pp-ad-foot{gap:8px}
 body.host .pp-ad-dialog .pp-ad-continue{min-height:46px!important;padding:10px}
}
html[data-theme]:not([data-theme="party"]) body.host .pp-ad-dialog{background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--pop) 12%,transparent),transparent 70%),linear-gradient(155deg,var(--bg1),var(--bg0));color:var(--ink)}
html[data-theme]:not([data-theme="party"]) body.host .pp-ad-kicker{color:var(--accent)}
html[data-theme]:not([data-theme="party"]) body.host .pp-ad-hint{color:var(--muted)}

/* v043: a compact, centered Big Screen return control; phone ads keep their existing width. */
@media(min-width:601px){
 body.host .pp-ad-dialog .pp-ad-continue{width:min(100%,420px);align-self:center}
}

/* Align the brand and heading beside the game mark. */
.pp-ad-dialog .pp-ad-head { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; align-items:center; }
.pp-ad-dialog .pp-ad-brand { text-align:left; }
.pp-ad-dialog .pp-ad-mark { max-width:44px; max-height:44px; }
.pp-ad-dialog .pp-ad-close { justify-self:end; }
.pp-ad-dialog .pp-ad-continue { align-self:center; max-width:420px; }
.pp-ad-dialog .pp-ad-foot { align-items:center; }
.pp-ad-dialog .pp-ad-hint { text-align:center; }
.pp-ad-dialog .pp-ad-sample { text-wrap:balance; }
@media(min-width:601px) and (min-height:650px) {
 body.host .pp-ad-dialog.pp-ad-dialog { height:min(76dvh,760px); width:min(1040px,calc(100vw - 64px)); }
}
@media(max-width:600px) and (orientation:portrait) {
 .pp-ad-dialog.pp-ad-dialog { top:0; bottom:0; margin:auto; height:min(600px,calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))); }
 .pp-ad-dialog .pp-ad-slot { flex:1 1 auto; }
}

/* AdSense display fill */
.pp-ad-slot .pp-ad-network{flex:1;min-width:0;overflow:hidden;display:block}
.pp-ad-slot .pp-ad-network ins.adsbygoogle{width:100%}
.pp-ad-creative[hidden]{display:none!important}