/* sy189: uninterrupted scene, floating reward, native continuous scrolling. */
#device-host .fr-hub-scroll:has(.pwr){padding:0!important;overflow:hidden!important;display:flex;flex-direction:column}
#device-host .pwr{position:relative;isolation:isolate;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#08090b;color:#f4f1ec;font-family:var(--pd-font,Play,sans-serif)}
#device-host .pwr *{box-sizing:border-box}
#device-host .pwr button{font:inherit;cursor:pointer}
#device-host .pwr-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.7}
#device-host .pwr-bg .pd-motion-canvas{position:absolute;inset:0;width:100%;height:100%;filter:brightness(1.2)}
#device-host .pwr-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(#05060799,transparent 28%,#05060755 64%,#050607 100%)}
#device-host .pwr-head{display:flex;align-items:center;gap:13px;margin:7px 16px 5px;padding:10px 15px;background:#111318;border:1px solid #ffffff20;border-radius:18px;text-align:left;color:inherit;flex-shrink:0}
#device-host .pwr-heading{flex:1}
#device-host .pwr-heading strong{display:block;font-size:15px;margin-bottom:8px}
#device-host .pwr-meta{display:flex;justify-content:space-between;gap:6px;color:#b7b8be;font-size:11px}
#device-host .pwr-progress{height:4px;background:#ffffff12;border-radius:4px;overflow:hidden;margin-top:9px}
#device-host .pwr-progress i{height:100%;display:block;background:linear-gradient(90deg,#ae6f39,#e2b87c);border-radius:4px}
#device-host .pwr-viewport{position:relative;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y;overflow-anchor:none;-webkit-overflow-scrolling:touch;scroll-snap-type:none;mask-image:linear-gradient(transparent,#000 12px,#000 calc(100% - 155px),transparent calc(100% - 8px))}
#device-host .pwr-scroll-track{position:relative;width:100%}
#device-host .pwr-camera{position:sticky;top:0;overflow:hidden;width:100%;contain:paint}
#device-host .pwr-geometry{display:block;width:100%;height:100%;overflow:hidden}
#device-host .pwr-level-number{font-family:var(--pd-font,Play,sans-serif);pointer-events:none}
#device-host .pwr-light{animation:pwr-breathe 3s ease-in-out infinite;pointer-events:none}
#device-host .pwr-fog-drift{animation:pwr-fog 14s ease-in-out infinite alternate;pointer-events:none}
@keyframes pwr-breathe{0%,100%{opacity:.82}50%{opacity:1}}
@keyframes pwr-fog{from{transform:translateX(-11px)}to{transform:translateX(11px)}}
#device-host .pwr-bottom{position:absolute;left:16px;right:16px;bottom:36px;z-index:2;pointer-events:none}
#device-host .pwr-reward{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid #58667455;border-radius:12px;background:#101820;box-shadow:0 5px 20px #0004;color:#f0f2f5;pointer-events:auto}
#device-host .pwr-gift{display:block;width:44px;height:50px;object-fit:contain}
#device-host .pwr-reward-copy{min-width:0}
#device-host .pwr-reward-meta{color:#aab2bc;font:400 14px/20px var(--pd-font,Play,sans-serif)}
#device-host .pwr-reward-copy strong{display:block;font:700 14px/20px var(--pd-font,Play,sans-serif);color:#f0f2f5}
#device-host .pwr-reward-copy small{display:block;font:400 12px/17px var(--pd-font,Play,sans-serif);color:#8c939e}
#device-host .pwr-reward-copy .pwr-league-bonus{font-size:11px;line-height:15px;margin-top:3px;color:#b5bbc3}
#device-host .pwr-prizes{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font:700 14px/20px var(--pd-font,Play,sans-serif);max-width:96px}
#device-host .pwr-prizes span{display:flex;align-items:center;gap:5px}
#device-host .pwr-prizes .pdv-ico{display:inline-flex;width:16px;height:16px}
#device-host .pwr-prizes .pdv-ico svg{width:16px;height:16px}
@media(max-height:620px){#device-host .pwr-bottom{bottom:26px}}
@media(prefers-reduced-motion:reduce){#device-host .pwr-light,#device-host .pwr-fog-drift{animation:none}}

/* sy192: the original cloud PNG, with persistent wind and billow phases. */
#device-host .pwr-cloud-drift{animation:pwr-cloud-wind var(--cloud-time,18s) ease-in-out infinite alternate;animation-delay:var(--cloud-phase,0s);pointer-events:none}
#device-host .pwr-cloud-billow{animation:pwr-cloud-billow 13s ease-in-out infinite alternate;animation-delay:var(--cloud-phase,0s);transform-origin:0 0}
@keyframes pwr-cloud-wind{from{transform:translate(calc(-1 * var(--cloud-dx)),var(--cloud-dy))}to{transform:translate(var(--cloud-dx),calc(-1 * var(--cloud-dy)))}}
@keyframes pwr-cloud-billow{from{transform:scale(1,.94)}to{transform:scale(1.1,1.07)}}
@media(prefers-reduced-motion:reduce){#device-host .pwr-cloud-drift,#device-host .pwr-cloud-billow{animation:none}}

/* sy194: original WebGL frame, positioned from the landing's world anchor. */
#device-host .pwr-frame-award{position:absolute;z-index:1;pointer-events:none;isolation:isolate;transform:none}
#device-host .pwr-frame-award .pl2-frame3d{display:block;max-width:none;pointer-events:none}
/* Match the poster's tighter crop to the GLB camera while its assets load. */
#device-host .pwr-frame-award .pl2-frame-poster{inset:10.75%;width:78.5%!important;height:78.5%!important}

/* sy195: shared PokerDot controls, with ten scene-specific finishes. */
#device-host .pwr-head{border-color:rgba(var(--journey-rgb),.24);background:linear-gradient(125deg,#191b20f5,#101217f5);box-shadow:inset 0 1px 0 #ffffff07,0 7px 24px #0003}
#device-host .pwr-head .pwr-heading{min-width:0}
#device-host .pwr-home-icon{width:30px;height:30px;flex:none;display:grid;place-items:center;border:1px solid rgba(var(--journey-rgb),.25);border-radius:50%;color:var(--journey-tone)}
#device-host .pwr-progress i{background:linear-gradient(90deg,var(--journey-tone),var(--journey-light));box-shadow:0 0 10px rgba(var(--journey-rgb),.4)}
#device-host .pwr-bottom{bottom:24px}
#device-host .pwr-return{pointer-events:auto;display:flex;align-items:center;gap:8px;margin:0 0 10px auto;min-height:36px;padding:7px 13px;border:1px solid rgba(var(--journey-rgb),.5);border-radius:20px;background:#13161df5;color:#f4f1ec;font:700 12px/18px var(--pd-font,Play,sans-serif);box-shadow:0 5px 18px #0006}
#device-host .pwr-return span{font-size:20px;color:var(--journey-tone);line-height:16px}
#device-host .pwr-return:active{transform:translateY(1px)}
#device-host .pwr-reward{grid-template-columns:52px minmax(0,1fr) auto;min-height:91px;padding:13px 14px;gap:11px;border-radius:16px;background:linear-gradient(135deg,#171b22f7,#0e1219fc);border-color:rgba(var(--journey-rgb),.26);box-shadow:inset 0 1px 0 #ffffff08,0 12px 30px #0007}
#device-host .pwr-gift{width:52px;height:58px;filter:drop-shadow(0 4px 7px #0006)}
#device-host .pwr-reward-meta{font-size:14px;line-height:21px;color:#bbc0c9}
#device-host .pwr-reward-copy strong{font-size:15px;line-height:22px}
#device-host .pwr-reward-copy small{font-size:12px;line-height:18px;color:#9da4af}
#device-host .pwr-prizes{font-size:17px;line-height:23px;max-width:92px}
#device-host .pwr-new-league{display:block;font-size:9px;line-height:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--journey-tone)}
#device-host .pwr-reward[data-milestone=true]{border-color:rgba(var(--journey-rgb),.65);box-shadow:inset 0 1px 0 rgba(var(--journey-rgb),.18),0 0 25px rgba(var(--journey-rgb),.11),0 12px 30px #0008}
#device-host .pwr[data-card=split] .pwr-reward{border-top:2px solid var(--journey-tone);border-radius:12px 12px 18px 18px;background:linear-gradient(180deg,rgba(var(--journey-rgb),.12),#12161d 60%),#12161d}
#device-host .pwr[data-card=ticket] .pwr-reward{border-radius:12px;border-left:3px solid var(--journey-tone)}
#device-host .pwr[data-card=ticket] .pwr-prizes{border-left:1px dashed rgba(var(--journey-rgb),.3);padding-left:12px}
#device-host .pwr[data-atmosphere=clouds] .pwr-bg,#device-host .pwr[data-atmosphere=terraces] .pwr-bg{opacity:.5}
#device-host .pwr[data-atmosphere=prestige] .pwr-bg{opacity:.22}
#device-host .pwr[data-atmosphere=refined] .pwr-bg{opacity:.48}
#device-host .pwr[data-atmosphere=refined] .pwr-bg canvas{filter:brightness(.8) saturate(.75)}
#device-host .pwr-light{animation:pwr-breathe 2.8s ease-in-out infinite}
#device-host .pwr-current-shine{animation:pwr-current-shine 3.8s ease-in-out infinite;pointer-events:none}
#device-host .pwl-ribbon{animation:pwl-ribbon 16s ease-in-out infinite alternate;transform-origin:50% 50%}
#device-host .pwl-mote{animation:pwl-mote 6s ease-in-out infinite alternate}
#device-host .pwl-cloud-horizon{animation:pwl-cloud 24s ease-in-out infinite alternate}
#device-host .pwl-spot{animation:pwl-spot 11s ease-in-out infinite alternate}
#device-host .pwr-olympus-name{font-family:var(--pd-font,Play,sans-serif)}
@keyframes pwr-current-shine{0%,15%{transform:translateX(0);opacity:0}25%{opacity:.8}65%{opacity:.6}80%,100%{transform:translateX(var(--shine-travel));opacity:0}}
@keyframes pwl-ribbon{from{transform:translateX(-8px) scaleX(.96)}to{transform:translateX(9px) scaleX(1.06)}}
@keyframes pwl-mote{from{opacity:.09;transform:translateY(0)}to{opacity:.45;transform:translateY(-9px)}}
@keyframes pwl-cloud{from{transform:translateX(-16px)}to{transform:translateX(18px)}}
@keyframes pwl-spot{from{transform:rotate(-6deg)}to{transform:rotate(6deg)}}
@media(max-height:650px){#device-host .pwr-reward{padding:10px 12px;min-height:79px}#device-host .pwr-gift{height:49px}#device-host .pwr-bottom{bottom:18px}#device-host .pwr-return{margin-bottom:7px}}
@media(prefers-reduced-motion:reduce){#device-host .pwr-light,#device-host .pwr-current-shine,#device-host .pwl-ribbon,#device-host .pwl-mote,#device-host .pwl-cloud-horizon,#device-host .pwl-spot{animation:none}#device-host .pwr-current-shine{display:none}}

/* sy196: return through the existing level header, native app card styling. */
#device-host .pwr-head{border-color:#ffffff20;background:#101216;box-shadow:none}
#device-host .pwr-head:focus-visible{outline:2px solid #d4b080;outline-offset:3px}
#device-host .pwr-home-icon,#device-host .pwr-return{display:none}
#device-host .pwr .pwr-reward{border:1px solid #2b3138;border-radius:16px;background:#10161c;box-shadow:0 8px 28px #0006}
#device-host .pwr .pwr-reward[data-milestone=true]{border-color:#48413a;box-shadow:0 8px 28px #0006}
#device-host .pwr .pwr-new-league{font-size:13px;line-height:18px;letter-spacing:0;text-transform:none;margin:1px 0 2px;font-weight:700}
#device-host .pwr .pwr-prizes{border-left:0;padding-left:0}
