
.personal-pino-matrix .hero-strip.has-page-bot>img{clip-path:inset(0 19.2% 0 19.2%)}
.pino-page-bot{position:absolute;right:0;top:0;bottom:0;width:19.2%;overflow:hidden;isolation:isolate;border-radius:20px;background:linear-gradient(135deg,#102c41,#143b4d)}
.pino-page-bot[hidden]{display:none!important}
.pino-page-bot-matrix{position:absolute;inset:0;width:100%;height:100%;opacity:.45;pointer-events:none;z-index:0}
.pino-page-bot-art{position:absolute;top:0;left:50%;transform:translateX(-50%);height:calc(100% - 32px);width:var(--page-bot-width,110px);z-index:1;container-type:inline-size}
.pino-page-bot-sprite{position:absolute;inset:0;background:url('assets/pino-section-bots.webp') 0% bottom/400% 200% no-repeat}
.pino-page-bot-title{position:absolute;left:50%;top:48.8%;transform:translate(-50%,-50%);width:55%;min-height:4.5%;padding:1px;text-align:center;color:#44e6ff;font:bold clamp(4px,6.6cqw,10px)/1.05 system-ui,sans-serif;text-transform:uppercase;overflow-wrap:anywhere;text-shadow:0 0 4px #00bfff;background:#031e39;border-radius:3px;box-shadow:0 0 3px #14b9ef}
.pino-page-bot .pino-page-bot-audio{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:27px;height:27px;z-index:2}
.pino-page-bot-close{position:absolute;right:5px;top:1px;width:22px;height:22px;padding:0;color:#d5f3fa;background:transparent;border:0;font-size:21px;cursor:pointer;z-index:3}
.pino-page-bot-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pino-page-bot button:focus-visible{outline:2px solid #ffe082;outline-offset:2px}
.page-bot-speaking .pino-page-bot-sprite{animation:page-bot-explain 3s step-end infinite}
@keyframes page-bot-explain{0%,100%{background-position:0% bottom}25%{background-position:33.333333% bottom}50%{background-position:66.666667% bottom}75%{background-position:100% bottom}}
.robot-guides-hidden .personal-pino-matrix .hero-strip>img{clip-path:inset(0 0 0 19.2%)}
@media(max-width:650px){.pino-page-bot{border-radius:8px}.pino-page-bot-art{height:calc(100% - 23px)}.pino-page-bot .pino-page-bot-audio{width:21px;height:21px;bottom:1px}.pino-page-bot-close{width:15px;height:15px;font-size:15px;right:2px}}
@media(prefers-reduced-motion:reduce){.page-bot-speaking .pino-page-bot-sprite{animation:none}}

.pino-page-bot[data-audio-error="true"] .pino-page-bot-status{width:100%;height:auto;bottom:0;left:0;clip-path:none;white-space:normal;padding:6px;background:#071b13;color:#fff;font:11px/1.3 sans-serif;box-sizing:border-box;z-index:5}

.withdraw-card-head:has(.withdrawal-page-bot:not([hidden])){align-items:flex-start;gap:18px}
.withdraw-card-head:has(.withdrawal-page-bot:not([hidden]))>div:first-child{flex:1;min-width:0}
.withdraw-card-head .withdrawal-page-bot{position:relative;inset:auto;flex:0 0 140px;width:140px;height:164px;align-self:flex-start;border-radius:14px}
@media(max-width:650px){
 .withdraw-card-head:has(.withdrawal-page-bot:not([hidden])){gap:8px}
 .withdraw-card-head .withdrawal-page-bot{flex-basis:96px;width:96px;height:136px;border-radius:10px}
 .withdraw-card-head .withdrawal-page-bot .pino-page-bot-art{height:calc(100% - 32px)}
 .withdraw-card-head .withdrawal-page-bot .pino-page-bot-audio{width:27px;height:27px;bottom:3px}
}

/* All accounts need a positioned banner host for the section assistant. */
.app-shell .hero-strip{position:relative}

/* Section guides must sit above the night sports banner in every account. */
.app-shell .hero-strip > .pino-page-bot{z-index:3}
