/* PLAY QI: quiet framed panels inspired by the supplied layout reference. */
body.has-pix-dock{font-family:Arial,Helvetica,system-ui,sans-serif;background-color:#0b1426;color:#f4f7fc;line-height:1.6}
.has-pix-dock :is(button,input,select,textarea){font-family:inherit}
.pq-portal>header{background:#101c31!important;border:1px solid #31435f;border-radius:12px;margin-top:12px;box-shadow:none;backdrop-filter:none}
.pq-portal .hero{background:#101c31;border:1px solid #31435f;border-radius:14px;padding:28px;box-shadow:none}
.pq-portal .hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-1px;font-size:clamp(29px,3.7vw,44px)}
.pq-portal :is(#kids-area,#conhecimento,#adivinhacao,#ranking,#como-funciona,#compartilhar){box-sizing:border-box;max-width:1080px;width:100%;border:1px solid #31435f;border-radius:14px;background:#101c31;padding:24px;margin:24px auto}
.pq-portal :is(.group-title,.section-head h2){font-family:Arial,Helvetica,sans-serif;font-size:24px!important;font-weight:700;line-height:1.3;letter-spacing:-.4px}
.pq-portal :is(.eyebrow,.section-head .eyebrow){font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:2px;color:#b5c9e5;font-weight:700}
.pq-portal :is(.group-description,.section-subtitle){font-size:14px;line-height:1.65;color:#b7c5d9}
.pq-portal :is(#conhecimento,#adivinhacao) .games{gap:18px}
.pq-portal :is(#conhecimento,#adivinhacao) .game,.has-pix-dock .homebrew-card,.has-pix-dock .card{border:1px solid #344862!important;border-radius:12px!important;background:#15233a!important;box-shadow:none!important;transform:none;transition:border-color .18s,background-color .18s}
.pq-portal :is(#conhecimento,#adivinhacao) .game{padding:22px!important;min-height:277px}
.pq-portal :is(#conhecimento,#adivinhacao) .game:before,.pq-portal :is(#conhecimento,#adivinhacao) .game:after{display:none!important}
.pq-portal :is(#conhecimento,#adivinhacao) .game h3{font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:600;line-height:1.35;letter-spacing:-.15px}
.pq-portal :is(#conhecimento,#adivinhacao) .game>p{font-size:14px;line-height:1.65;color:#b7c5d9}
.pq-portal .game:hover,.has-pix-dock .card:hover,.has-pix-dock .homebrew-card:hover{border-color:#f4a45d!important;background:#182a44!important;box-shadow:none!important;transform:none!important}
.pq-portal :is(.play,.cta),.has-pix-dock :is(.primary,.btn-primary,.official-watch){border:1px solid #ffad64!important;border-radius:8px!important;background:#ffab61!important;color:#112039!important;box-shadow:none!important;text-shadow:none!important;font-weight:700}
.pq-portal .game .play{justify-content:center!important;gap:16px}
.pq-portal :is(.platform-tabs,.facts,.rank-wrap){border:1px solid #31435f!important;border-radius:12px;background:#101c31!important;box-shadow:none!important}
.pq-portal :is(.platform-tabs button,.ranking-tabs button,.share-actions button,.share-button){box-shadow:none!important;border-radius:8px!important;text-shadow:none!important}
.pq-portal .kids-links a{border:1px solid #344862;border-radius:10px;background:#15233a;color:#f4f7fc;font-size:15px;box-shadow:none}
.has-pix-dock :is(button,a):focus-visible{outline:3px solid #ffba7c;outline-offset:4px}
@media(max-width:650px){.pq-portal>header{margin-top:0;border-radius:0;border-inline:0}.pq-portal .hero{padding:20px}.pq-portal :is(#kids-area,#conhecimento,#adivinhacao,#ranking,#como-funciona,#compartilhar){padding:16px;margin-block:18px}.pq-portal :is(.group-title,.section-head h2){font-size:21px!important}.pq-portal :is(#conhecimento,#adivinhacao) .games{gap:10px}.pq-portal :is(#conhecimento,#adivinhacao) .game{padding:12px!important;min-height:300px}.pq-portal :is(#conhecimento,#adivinhacao) .game h3{font-size:15px;min-height:42px}.pq-portal :is(#conhecimento,#adivinhacao) .game>p{font-size:12px;line-height:1.6}.pq-portal :is(#conhecimento,#adivinhacao) .game .play{gap:6px;font-size:11px;min-height:58px}.pq-portal .kids-links a{font-size:13px;padding:12px}}
@media(prefers-reduced-motion:reduce){.has-pix-dock *{scroll-behavior:auto!important}}
.has-pix-dock :is(h1,h2,h3,button,.brand,.logo){font-family:Arial,Helvetica,system-ui,sans-serif}.has-pix-dock h1 em{font-family:inherit;font-style:normal}.pq-portal .platform-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;overflow:visible}.pq-portal .platform-tabs button{min-width:0;display:flex;align-items:center;gap:10px;text-align:left;justify-content:flex-start;min-height:50px;padding:10px 12px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:600;border:1px solid #344862!important;background:#15233a!important;color:#cbd5e5!important;white-space:normal}.pq-portal .platform-tabs button[aria-selected=true]{border-color:#ffab61!important;background:#24324a!important;color:#fff!important}.nav-step{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;border:1px solid #536b8e;font-size:11px;font-weight:600;color:#cbd5e5}.pq-portal .platform-tabs button[aria-selected=true] .nav-step{border-color:#ffab61;color:#ffca9b}@media(max-width:650px){.pq-portal .platform-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.pq-portal .platform-tabs button{font-size:12px;padding:10px 8px;gap:7px;min-height:56px}.nav-step{flex-basis:22px;width:22px;height:22px}.pq-portal :is(#conhecimento,#adivinhacao) .game .play{height:68px;box-sizing:border-box;flex-shrink:0}}

/* Share illustration integrated with the portal palette. */
.pq-portal .share-layout>a{display:flex;align-items:center;justify-content:center;width:220px;max-width:100%;padding:12px;border:1px solid #c78c5270;border-radius:12px;background:radial-gradient(ellipse at 50% 70%,#263d57,#0b1426 75%);box-sizing:border-box}.pq-portal .share-layout>a>img{display:block;width:100%;height:auto;border:0;border-radius:0;object-fit:contain;filter:drop-shadow(0 5px 8px #0005)}

.pq-portal .rank-toolbar{gap:18px;align-items:end}.pq-portal :is(input[type=search],input[type=text],input[type=email],select,textarea){border:1px solid #40536e;border-radius:8px;min-height:44px;background:#101c31;color:#f4f7fc;font-family:Arial,Helvetica,sans-serif}.pq-portal :is(input,select,textarea):focus-visible{outline:2px solid #ffab61;outline-offset:2px}.pq-portal .group-description{max-width:780px;margin-bottom:18px}
/* Share avatars sit directly on the section background, without a frame. */
.pq-portal #compartilhar .share-layout>a{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;outline-offset:5px}
.pq-portal #compartilhar .share-layout>a>img{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none!important}