.digital-art{position:relative;width:100%;height:100%;min-height:210px;overflow:hidden;isolation:isolate;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 48%,#263753,#101c30 65%,#0b1426);--accent:#e6c486;--glow:#c9a16e44}
.design-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(#c5b18c22 1px,transparent 1px),linear-gradient(90deg,#c5b18c22 1px,transparent 1px);background-size:28px 28px;transform:perspective(350px) rotateX(30deg) scale(1.3)}
.design-halo{position:absolute;inset:5%;background:radial-gradient(circle,var(--glow),transparent 62%);animation:qb-breathe 5s ease-in-out infinite}
.digital-art>svg{position:relative;width:52%;height:67%;filter:drop-shadow(0 12px 15px #0008);animation:qb-float 5s ease-in-out infinite}
.avatar-orbit{position:absolute;width:58%;aspect-ratio:1;border:1px solid var(--accent);box-shadow:0 0 28px var(--glow),inset 0 0 28px var(--glow);clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);background:linear-gradient(35deg,transparent,#cda96724,transparent);transform:rotate(30deg)}
.neon-fox{--accent:#81e4d3;--glow:#50daca44;background:radial-gradient(ellipse,#183a44,#101b31 70%)}
.neon-fox .avatar-orbit{border-radius:50%;clip-path:none;border-style:dashed;animation:qb-orbit 40s linear infinite}
.design-spark{position:absolute;width:5px;height:5px;background:var(--accent);box-shadow:0 0 16px var(--accent);transform:rotate(45deg);animation:qb-breathe 4s ease-in-out infinite}.spark-one{top:26%;left:18%}.spark-two{right:20%;bottom:23%;animation-delay:-2s}
.player-frame{position:relative;width:70%;height:65%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--accent);border-radius:14px;box-shadow:0 0 20px var(--glow),inset 0 0 20px var(--glow);background:#0b1528c9;animation:qb-frame 4s ease-in-out infinite}
.player-frame:before,.player-frame:after{content:'';position:absolute;inset:-6px;border:1px solid var(--accent);clip-path:polygon(0 0,20% 0,20% 2%,2% 2%,2% 20%,0 20%,0 0,100% 100%,80% 100%,80% 98%,98% 98%,98% 80%,100% 80%);border-radius:16px}
.player-frame>svg{height:52%;width:55%;margin-top:-8px}.player-name{font-size:clamp(12px,1.5vw,19px);letter-spacing:2px;font-weight:700;color:var(--accent);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-caption{font-size:7px;letter-spacing:2px;color:#9eaec5;margin-top:8px}
.aurora-frame{--accent:#8df0dd;--glow:#54d6e933;background:radial-gradient(ellipse at 65% 25%,#53417488,#0e1f35 65%)}.aurora-frame .player-frame{border-color:#9cedec #bca7ff #79e3d7 #bca7ff;box-shadow:10px 0 35px #ac8be735,-10px 0 35px #58e0d035}
.champion{position:relative;text-align:center;width:90%;display:grid;gap:20px;justify-items:center}.champion-kicker{font-size:9px;letter-spacing:4px;color:#cbb382}.champion-name{font-size:clamp(25px,3vw,43px);line-height:1.1;letter-spacing:-1px;background:linear-gradient(110deg,#b98d4c 20%,#f6e9c6 36%,#fff 42%,#c9a45f 50%,#efcf87 72%);background-size:240% 100%;color:transparent;background-clip:text;animation:qb-shine 6s linear infinite;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.champion-line{height:1px;width:70%;background:linear-gradient(90deg,transparent,#c9a45f,transparent)}.champion-caption{font-size:8px;letter-spacing:2px;color:#aab6c8}
.logo-orbit{position:absolute;width:68%;aspect-ratio:1;border:1px solid #e9d2a366;border-radius:50%;animation:qb-orbit 16s linear infinite}.logo-orbit:after{content:'';position:absolute;left:14%;top:14%;height:8px;width:8px;border-radius:50%;background:#ffe3a9;box-shadow:0 0 18px #ffe3a9}.logo-orbit.second{width:53%;animation-direction:reverse;animation-duration:23s;border-style:dashed;opacity:.6}.orbit-brand{position:relative;width:31%;height:auto;filter:drop-shadow(0 0 18px #e6c48633);animation:qb-float 5s ease-in-out infinite}
.quiz-hero .digital-art{height:calc(100% - 83px);min-height:0;background:transparent}.quiz-hero{background:radial-gradient(ellipse at 40% 35%,#304254,#14213b 65%,#10192d)}.quiz-hero .digital-art>svg{width:48%;height:85%}.quiz-hero .avatar-orbit{width:54%}.quiz-hero .stage-caption{z-index:1}.quiz-hero .stage-corner{z-index:2}.hero-look-label{position:absolute;left:23px;top:22px;z-index:2;font-size:9px;letter-spacing:1.8px;color:#dac28f}
.shop-switch{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 0}.shop-switch a{display:flex;flex:1;min-width:220px;gap:12px;align-items:center;border:1px solid #8e7d5044;border-radius:8px;padding:14px 18px;color:#aebbd0;font-size:11px}.shop-switch a strong{display:block;color:#e5d1a7;font-size:14px}.shop-switch a[aria-current]{border-color:#d9ba72;background:#d4b9790a}.shop-switch .switch-symbol{font-size:25px;color:#d4b979}.store-note{padding:13px 17px;border-left:2px solid #c8a569;background:#19243b;font-size:12px;color:#b7c2d4;margin:0 0 22px}.design-preview-button{display:block;position:absolute;bottom:13px;right:13px;border:1px solid #ac936355;background:#0b1429e6;color:#ead6aa;border-radius:5px;padding:7px 12px;font-size:10px;z-index:2}
#design-dialog{width:min(650px,calc(100% - 32px))}#design-stage{height:340px;border:1px solid #baa16755;border-radius:10px;overflow:hidden;margin:20px 0}#design-dialog .design-caption{color:#acb9ce;font-size:13px}#design-dialog .preview-name{display:block;font-size:12px;color:#d4bd90}#design-dialog input{display:block;width:100%;margin-top:7px;border:1px solid #8d7e5b;border-radius:5px;padding:10px;background:#0c1528;color:#e9e5df}#design-stage .champion-name{font-size:clamp(24px,6vw,50px)}
@keyframes qb-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes qb-breathe{0%,100%{opacity:.6}50%{opacity:1}}@keyframes qb-orbit{to{transform:rotate(360deg)}}@keyframes qb-frame{0%,100%{filter:brightness(.95)}50%{filter:brightness(1.2)}}@keyframes qb-shine{from{background-position:140% 50%}to{background-position:-100% 50%}}
@media(max-width:640px){.shop-switch{gap:8px;margin-top:20px}.shop-switch a{min-width:0;width:100%;padding:12px;flex-basis:100%}.quiz-hero .digital-art>svg{width:56%}.hero-look-label{font-size:7px}.store-note{font-size:11px}#design-stage{height:270px}.player-name{font-size:16px}.champion-name{font-size:34px}.header nav{column-gap:18px!important;row-gap:10px;flex-wrap:wrap;justify-content:center}.header{gap:18px!important}}
@media(prefers-reduced-motion:reduce){.digital-art *{animation:none!important;transition:none!important}}

/* Distinct avatar silhouettes and subtle living details. */
.avatar-theme-lunar-owl{--accent:#d3bdff;--glow:#9374c33d;background:radial-gradient(ellipse,#38334f,#14172c 70%)}.avatar-theme-lunar-owl .avatar-orbit{border-radius:50%;clip-path:none;width:57%;opacity:.6}.avatar-moon{animation:qb-moon 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.avatar-theme-ember-dragon{--accent:#ffba78;--glow:#d875473b;background:radial-gradient(ellipse,#493135,#1f1829 70%)}.avatar-theme-ember-dragon .avatar-orbit{transform:rotate(-10deg);border-color:#e89852}.ember{position:absolute;width:4px;height:9px;border-radius:50%;background:#ffcc81;bottom:24%;left:35%;box-shadow:0 0 13px #ffb460;animation:qb-ember 4s ease-in-out infinite}.ember-1{left:63%;animation-delay:-1.6s}.ember-2{left:74%;bottom:31%;animation-delay:-2.8s}
.avatar-theme-cosmo-bot{--accent:#8ad9eb;--glow:#51a1db3b;background:radial-gradient(ellipse,#24405b,#111c30 70%)}.avatar-theme-cosmo-bot .avatar-orbit{clip-path:none;border-radius:28px;width:57%;transform:rotate(-12deg);border-style:dashed}.avatar-signal{animation:qb-signal 4s ease-in-out infinite}.avatar-eyes{animation:qb-eye-glow 5s ease-in-out infinite}
.avatar-theme-prism-cat{--accent:#eca9d7;--glow:#b375bc3d;background:radial-gradient(ellipse,#3d344f,#172037 70%)}.avatar-theme-prism-cat .avatar-orbit{transform:rotate(-15deg);background:linear-gradient(130deg,#e8aed633,transparent,#74d9d522)}.avatar-crystal{animation:qb-eye-glow 3s ease-in-out infinite}
/* Orbit articles combine with any avatar; each has its own motion and geometry. */
.has-avatar-orbit>svg{width:43%;height:57%}.avatar-orbit-effect{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;--orbit-color:#efcd86}.orbit-plane{position:absolute;width:77%;aspect-ratio:1;transform:rotate(-24deg) scaleY(.69)}.orbit-track{position:absolute;inset:0;border:1px solid var(--orbit-color);border-radius:50%;box-shadow:0 0 12px #e5bd5d22;animation:qb-orbit 12s linear infinite}.orbit-satellite{position:absolute;width:12px;height:12px;left:calc(50% - 6px);top:-6px;border-radius:50%;background:var(--orbit-color);box-shadow:0 0 16px var(--orbit-color)}.orbit-plane-two{transform:rotate(49deg) scaleY(.6);width:70%}.orbit-plane-two .orbit-track{animation-direction:reverse;animation-duration:18s;opacity:.7}.orbit-plane-two .orbit-satellite{width:8px;height:8px;top:-4px;left:calc(50% - 4px)}
.neon-orbit .orbit-plane{--orbit-color:#79f0db;transform:rotate(-38deg) scaleY(.82)}.neon-orbit .orbit-track{border-width:2px;border-style:solid dashed;box-shadow:0 0 14px #70eac544,inset 0 0 14px #70eac522;animation-duration:10s}.neon-orbit .orbit-plane-two{--orbit-color:#cfafff;transform:rotate(33deg) scaleY(.78);width:64%}.neon-orbit .orbit-plane-two .orbit-track{animation-duration:14s;opacity:1}
.comet-orbit .orbit-plane{transform:rotate(-18deg) scaleY(.9);width:73%}.comet-orbit .orbit-track{border:0;box-shadow:none;animation-duration:7s}.comet-orbit .orbit-track:before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 45%,#88cffb08 62%,#7de8ee8c 88%,#f2ffff 99%,transparent);mask:radial-gradient(closest-side,transparent 96%,#000 98%)}.comet-orbit .orbit-satellite{background:#e7ffff;box-shadow:0 0 18px #9eedff,0 0 34px #b0faff;width:9px;height:9px;left:calc(50% - 4px);top:-3px}
.prism-orbit .orbit-plane{transform:none;width:70%}.prism-orbit .orbit-track{border:1px dashed #bab5e044;box-shadow:none;animation-duration:22s}.orbit-shard{position:absolute;inset:0;transform:rotate(var(--shard-angle));--shard-angle:0deg}.orbit-shard:after{content:"";position:absolute;left:calc(50% - 5px);top:-9px;width:10px;height:18px;clip-path:polygon(50% 0,100% 48%,50% 100%,0 48%);background:linear-gradient(30deg,#77e5db,#f2c7ff);transform:rotate(30deg)}.shard-1{--shard-angle:60deg}.shard-2{--shard-angle:120deg}.shard-3{--shard-angle:180deg}.shard-4{--shard-angle:240deg}.shard-5{--shard-angle:300deg}
/* Five independently selectable animated lettering effects. */
.neon-text{background:radial-gradient(ellipse,#342446,#101a2c 72%)}.neon-text .champion-name{background:none;color:#ffe5f6;overflow:visible;text-shadow:0 0 6px #e991d5,0 0 19px #d66fc7,2px 2px 0 #61cbbb;animation:qb-neon 4s ease-in-out infinite}
.wave-text{background:radial-gradient(ellipse,#213f4e,#111d31 70%)}.wave-text .champion-name{background:none;color:#a9eced;animation:none;overflow:visible;line-height:1.6}.wave-letter{display:inline-block;animation:qb-letter-wave 2.8s ease-in-out infinite;animation-delay:calc(var(--letter) * -.12s);text-shadow:0 3px 15px #6bddd84d}
.typewriter-text{background:radial-gradient(ellipse,#1d3434,#101e2b 70%)}.typewriter-text .champion-name{font-family:Consolas,'Courier New',monospace;color:#c7edab;background:none;position:relative;border-right:2px solid #c7edab;padding-right:6px;animation:qb-typewriter 7s steps(24,end) infinite;clip-path:inset(0);text-shadow:0 0 12px #afdc6a44;overflow:visible}.typewriter-text .champion-kicker{color:#90b887}
.holo-text{background:radial-gradient(ellipse,#263856,#0d172c 70%)}.holo-text .champion-name{background:none;color:#a9eaff;text-shadow:-2px 0 #ca9ff28c,2px 1px #70e8de6b;animation:qb-holo-float 5s ease-in-out infinite;position:relative;overflow:visible}.holo-text .champion-name:after{content:attr(data-label);position:absolute;inset:0;color:#efffff;clip-path:inset(0 0 92%);animation:qb-scan 4s linear infinite;transform:translateX(2px);pointer-events:none}.holo-text .champion-line{background:linear-gradient(90deg,transparent,#9fcff6,transparent)}
.digital-art.animation-paused *,.digital-art.animation-paused *:before,.digital-art.animation-paused *:after{animation-play-state:paused!important}
#design-dialog select{display:block;width:100%;margin-top:7px;border:1px solid #8d7e5b;border-radius:5px;padding:10px;background:#0c1528;color:#e9e5df;font:inherit}#design-combinations{margin:15px 0}#design-combinations>label{display:block;font-size:12px;color:#d4bd90}#design-combination-note{font-size:12px;color:#aab9cd;line-height:1.6}
@keyframes qb-moon{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes qb-eye-glow{0%,100%{filter:drop-shadow(0 0 1px #b9f8ee)}50%{filter:drop-shadow(0 0 4px #b9f8ee)}}@keyframes qb-signal{0%,100%{opacity:.6}50%{opacity:1}}@keyframes qb-ember{0%{transform:translateY(8px) rotate(0);opacity:0}25%{opacity:.8}100%{transform:translateY(-100px) rotate(40deg);opacity:0}}
@keyframes qb-neon{0%,100%{text-shadow:0 0 5px #e991d5,0 0 16px #d66fc7,2px 2px 0 #61cbbb}50%{text-shadow:0 0 8px #efb0e0,0 0 26px #ce7de0,2px 2px 0 #84f1de}}
@keyframes qb-letter-wave{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes qb-typewriter{0%,7%{clip-path:inset(0 100% 0 0)}50%,86%{clip-path:inset(0)}100%{clip-path:inset(0 100% 0 0)}}@keyframes qb-holo-float{0%,100%{transform:skewX(0)}50%{transform:skewX(-3deg)}}@keyframes qb-scan{0%{clip-path:inset(0 0 92%)}100%{clip-path:inset(92% 0 0)}}

@media(prefers-reduced-motion:reduce){.digital-art *,.digital-art *:before,.digital-art *:after{animation:none!important;transition:none!important}.typewriter-text .champion-name{clip-path:none}.holo-text .champion-name:after{display:none}}
.digital-art .champion-name{font-size:calc(clamp(25px,3vw,43px) * var(--name-fit,1))}#design-stage .champion-name{font-size:calc(clamp(24px,6vw,50px) * var(--name-fit,1))}.neon-text .champion-name{font-family:'Trebuchet MS',sans-serif}.wave-text .champion-name{font-family:Georgia,serif;font-style:italic;font-weight:600}.holo-text .champion-name{letter-spacing:1px;font-weight:500}.typewriter-text .champion-name{animation-delay:-2s}

/* Model cards: all purchasing controls belong to the preview. */
body[data-store="quiz"] .product-picture{height:365px;position:relative;border:1px solid #b7a47426;border-radius:12px;overflow:hidden;background:#111d31}
body[data-store="quiz"] .product-picture>.digital-art{position:absolute;inset:58px 0 60px;height:auto;min-height:0;z-index:0}
body[data-store="quiz"] .product-picture>.catalog-image{position:absolute;inset:60px 0;width:100%;height:calc(100% - 120px);object-fit:contain}
.model-heading{position:absolute;top:15px;left:14px;right:14px;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:start}
.model-heading .badge{position:static;max-width:135px;overflow-wrap:anywhere;font-size:8px;letter-spacing:1px;padding:7px 9px;background:linear-gradient(110deg,#eddaa5,#c5a363);color:#172137;border:0;line-height:1.3}
.model-heading h3{font-size:18px;margin:1px 0 0;line-height:1.15;color:#f5eee0;text-shadow:0 2px 5px #000}
.model-description{grid-column:2;margin:4px 0 0;color:#b9c7da;font-size:11px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.model-buy{position:absolute;bottom:12px;left:13px;z-index:2;border:2px solid #dfc48c;border-radius:11px;background:#091225ed;color:#f3d494;padding:7px 11px;min-height:48px;display:flex;align-items:center;gap:10px;box-shadow:inset 0 0 0 3px #0a1325,0 0 0 1px #f8e3b454}
.model-buy:hover{background:#25304a}.model-buy:disabled{opacity:.55;cursor:not-allowed}.buy-caption{font-size:10px;text-align:left;max-width:43px;line-height:1.3;text-transform:uppercase;letter-spacing:.5px}.model-buy .product-price{display:flex;align-items:center;flex-wrap:wrap;gap:0 4px;max-width:145px}.model-buy strong{font-size:24px;display:flex;align-items:center;gap:4px;line-height:1.15}.model-buy .price-currency-name{font-size:9px;flex-basis:100%;color:#d7bd8e;text-align:right}.model-buy .regular-price{font-size:10px}.model-buy .subscriber-price-note{font-size:8px;line-height:1.1}
body[data-store="quiz"] .design-preview-button{bottom:12px;right:13px;min-height:48px;border:2px solid #dfc48c;border-radius:11px;padding:9px 11px;box-shadow:inset 0 0 0 3px #0a1325;color:#f0d5a0;font-size:10px;background:#091225ed}
body[data-store="quiz"] .product-meta{padding-top:16px}.model-command{display:inline-block;color:#dcc18b;font-size:12px;background:#111c30;border:1px solid #cbb07325;padding:7px 11px;border-radius:5px;user-select:all}
.qd-icon{display:inline-block!important;width:27px!important;height:27px!important;object-fit:contain;vertical-align:middle;flex:none;max-width:none!important}.checkout-status{color:#dfd1b2;font-size:13px;line-height:1.6;white-space:pre-line}.checkout-status:empty{display:none}.checkout-status+a{display:inline-block;margin:8px 0 16px}.checkout-status+a[hidden]{display:none}
@media(max-width:420px){body[data-store="quiz"] .product-picture{height:350px}.model-heading{left:11px;right:11px;gap:8px}.model-heading h3{font-size:16px}.model-heading .badge{max-width:92px;font-size:7px;padding:7px}.model-description{font-size:10px}.model-buy{left:9px;padding:7px 8px;gap:7px}.model-buy strong{font-size:21px}.model-buy .product-price{max-width:115px}body[data-store="quiz"] .design-preview-button{right:9px;padding:8px;font-size:9px}.model-buy .qd-icon{width:23px!important;height:23px!important}}
body[data-store="quiz"] .product-picture{width:100%;min-width:0;aspect-ratio:auto} @media(max-width:380px){body[data-store="quiz"] .product-picture{height:390px}body[data-store="quiz"] .product-picture>.digital-art{bottom:120px}.model-buy{bottom:69px;left:11px;max-width:calc(100% - 22px)}body[data-store="quiz"] .design-preview-button{left:11px;right:11px;bottom:11px}.model-buy .product-price{max-width:170px}.model-buy .price-currency-name{flex-basis:auto}.model-buy .subscriber-price-note{flex-basis:100%}}
body[data-store="quiz"] .products{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr))}.model-buy strong{overflow-wrap:anywhere;min-width:0}.model-buy .product-price{min-width:0}
.model-buy .regular-price .qd-icon{width:13px!important;height:13px!important}.regular-price .qd-icon{width:17px!important;height:17px!important}.cart-row small .qd-icon{width:22px!important;height:22px!important;margin-left:5px}
.model-heading .badge{text-transform:uppercase}.model-heading h3{overflow-wrap:anywhere}

/* The full command stays inside its own model, above the two purchase controls. */
body[data-store="quiz"] .product-picture{height:395px}
body[data-store="quiz"] .product-picture>.digital-art{top:88px;bottom:108px}
body[data-store="quiz"] .product-picture>.catalog-image{top:88px;height:calc(100% - 196px)}
.product-picture>.model-command{position:absolute;z-index:2;bottom:76px;left:12px;right:12px;width:max-content;max-width:calc(100% - 24px);margin:0 auto;white-space:normal;overflow-wrap:anywhere;text-align:center;font-size:12px;line-height:1.35;background:#0b1528ed}
@media(max-width:380px){body[data-store="quiz"] .product-picture{height:435px}body[data-store="quiz"] .product-picture>.digital-art{top:99px;bottom:165px}.product-picture>.model-command{bottom:132px}}

/* Frames preview the complete leaderboard row: rank, portrait, name and both scores. */
.digital-art:has(.leaderboard-model){container-type:inline-size}
.player-frame.leaderboard-model{position:relative;width:94%;height:62px;padding:0 9px 0 0;display:grid;grid-template-columns:32px 27px minmax(0,1fr) 37px 52px;gap:7px;overflow:hidden;border:0;border-radius:12px;background:linear-gradient(135deg,#101d34,#24364d);animation:none;box-shadow:none}
.leaderboard-model .model-row-rank{display:grid;align-self:stretch;place-items:center;color:#111d31;background:#f6cf73;font:bold 22px/1 system-ui}
.leaderboard-model .model-row-avatar{display:grid;place-items:center;width:27px;height:27px;border:1px solid #9eafc266;border-radius:50%;background:#213956;overflow:hidden}
.model-row-avatar svg{width:100%;height:100%}
.leaderboard-model .player-name{font-size:13px;letter-spacing:0;max-width:100%;color:#fff;text-align:left;min-width:0}
.model-row-delta{font-size:12px;font-weight:800;color:#ffe39a;text-align:right}
.model-row-points{font-size:14px;color:#34e3d2;white-space:nowrap;text-align:right}.model-row-points small{font-size:8px}
.model-row-caption{position:absolute;top:19%;left:5%;right:5%;text-align:center;font-size:8px;letter-spacing:1.5px;color:#b5c4d8}
.player-frame.leaderboard-model:after{display:none}
.player-frame.leaderboard-model:before{content:'';position:absolute;inset:0;padding:2px;border:0;border-radius:inherit;clip-path:none;pointer-events:none;z-index:2;background:linear-gradient(110deg,#ae7b32,#f7db98,#fff7d5,#bd8d40,#efcb80);background-size:250% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:qb-row-frame 5s linear infinite}
.aurora-frame .player-frame.leaderboard-model{box-shadow:0 0 18px #89eae62b}
.aurora-frame .leaderboard-model:before{background-image:linear-gradient(110deg,#80f0db,#ac9dff,#d4afff,#68eadd,#a59aff);animation-duration:7s}
@keyframes qb-row-frame{to{background-position:250% 0}}
#design-stage{position:relative;padding-bottom:45px}#design-stage>.digital-art{min-height:0}#design-stage>.model-command{position:absolute;bottom:9px;left:12px;right:12px;margin:auto;width:max-content;max-width:calc(100% - 24px);overflow-wrap:anywhere;font-size:12px}
@media(prefers-reduced-motion:reduce){.player-frame.leaderboard-model:before{animation:none}}
@container(max-width:310px){.player-frame.leaderboard-model{grid-template-columns:25px 23px minmax(0,1fr) 30px 45px;gap:5px;padding-right:7px;height:55px}.leaderboard-model .player-name{font-size:11px}.leaderboard-model .model-row-avatar{width:23px;height:23px}.model-row-delta{font-size:10px}.model-row-points{font-size:12px}}

/* Flow layout reserves the real height of discounted prices and chat commands. */
body[data-store="quiz"] .product-picture{height:auto;display:grid;grid-template-rows:80px 210px auto}
body[data-store="quiz"] .product-picture>.model-heading{position:relative;inset:auto;grid-row:1;grid-column:1;margin:14px 13px 0;align-self:start}
body[data-store="quiz"] .product-picture>.digital-art{position:relative;inset:auto;grid-row:2;grid-column:1;height:100%;min-height:0}
body[data-store="quiz"] .product-picture>.catalog-image{position:relative;inset:auto;grid-row:2;grid-column:1;height:100%;width:100%;object-fit:contain}
.model-actions{grid-row:3;grid-column:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px;padding:5px 12px 12px;z-index:2;min-width:0}
.model-actions>.model-command{grid-column:1/-1;justify-self:center;max-width:100%;margin:0;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.35;background:#0b1528ed}
body[data-store="quiz"] .model-actions>.model-buy,body[data-store="quiz"] .model-actions>.design-preview-button{position:static;max-width:100%;margin:0;min-width:0}
.model-actions>.model-buy{justify-self:start}
@media(max-width:380px){body[data-store="quiz"] .product-picture{grid-template-rows:93px 185px auto}.model-actions{grid-template-columns:1fr}.model-actions>.model-buy{justify-self:stretch;justify-content:center}.model-actions>.design-preview-button{width:100%}}





/* collection-v3:start — shared by the shop, equipment card and both quiz overlays. */
@property --qb-light-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
:is(.leaderboard-model,.ranking-row,.ceremony-card,#player):where([data-shop-frame]):is([data-shop-frame="dotted-frame"],[data-shop-frame="spark-frame"],[data-shop-frame="dash-frame"],[data-shop-frame="chaser-frame"],[data-shop-frame="circuit-frame"],[data-shop-frame="frost-frame"],[data-shop-frame="ember-frame"],[data-shop-frame="star-frame"],[data-shop-frame="prism-frame"],[data-shop-frame="double-frame"])::after{
 content:'';display:block;position:absolute;inset:0;z-index:4;border:0;padding:2px;border-radius:inherit;clip-path:none;pointer-events:none;box-sizing:border-box;
 background:linear-gradient(110deg,#bd9450,#fff0c8,#c7a76b);background-size:250% 100%;
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:qb3-border-flow 8s linear infinite;
}
.leaderboard-model[data-shop-frame]:not([data-shop-frame="gold-frame"]):not([data-shop-frame="aurora-frame"])::before{display:none}
:is(.leaderboard-model,.ranking-row,.ceremony-card,#player)[data-shop-frame="dotted-frame"]::after{padding:0;border:3px dotted #efd293;background:none;mask:none;-webkit-mask:none;animation:qb3-dot-glow 5s ease-in-out infinite}
:is(.leaderboard-model,.ranking-row,.ceremony-card,#player)[data-shop-frame="spark-frame"]::after{padding:3px;background-image:repeating-linear-gradient(105deg,#9b794a 0%,#b3905b 8%,#fff8d6 9%,#b3905b 10%,#785d3b 22%);background-size:350% 100%;animation-duration:12s}
:is(.leaderboard-model,.ranking-row,.ceremony-card,#player)[data-shop-frame="dash-frame"]::after{padding:0;border:3px dashed #8cebd9;background:none;mask:none;-webkit-mask:none;animation:qb3-dot-glow 6s ease-in-out infinite}
:is(.leaderboard-model,.ranking-row,.ceremony-card,#player)[data-shop-frame="chaser-frame"]::after{padding:3px;background:conic-gradient(from var(--qb-light-angle),#6f7d9655 0deg,#6f7d9655 230deg,#769ace 300deg,#e9fcff 348deg,#9ae8ed 357deg,#6f7d9655 360deg);animation:qb3-light-lap 9s linear infinite}
:is(.leaderboard-model,.ranking-row,.ceremony-card,#player)[data-shop-frame="circuit-frame"]::after{padding:4px;background:radial-gradient(circle at 7px 3px,#d1ffeb 0 2px,transparent 3px) 0 0/36px 16px,linear-gradient(0deg,transparent 25%,#80cbb977 26% 40%,transparent 41% 65%,#80cbb9 66% 80%,transparent 81%) 0 0/100% 6px,linear-gradient(90deg,#152c31,#468b83);animation:qb3-dot-glow 7s ease-in-out infinite}
:is(.leaderboard-model,.ranking-row,.ceremony-card,#player)[data-shop-frame="frost-frame"]::after{padding:3px;background-image:repeating-linear-gradient(125deg,#6489ad 0 4%,#c4eafb 5% 8%,#f4ffff 9%,#80b1cf 10% 16%);background-size:260% 100%;animation-duration:16s}
:is(.leaderboard-model,.ranking-row,.ceremony-card,#player)[data-shop-frame="ember-frame"]::after{padding:3px;background:linear-gradient(10deg,#8e484b,#f4b46c 28%,#7d443e 55%,#e7a867 82%,#ffe2a2);animation:qb3-ember-border 6s ease-in-out infinite}
:is(.leaderboard-model,.ranking-row,.ceremony-card,#player)[data-shop-frame="star-frame"]::after{padding:4px;background:radial-gradient(ellipse 1px 4px at 7px 3px,#fff7df 90%,transparent) 0 0/37px 9px,radial-gradient(ellipse 4px 1px at 7px 3px,#d8d0fa 90%,transparent) 0 0/37px 9px,linear-gradient(120deg,#535879,#aaa5d3,#5e7497);background-size:37px 9px,37px 9px,250% 100%;animation:qb3-star-drift 18s linear infinite}
:is(.leaderboard-model,.ranking-row,.ceremony-card,#player)[data-shop-frame="prism-frame"]::after{padding:3px;background-image:repeating-linear-gradient(65deg,#8adacb 0%,#cac2e8 16%,#edaac6 32%,#e6c992 48%,#8adacb 64%);background-size:300% 100%;animation-duration:14s}
:is(.leaderboard-model,.ranking-row,.ceremony-card,#player)[data-shop-frame="double-frame"]::after{padding:0;border:4px double #dfc494;background:none;mask:none;-webkit-mask:none;animation:qb3-dot-glow 8s ease-in-out infinite}
@keyframes qb3-border-flow{to{background-position:250% 0}}
@keyframes qb3-light-lap{to{--qb-light-angle:360deg}}
@keyframes qb3-dot-glow{0%,100%{filter:brightness(.9)}50%{filter:brightness(1.25)}}
@keyframes qb3-ember-border{0%,100%{filter:brightness(.9) drop-shadow(0 0 2px #d18c56)}50%{filter:brightness(1.15) drop-shadow(0 0 5px #f4b46c)}}
@keyframes qb3-star-drift{to{background-position:74px 18px,74px 18px,250% 0}}

:is(.glimmer-text .champion-name,[data-shop-text="glimmer-text"]){background:linear-gradient(110deg,#c7b88b 30%,#ddcfae 44%,#fff8e2 49%,#ddcfae 54%,#c7b88b 70%);background-size:300% 100%;background-clip:text;color:transparent!important;animation:qb3-name-flow 9s linear infinite;text-shadow:0 0 13px #e6d3a21c}
:is(.chrome-text .champion-name,[data-shop-text="chrome-text"]){background:linear-gradient(172deg,#8495a9 17%,#e3e8ea 34%,#fff 43%,#6a8196 47%,#c4d1dc 60%,#f8f7ee 68%,#8e9daf 88%);background-size:130% 250%;background-clip:text;color:transparent!important;animation:qb3-chrome 7s ease-in-out infinite;letter-spacing:.02em}
:is(.velvet-text .champion-name,[data-shop-text="velvet-text"]){background:none;color:#d8bbdf!important;font-family:Georgia,serif;font-style:italic;letter-spacing:.02em;text-shadow:0 2px 0 #6f4e79,0 0 12px #a987b74d;animation:qb3-velvet 7s ease-in-out infinite}
:is(.ice-text .champion-name,[data-shop-text="ice-text"]){background:repeating-linear-gradient(115deg,#b3dced 0%,#edfaff 5%,#8ebfdb 7%,#d7eff5 13%,#edfaff 18%);background-size:250% 100%;background-clip:text;color:transparent!important;text-shadow:0 0 10px #9ccdeb40;animation:qb3-name-flow 13s linear infinite;letter-spacing:.035em}
:is(.fire-text .champion-name,[data-shop-text="fire-text"]){background:linear-gradient(0deg,#b76856,#ecc28e 65%,#fff2ce);background-clip:text;color:transparent!important;animation:qb3-warm-name 5s ease-in-out infinite;text-shadow:0 4px 12px #d78b6240}
:is(.prism-text .champion-name,[data-shop-text="prism-text"]){background:linear-gradient(100deg,#91ddcd,#dcc0ea,#efbdd2,#eddbb7,#91ddcd);background-size:300% 100%;background-clip:text;color:transparent!important;animation:qb3-name-flow 11s linear infinite;letter-spacing:.02em}
:is(.outline-text .champion-name,[data-shop-text="outline-text"]){background:none;color:#223047!important;-webkit-text-stroke:1px #ecd8a2;text-shadow:2px 2px 0 #63878f,-1px -1px 0 #93dcd5;animation:qb3-outline 6s ease-in-out infinite;letter-spacing:.045em}
:is(.stardust-text .champion-name,[data-shop-text="stardust-text"]){background:radial-gradient(circle,#fffaf0 0 1px,#c9d8f5 2px,transparent 3px) 0 0/21px 17px,linear-gradient(135deg,#9caacc,#d4ceef,#aab8db);background-clip:text;color:transparent!important;animation:qb3-stardust 14s linear infinite;text-shadow:0 0 9px #acaed337}
:is(.sunset-text .champion-name,[data-shop-text="sunset-text"]){background:linear-gradient(0deg,#9c87c1 5%,#d899b6 40%,#edc4a0 72%,#fae3bf 94%);background-size:100% 200%;background-clip:text;color:transparent!important;font-family:Georgia,serif;animation:qb3-sunset 9s ease-in-out infinite}
:is(.pulse-text .champion-name,[data-shop-text="pulse-text"]){background:none;color:#b4ede0!important;letter-spacing:.04em;font-weight:500;animation:qb3-pulse 5s ease-in-out infinite}
@keyframes qb3-name-flow{from{background-position:150% 50%}to{background-position:-150% 50%}}
@keyframes qb3-chrome{0%,100%{background-position:50% 0}50%{background-position:50% 100%}}
@keyframes qb3-velvet{0%,100%{text-shadow:0 2px 0 #6f4e79,0 0 8px #a987b72b}50%{text-shadow:0 2px 0 #6f4e79,0 0 18px #caa7d47a}}
@keyframes qb3-warm-name{0%,100%{filter:brightness(1)}50%{filter:brightness(1.17);text-shadow:0 3px 17px #eaa36e77}}
@keyframes qb3-outline{0%,100%{text-shadow:2px 2px 0 #63878f,-1px -1px 0 #93dcd5}50%{text-shadow:3px 3px 0 #63878f,-2px -1px 0 #93dcd5}}
@keyframes qb3-stardust{to{background-position:42px 34px,0 0}}
@keyframes qb3-sunset{0%,100%{background-position:0 0}50%{background-position:0 100%}}
@keyframes qb3-pulse{0%,100%{text-shadow:0 0 5px #88d9c540}50%{text-shadow:0 0 15px #88d9c599,0 0 22px #64b4b044}}
/* Motion stops entirely with the viewer's accessibility setting. */
@media(prefers-reduced-motion:reduce){[data-shop-frame]::after,[data-shop-text],.digital-art *,.digital-art *::before,.digital-art *::after{animation:none!important;transition:none!important}}
/* collection-v3:end */

/* collection-palettes:start */
.avatar-theme-amber-horse{--accent:#e6c486;--glow:#bc91452e}
.avatar-theme-buddy-dog{--accent:#8fd8ca;--glow:#619a8f2e}
.avatar-theme-eucalyptus-koala{--accent:#cbb9dc;--glow:#957aa32e}
.avatar-theme-moon-panda{--accent:#b2d5ea;--glow:#789eb52e}
.avatar-theme-royal-tiger{--accent:#e6c486;--glow:#bc91452e}
.avatar-theme-rose-rabbit{--accent:#8fd8ca;--glow:#619a8f2e}
.avatar-theme-forest-deer{--accent:#cbb9dc;--glow:#957aa32e}
.avatar-theme-midnight-raccoon{--accent:#b2d5ea;--glow:#789eb52e}
.avatar-theme-polar-penguin{--accent:#e6c486;--glow:#bc91452e}
.avatar-theme-river-otter{--accent:#8fd8ca;--glow:#619a8f2e}
.avatar-theme-confetti-clown{--accent:#cbb9dc;--glow:#957aa32e}
.avatar-theme-nova-astronaut{--accent:#b2d5ea;--glow:#789eb52e}
.avatar-theme-golden-pirate{--accent:#e6c486;--glow:#bc91452e}
.avatar-theme-shadow-ninja{--accent:#8fd8ca;--glow:#619a8f2e}
.avatar-theme-arcane-wizard{--accent:#cbb9dc;--glow:#957aa32e}
.avatar-theme-nordic-viking{--accent:#b2d5ea;--glow:#789eb52e}
.avatar-theme-mint-alien{--accent:#e6c486;--glow:#bc91452e}
.avatar-theme-sun-knight{--accent:#8fd8ca;--glow:#619a8f2e}
.avatar-theme-pulse-cyborg{--accent:#cbb9dc;--glow:#957aa32e}
.avatar-theme-sphinx-pharaoh{--accent:#b2d5ea;--glow:#789eb52e}
/* collection-palettes:end */

/* look-collection:start — circular avatar surrounds and independently equipped row backgrounds. */
.qb-avatar-ring{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:3;--ring-color:#cc91ef;--ring-hot:#ffd4fb}
.qb-ring-disc{position:absolute;height:86%;aspect-ratio:1;border:1px solid var(--ring-color);border-radius:50%;box-shadow:0 0 7px color-mix(in srgb,var(--ring-color) 65%,transparent),inset 0 0 5px color-mix(in srgb,var(--ring-color) 40%,transparent)}
.qb-ring-a,.qb-ring-b,.qb-ring-stars{position:absolute;inset:0;border-radius:50%}
.qb-ring-a{inset:3px;border:2px solid var(--ring-hot);box-shadow:0 0 5px var(--ring-color)}
.qb-ring-b{inset:-4px;border:1px solid var(--ring-color);opacity:.55;transform:rotate(20deg)}
.qb-ring-star{position:absolute;inset:0;transform:rotate(var(--ring-angle))}
.qb-ring-star::after{content:'';position:absolute;top:0;left:calc(50% - 1px);width:2px;height:2px;background:var(--ring-hot);border-radius:50%;box-shadow:0 0 4px var(--ring-hot)}
.ring-amethyst .qb-ring-a{border-color:#eab0fa #ac54e1 #d07ffc #ffd5ff;box-shadow:0 0 7px #ba54ed,inset 0 0 5px #a841d466}
.ring-silver{--ring-color:#ced4e7;--ring-hot:#ffffed}.ring-silver .qb-ring-a{inset:2px -2px;border-width:1px;border-color:#f7f4e9 #f7f4e93b #e2e7f7 #e2e7f73b;transform:rotate(-18deg)}.ring-silver .qb-ring-b{inset:-4px 3px;border-color:#ccd9ef #e9edf5 #8e9aac55 #e9edf5;opacity:.85}
.ring-bluecomet{--ring-color:#598bcb;--ring-hot:#b5e4ff}.ring-bluecomet .qb-ring-disc{border-style:dotted}.ring-bluecomet .qb-ring-a{inset:-1px;border:0;background:conic-gradient(transparent 14%,#3b6cbb44 30%,#bdeaff 46%,transparent 48% 65%,#3b6cbb55 81%,#dcf4ff 97%,transparent 99%);mask:radial-gradient(closest-side,transparent 94%,#000 97%);box-shadow:none}.ring-bluecomet .qb-ring-b{border:0;box-shadow:0 0 8px #659cdf66}
.ring-ice{--ring-color:#80bfe7;--ring-hot:#e5fbff}.ring-ice .qb-ring-disc{box-shadow:0 0 9px #8dcaff99,inset 0 0 8px #8dcaff44}.ring-ice .qb-ring-a{border-width:1px}.ring-ice .qb-ring-b{border-style:dotted;opacity:.7}.ring-ice .qb-ring-star:nth-child(3n)::after{width:6px;height:6px;top:-2px;left:calc(50% - 3px);border-radius:0;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}
.ring-gold{--ring-color:#e7c862;--ring-hot:#fff9b1}.ring-gold .qb-ring-a{inset:2px;border-width:1px;border-color:#fff9ba #efdc8880 #fff9ba #efdc8880;box-shadow:0 0 5px #e6cf6777}.ring-gold .qb-ring-b{inset:-3px;border-color:transparent #fff1a7 transparent #fff1a7;border-width:2px;opacity:.9}
.ring-plasma{--ring-color:#56cae4;--ring-hot:#c9fcff}.ring-plasma .qb-ring-disc{border:2px dashed #73ddeb;box-shadow:0 0 10px #5fcdeba1,inset 0 0 8px #62dce870}.ring-plasma .qb-ring-a{inset:-3px 0;border-radius:46% 52% 48% 53%;border:2px solid #a8f4f4a8;box-shadow:0 0 4px #8de8ef}.ring-plasma .qb-ring-b{inset:1px -3px;border:2px dotted #e1ffff;border-radius:52% 47% 54% 46%;opacity:.55}
.ring-animated .qb-ring-a{animation:qb-look-turn 18s linear infinite}.ring-animated .qb-ring-b{animation:qb-look-turn 25s linear reverse infinite}.ring-animated .qb-ring-stars{animation:qb-look-turn 32s linear infinite}.ring-animated .qb-ring-star::after{animation:qb-look-twinkle 5s ease-in-out infinite;animation-delay:var(--ring-delay)}
.ring-static *,.ring-static *::after{animation:none!important}
.digital-art[data-motion="static"][data-look-group="ring"] *,.digital-art[data-motion="static"][data-look-group="ring"] *::after{animation:none!important}
@keyframes qb-look-turn{to{transform:rotate(360deg)}}@keyframes qb-look-twinkle{0%,100%{opacity:.5}50%{opacity:1;filter:brightness(1.2)}}
.background-model>.design-halo,.background-model>.design-spark{animation:none}
.background-model .leaderboard-model:not([data-shop-frame])::before{display:none}
.background-model .leaderboard-model{border:1px solid #b0bdd644}
.model-row-avatar:has(.digital-art){overflow:visible;position:relative}
.model-row-avatar .digital-art{position:absolute;inset:-4px;width:auto;height:auto;min-height:0;background:none;overflow:visible}
.model-row-avatar .digital-art>svg{width:70%;height:70%}
.model-row-avatar .digital-art :is(.design-grid,.design-halo,.design-spark){display:none}
:is(.leaderboard-model,.ranking-row,.ceremony-card,#player)[data-shop-background]{background-color:var(--qb-surface,#12243c);background-image:var(--qb-surface-image,none);background-position:center;background-size:cover;color:var(--qb-surface-ink,#f4eee1)}
:is(.ceremony-card,#player)[data-shop-background]{background-size:cover}
:is(.leaderboard-model,.ranking-row,.ceremony-card,#player)[data-shop-background] :is(.ranking-name:not([data-shop-text]),.player-name:not([data-shop-text]),h1:not([data-shop-text]),.plain-name){color:var(--qb-surface-ink,#f4eee1)!important;text-shadow:none}
:is(.leaderboard-model,.ranking-row,.ceremony-card,#player)[data-shop-background] :is(.ranking-points,.model-row-points){color:var(--qb-surface-score,#8bf6e2);text-shadow:none;background:var(--qb-score-plate,#0a173470);border-radius:5px}
:is(.leaderboard-model,.ranking-row,.ceremony-card,#player)[data-shop-background] :is(.ranking-delta,.model-row-delta,.ceremony-card>strong){color:var(--qb-surface-delta,#ffe4a2);text-shadow:none;background:var(--qb-score-plate,#0a173470);border-radius:5px}
:is(.leaderboard-model,.ranking-row,.ceremony-card)[data-shop-background] :is(.ranking-name,.player-name,h1)[data-shop-text]:not([data-shop-text="outline-text"]){paint-order:stroke fill;-webkit-text-stroke:.3px #102139;text-shadow:none;filter:drop-shadow(0 1px 1px #071020)}
.ceremony-card[data-shop-background]>p,.ceremony-card[data-shop-background]>strong{color:var(--qb-surface-ink,#f4eee1);text-shadow:0 1px 3px var(--qb-score-plate,#0a173470)}
#player[data-shop-background] .equipment-text{background:#102139d9;border-radius:8px}
#player[data-shop-background] .plain-name{color:#f4eee1!important}
@media(prefers-reduced-motion:reduce){.qb-avatar-ring *,.qb-avatar-ring *::after{animation:none!important;transition:none!important}}
/* look-collection:end */

/* look-palette:start */
[data-shop-background="mint-background"]{--qb-surface:#b8d2c7;--qb-surface-ink:#17253a;--qb-surface-score:#004b52;--qb-surface-delta:#4b3612;--qb-score-plate:#ffffff33}
[data-shop-background="lilac-background"]{--qb-surface:#c6bed9;--qb-surface-ink:#17253a;--qb-surface-score:#004b52;--qb-surface-delta:#4b3612;--qb-score-plate:#ffffff33}
[data-shop-background="rose-background"]{--qb-surface:#dfc0ca;--qb-surface-ink:#17253a;--qb-surface-score:#004b52;--qb-surface-delta:#4b3612;--qb-score-plate:#ffffff33}
[data-shop-background="sky-background"]{--qb-surface:#b6cfe2;--qb-surface-ink:#17253a;--qb-surface-score:#004b52;--qb-surface-delta:#4b3612;--qb-score-plate:#ffffff33}
[data-shop-background="peach-background"]{--qb-surface:#e2c7b5;--qb-surface-ink:#17253a;--qb-surface-score:#004b52;--qb-surface-delta:#4b3612;--qb-score-plate:#ffffff33}
[data-shop-background="butter-background"]{--qb-surface:#ded3ac;--qb-surface-ink:#17253a;--qb-surface-score:#004b52;--qb-surface-delta:#4b3612;--qb-score-plate:#ffffff33}
[data-shop-background="periwinkle-background"]{--qb-surface:#bcc5e1;--qb-surface-ink:#17253a;--qb-surface-score:#004b52;--qb-surface-delta:#4b3612;--qb-score-plate:#ffffff33}
[data-shop-background="sage-background"]{--qb-surface:#c5d0b7;--qb-surface-ink:#17253a;--qb-surface-score:#004b52;--qb-surface-delta:#4b3612;--qb-score-plate:#ffffff33}
[data-shop-background="starlight-background"]{--qb-surface:#102039;--qb-surface-image:linear-gradient(90deg,#07132b0d,#08132938 27%,#08132942 78%,#07132b22),url('/assets/looks/starlight.webp')}
[data-shop-background="meadow-background"]{--qb-surface:#102039;--qb-surface-image:linear-gradient(90deg,#07132b0d,#08132938 27%,#08132942 78%,#07132b22),url('/assets/looks/meadow.webp')}
[data-shop-background="velvetrose-background"]{--qb-surface:#102039;--qb-surface-image:linear-gradient(90deg,#07132b0d,#08132938 27%,#08132942 78%,#07132b22),url('/assets/looks/velvetrose.webp')}
[data-shop-background="moonharvest-background"]{--qb-surface:#102039;--qb-surface-image:linear-gradient(90deg,#07132b0d,#08132938 27%,#08132942 78%,#07132b22),url('/assets/looks/moonharvest.webp')}
[data-shop-background="starport-background"]{--qb-surface:#102039;--qb-surface-image:linear-gradient(90deg,#07132b0d,#08132938 27%,#08132942 78%,#07132b22),url('/assets/looks/starport.webp')}
/* look-palette:end */

/* shop-filters:start */
.category-bar:has(.shop-filter-panel){display:block;width:100%;margin:24px 0 16px}
.shop-filter-panel{border:1px solid #cfb57635;border-radius:12px;padding:20px;background:linear-gradient(140deg,#14223a,#101a2e);min-width:0}
.shop-filter-head{display:flex;align-items:end;gap:18px;margin-bottom:18px}.shop-search-label{display:grid;gap:7px;flex:1;color:#d8c597;font-size:12px;min-width:0}.shop-search{width:100%;min-width:0;border:1px solid #8591a54d;border-radius:7px;background:#0a1529;color:#f3ecde;padding:12px 14px;font:inherit;font-size:14px}.shop-search::placeholder{color:#a2b0c4}.shop-search:focus-visible{outline:2px solid #dcc386;outline-offset:2px}
.filter-reset{padding:12px 14px;background:#17273d;border:1px solid #aa966553;border-radius:7px;color:#dac18d;font-size:12px;white-space:nowrap}.filter-reset:disabled{opacity:.45;cursor:default}
.shop-filter-head{flex-wrap:wrap}.shop-sort-label{display:grid;gap:7px;flex:0 1 230px;min-width:0;color:#d8c597;font-size:12px}.shop-sort{width:100%;min-width:0;border:1px solid #8591a54d;border-radius:7px;background:#0a1529;color:#f3ecde;padding:12px 10px;font:inherit;font-size:14px}.shop-sort:focus-visible{outline:2px solid #dcc386;outline-offset:2px}@media(max-width:640px){.shop-sort-label{flex:initial;width:100%}}
.filter-options{display:flex;gap:8px;flex-wrap:wrap;min-width:0;border:0;padding:0;margin:0 0 16px}.filter-options legend{font-size:11px;letter-spacing:1px;color:#a7b7cc;margin:0 0 9px;padding:0}.filter-options[hidden]{display:none}
.filter-check{display:flex;align-items:center;gap:8px;padding:9px 11px;background:#0e192d;border:1px solid #7c8b9f35;border-radius:6px;font-size:12px;color:#d0d8e3;cursor:pointer;min-width:0}.filter-check:has(input:checked){border-color:#d0b47b;color:#f2dbac;background:#292b34}.filter-check input{margin:0;accent-color:#d9bb7e;width:16px;height:16px;flex-shrink:0}.filter-check input:focus-visible{outline:2px solid #ebd29d;outline-offset:3px}.filter-option-count{color:#879ab1;font-size:10px}.filter-check:has(input:checked) .filter-option-count{color:#d9c795}.filter-help{color:#9eacc1;font-size:11px;margin:4px 0 0;line-height:1.5}
.filter-secondary{display:inline-flex;vertical-align:top;margin:0 24px 12px 0}.filter-secondary legend{float:none}.shop-pagination{display:flex;align-items:center;justify-content:center;gap:22px;margin:35px 0 8px}.shop-pagination[hidden]{display:none}.shop-pagination button{border:1px solid #c4ab7255;border-radius:7px;background:#152139;color:#ead4a4;padding:11px 16px;font-size:12px}.shop-pagination button:disabled{opacity:.4;cursor:default}.page-position{font-size:12px;color:#b8c4d7}.filter-empty{border:1px solid #ac997149;background:#142037;border-radius:10px;padding:25px;text-align:center;color:#c8d1e0;font-size:14px}.product[hidden],.filter-empty[hidden]{display:none!important}
.model-heading:has(.badge+.model-title){grid-template-columns:auto minmax(0,1fr)}
.model-motion{font-size:9px;color:#91afc7;letter-spacing:.5px;margin:0 0 3px;text-transform:uppercase}
#design-combinations{display:grid;grid-template-columns:1fr 1fr;gap:12px}#design-combinations[hidden]{display:none}#design-combination-note{grid-column:1/-1;margin:0}
@media(max-width:640px){.shop-filter-panel{padding:15px}.shop-filter-head{flex-direction:column;align-items:stretch;gap:10px}.filter-reset{align-self:flex-start}.filter-options{gap:7px}.filter-check{font-size:11px;padding:9px}.filter-options legend{font-size:10px}.shop-pagination{gap:12px}.shop-pagination button{padding:10px;font-size:11px}.page-position{font-size:11px}.filter-secondary{display:flex;margin-right:0}#design-combinations{grid-template-columns:1fr}}
/* shop-filters:end */
body[data-store="quiz"] .product-picture{grid-template-rows:minmax(100px,auto) 210px auto}
@media(max-width:380px){body[data-store="quiz"] .product-picture{grid-template-rows:minmax(110px,auto) 185px auto}}

/* Decorative pixels must remain inside their own leaderboard cell, in every mode. */
:is(.ranking-row,.leaderboard-model)[data-shop-background],.ranking-row:has(.qb-avatar-ring){position:relative;isolation:isolate;contain:paint;overflow:hidden;clip-path:inset(0 round 14px)}
[data-shop-background="moonharvest-background"]{background-position:center 68%}

/* Loader: scoped version of the supplied brightness wave and progress line. */
.qb-loader-name{container-type:inline-size;min-width:0;overflow:hidden;line-height:1.6}
.champion-name.qb-loader-name{width:100%;background:none;color:#f4f7ff;animation:none;letter-spacing:normal;overflow:hidden}
:is(.ranking-name,.player-name).qb-loader-name{width:100%}
.qb-loader{--ink:var(--qb-surface-ink,#f4f7ff);--ink-2:#ff4fd8;--ink-3:#4ff8ff;position:relative;display:inline-flex;vertical-align:middle;max-width:100%;box-sizing:border-box;padding:.22em 0 .28em;font-family:"JetBrains Mono",Consolas,monospace;font-size:min(1em,calc(100cqw / var(--qb-loader-units)));font-weight:700;line-height:1.1;letter-spacing:.1em;white-space:pre;color:var(--ink);text-align:left;-webkit-text-stroke:0}
.qb-loader-letter{display:inline-block;font-weight:inherit;color:color-mix(in srgb,var(--ink) 28%,transparent);animation:qb-loader-hop 1.6s ease-in-out infinite;animation-delay:calc(var(--i) * .1s)}
.qb-loader::after{content:"";position:absolute;left:0;right:.1em;bottom:.03em;height:.1em;min-height:1px;border-radius:3px;background:linear-gradient(90deg,var(--ink-2),var(--ink-3)) 0 0 / 0% 100% no-repeat,color-mix(in srgb,var(--ink) 12%,transparent);animation:qb-loader-bar 3.2s cubic-bezier(.6,0,.4,1) infinite;pointer-events:none}
@keyframes qb-loader-hop{0%,40%,100%{transform:translateY(0);color:color-mix(in srgb,var(--ink) 28%,transparent);text-shadow:none}20%{transform:translateY(-.2em);color:var(--ink);text-shadow:0 0 .4em color-mix(in srgb,var(--ink-3) 60%,transparent)}}
@keyframes qb-loader-bar{0%{background-size:0% 100%,auto}85%,92%{background-size:100% 100%,auto;opacity:1}100%{background-size:100% 100%,auto;opacity:0}}
@media(prefers-reduced-motion:reduce){.qb-loader-letter{animation:none!important;transform:none;color:var(--ink);text-shadow:none}.qb-loader::after{animation:none!important;background-size:100% 100%,auto;opacity:1}}

/* Split-Flap: isolated plates, scaled to each player's available name field. */
.qb-flap-name{container-type:inline-size;min-width:0;overflow:hidden;line-height:1.9}
.champion-name.qb-flap-name{width:100%;background:none;color:#f4f7ff;animation:none;letter-spacing:0;overflow:hidden}
:is(.ranking-name,.player-name).qb-flap-name{width:100%}
.qb-flap{--ink:var(--qb-surface-ink,#f4f7ff);display:inline-flex;vertical-align:middle;gap:var(--qb-flap-gap,.125em);max-width:100%;perspective:400px;color:var(--ink);font-family:"JetBrains Mono",Consolas,monospace;font-size:min(1em,calc(100cqw / var(--qb-flap-count) / var(--qb-flap-width-units,1.65)));font-weight:600;line-height:1;letter-spacing:0;white-space:pre;-webkit-text-stroke:0;text-shadow:none}
.qb-flap-letter{color:var(--ink);display:grid;place-items:center;flex:none;font-weight:inherit;width:var(--qb-flap-plate-width,1.5em);height:var(--qb-flap-plate-height,1.9em);background:linear-gradient(color-mix(in srgb,var(--ink) 16%,transparent) 0 49%,color-mix(in srgb,var(--ink) 8%,transparent) 51% 100%);border-radius:.167em;transform-origin:center;animation:qb-flap-turn 3.2s ease-in-out infinite;animation-delay:calc(var(--i) * .12s)}
:is(.ranking-name,.player-name,.home-profile-preview-name,#username).qb-flap-name{--qb-flap-width-units:1.05;--qb-flap-plate-width:.95em;--qb-flap-plate-height:1.55em;--qb-flap-gap:.08em}
@keyframes qb-flap-turn{0%,55%,100%{transform:rotateX(0)}62%{transform:rotateX(-88deg)}69%{transform:rotateX(0)}74%{transform:rotateX(-25deg)}79%{transform:rotateX(0)}}
@media(prefers-reduced-motion:reduce){.qb-flap-letter{animation:none!important;transform:none}}

/* Pixel-Sort: keep both offset text layers inside the allocated name field. */
.qb-pixel-name{container-type:inline-size;min-width:0;overflow:hidden;line-height:1.4}
.champion-name.qb-pixel-name{width:100%;background:none;color:#f4f7ff;animation:none;letter-spacing:0;overflow:hidden}
:is(.ranking-name,.player-name).qb-pixel-name{width:100%}
.qb-pixel-name .qb-pixel{--ink:var(--qb-surface-ink,#f4f7ff);--ink-2:#ff4fd8;--ink-3:#4ff8ff;position:relative;display:inline-block;vertical-align:middle;max-width:100%;padding:.12em .26em;box-sizing:border-box;font-family:"JetBrains Mono",Consolas,monospace;font-size:min(1em,calc(100cqw / var(--qb-pixel-units)));font-weight:600;line-height:1.1;letter-spacing:.08em;color:var(--ink)!important;white-space:pre;-webkit-text-stroke:0;text-shadow:.033em 0 0 var(--ink-2),-.033em 0 0 var(--ink-3)}
.qb-pixel::before,.qb-pixel::after{content:attr(data-text);position:absolute;inset:.12em .26em;opacity:.85;pointer-events:none}
.qb-pixel::before{color:var(--ink-2);clip-path:polygon(0 0,100% 0,100% 28%,0 28%,0 44%,100% 44%,100% 58%,0 58%);animation:qb-pixel-a 2.2s steps(1) infinite}
.qb-pixel::after{color:var(--ink-3);clip-path:polygon(0 30%,100% 30%,100% 42%,0 42%,0 66%,100% 66%,100% 82%,0 82%);animation:qb-pixel-b 2.2s steps(1) infinite}
@keyframes qb-pixel-a{0%,20%,54%,100%{transform:translate(0)}22%{transform:translate(.233em,-.067em)}24%{transform:translate(-.133em,.033em)}56%{transform:translate(.167em,.067em)}58%{transform:translate(-.233em,0)}}
@keyframes qb-pixel-b{0%,18%,58%,100%{transform:translate(0)}19%{transform:translate(-.2em,.067em)}21%{transform:translate(.133em,-.033em)}60%{transform:translate(-.167em,-.067em)}63%{transform:translate(.2em,.033em)}}
@media(prefers-reduced-motion:reduce){.qb-pixel::before,.qb-pixel::after{animation:none!important;transform:none;opacity:0}}

/* Heatmap: only the letters reveal the moving thermal colour layers. */
.qb-heatmap-name{container-type:inline-size;min-width:0;overflow:hidden;line-height:1.4}
.champion-name.qb-heatmap-name{width:100%;background:none;animation:none;letter-spacing:0;overflow:hidden}
:is(.ranking-name,.player-name).qb-heatmap-name{width:100%}
.qb-heatmap-name .qb-heatmap{--ink-3:#4ff8ff;position:relative;display:inline-block;vertical-align:middle;max-width:100%;padding:.08em .1em;box-sizing:border-box;font-family:"JetBrains Mono",Consolas,monospace;font-size:min(1em,calc(100cqw / var(--qb-heatmap-units)));font-weight:600;line-height:1.1;letter-spacing:.08em;white-space:pre;color:transparent!important;text-shadow:none;-webkit-text-stroke:.015em #10213966;background:radial-gradient(circle at 20% 50%,#fff26d 0 8%,transparent 24%),radial-gradient(circle at 70% 40%,#ff4f8b 0 12%,transparent 28%),radial-gradient(circle at 44% 78%,var(--ink-3) 0 14%,transparent 32%),linear-gradient(90deg,#2d7dff,#36f0b2,#ffcf4a,#ff4f8b);background-size:130% 130%,150% 150%,140% 140%,260% 100%;-webkit-background-clip:text;background-clip:text;animation:qb-heatmap 3.5s ease-in-out infinite alternate}
@keyframes qb-heatmap{0%{background-position:0 0,100% 20%,40% 100%,100% 0;filter:saturate(1)}100%{background-position:100% 90%,0 60%,80% 0,-100% 0;filter:saturate(1.35)}}
@media(prefers-reduced-motion:reduce){.qb-heatmap-name .qb-heatmap{animation:none!important;background-position:0 0,100% 20%,40% 100%,100% 0;filter:saturate(1)}}

/* Keycap: full key travel and shadows remain inside each allocated name field. */
.qb-keycap-name{container-type:inline-size;min-width:0;overflow:hidden;line-height:3.2}
.champion-name.qb-keycap-name{width:100%;font-size:19px;background:none;color:#f4f7ff;animation:none;letter-spacing:0;overflow:hidden}
:is(.ranking-name,.player-name).qb-keycap-name{width:100%}
.qb-keycap{--ink:#f4f7ff;--ink-2:#ff4fd8;--ink-3:#4ff8ff;--qb-keycap-fit:var(--qb-keycap-units);position:relative;display:inline-flex;vertical-align:middle;max-width:100%;gap:var(--qb-cap-gap,.42em);padding:var(--qb-cap-padding,.1em .4em .95em);box-sizing:border-box;font-family:"JetBrains Mono",Consolas,monospace;font-size:min(1em,19px,calc(100cqw / var(--qb-keycap-fit)));font-weight:700;line-height:1;letter-spacing:.02em;white-space:pre;-webkit-text-stroke:0;text-shadow:none}
.qb-keycap-letter{position:relative;display:grid;place-items:center;flex:none;font-weight:inherit;width:var(--qb-cap-width,2em);height:var(--qb-cap-height,2.105em);border-radius:var(--qb-cap-radius,.526em);color:var(--ink);background:linear-gradient(180deg,color-mix(in srgb,var(--ink) 22%,transparent) 0%,color-mix(in srgb,var(--ink) 7%,transparent) 46%,transparent 100%),color-mix(in srgb,var(--ink-2) 10%,#16121f);box-shadow:inset 0 .053em 0 color-mix(in srgb,var(--ink) 32%,transparent),0 var(--qb-cap-travel,.315em) 0 color-mix(in srgb,var(--ink-2) 42%,#0b0812),0 var(--qb-cap-shadow-y,.526em) var(--qb-cap-blur,.842em) #0008;animation:qb-keycap-press 3.4s cubic-bezier(.3,1.4,.5,1) infinite;animation-delay:calc(var(--i) * .16s)}
.qb-keycap-letter::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--ink-3) 55%,transparent),transparent 70%);opacity:0;pointer-events:none;animation:qb-keycap-click 3.4s ease-out infinite;animation-delay:calc(var(--i) * .16s)}
:is(.ranking-name,.player-name,.home-profile-preview-name,#username).qb-keycap-name .qb-keycap{--qb-keycap-fit:var(--qb-keycap-compact-units);--qb-cap-gap:.13em;--qb-cap-width:.95em;--qb-cap-height:1.1em;--qb-cap-radius:.22em;--qb-cap-travel:.18em;--qb-cap-shadow-y:.24em;--qb-cap-blur:.3em;--qb-cap-padding:.08em .4em .5em}
@keyframes qb-keycap-press{0%,8%,30%,100%{transform:translateY(0);box-shadow:inset 0 .053em 0 color-mix(in srgb,var(--ink) 32%,transparent),0 var(--qb-cap-travel,.315em) 0 color-mix(in srgb,var(--ink-2) 42%,#0b0812),0 var(--qb-cap-shadow-y,.526em) var(--qb-cap-blur,.842em) #0008}16%{transform:translateY(var(--qb-cap-travel,.315em));box-shadow:inset 0 .053em 0 color-mix(in srgb,var(--ink) 14%,transparent),0 0 0 color-mix(in srgb,var(--ink-2) 42%,#0b0812),0 .158em var(--qb-cap-blur,.421em) #0009}}
@keyframes qb-keycap-click{0%,12%{opacity:0}16%{opacity:.9}34%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.qb-keycap-letter{animation:none!important;transform:none}.qb-keycap-letter::after{animation:none!important;opacity:0}}

/* neon-spin-frame:start — inset decoration; never changes player field dimensions. */
@property --qb-neon-border-angle{syntax:"<angle>";inherits:false;initial-value:0turn}
:is(.leaderboard-model,.ranking-row,.ceremony-card,#player)[data-shop-frame="neon-spin-frame"]{position:relative;isolation:isolate;contain:paint;overflow:hidden}
:is(.leaderboard-model,.ranking-row,.ceremony-card,#player)[data-shop-frame="neon-spin-frame"]::after{
 content:"";display:block;position:absolute;inset:0;z-index:4;box-sizing:border-box;
 border:0;border-radius:inherit;padding:3px;pointer-events:none;clip-path:none;
 background:conic-gradient(from var(--qb-neon-border-angle),transparent 25%,#08f,#f03 99%,transparent),conic-gradient(from var(--qb-neon-border-angle),#213,#112 5%,#112 60%,#213 95%);
 background-position:center;box-shadow:none;filter:none;
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 -webkit-mask-composite:xor;mask-composite:exclude;
 animation:qb-neon-border-spin 3s linear infinite;
}
:is(.leaderboard-model,.ranking-row,.ceremony-card,#player)[data-shop-frame="neon-spin-frame"]:hover::after{animation-play-state:paused}
@keyframes qb-neon-border-spin{to{--qb-neon-border-angle:1turn}}
@media(prefers-reduced-motion:reduce){:is(.leaderboard-model,.ranking-row,.ceremony-card,#player)[data-shop-frame="neon-spin-frame"]::after{animation:none!important}}
/* neon-spin-frame:end */