/* KEYPLO homepage: scoped collection carousel and catalog recommendations. */
.kp-brand-strip{position:relative;margin-top:-24px;padding:0 0 40px}
.kp-brand-strip__heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.kp-brand-strip__heading h2{margin:0;color:#f4f6fa;font-size:20px;font-weight:800}
.kp-brand-strip__heading>span{color:#9ba8b9;font-size:12px}
.kp-brand-strip__track{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:4px 3px 16px;scrollbar-width:thin;scrollbar-color:#ff850060 #121722}
.kp-brand-strip__brand{display:flex;align-items:center;justify-content:center;flex:0 0 158px;min-height:76px;padding:12px;text-align:center;text-decoration:none;color:#dbe2ed;border:1px solid #ff850026;border-radius:10px;background:linear-gradient(145deg,#151c28,#0b1019);scroll-snap-align:start;transition:border-color .2s,box-shadow .2s,color .2s}
.kp-brand-strip__brand span{font-size:16px;font-weight:800;line-height:1.3}
.kp-brand-strip__brand:hover{color:#ffac43;border-color:#ff85008a;box-shadow:0 0 18px #ff85001a,inset 0 -2px 0 #ff8500}
.kp-brand-strip__brand:focus-visible,.kp-brand-strip__track:focus-visible{outline:2px solid #ffa640;outline-offset:2px}
@media(max-width:600px){.kp-brand-strip__heading{align-items:flex-start;flex-direction:column;gap:6px}.kp-brand-strip__brand{flex-basis:138px;min-height:68px}.kp-brand-strip__heading h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.kp-brand-strip__brand{transition:none}}

/* Brand-colored neon and automatic rail controls. */
.kp-brand-strip .kp-brand-strip__brand{box-shadow:inset 0 0 12px color-mix(in srgb,var(--kp-brand-color) 9%,transparent),0 0 9px color-mix(in srgb,var(--kp-brand-color) 12%,transparent);border-color:color-mix(in srgb,var(--kp-brand-color) 45%,transparent)}
.kp-brand-strip__brand svg{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--kp-brand-color) 45%,transparent))}
.kp-brand-strip .kp-brand-strip__track{padding-bottom:12px;padding-inline-end:64px}
.kp-brand-strip__pause{position:absolute;right:32px;top:8px;z-index:2;width:28px;height:38px;padding:0;border:1px solid #ff850055;border-radius:6px;color:#ffa640;background:#111923;cursor:pointer}
.kp-brand-strip__pause:focus-visible{outline:2px solid #ffa640;outline-offset:2px}
/* Compact brand logo rail. */
.kp-brand-strip__wrap{position:relative}
.kp-brand-strip .kp-brand-strip__track{gap:8px;padding:6px 30px 12px;scrollbar-width:none;scroll-snap-type:none}
.kp-brand-strip__track::-webkit-scrollbar{display:none}
.kp-brand-strip .kp-brand-strip__brand{flex:0 0 auto;gap:8px;min-height:48px;padding:9px 14px;border-radius:7px;color:var(--kp-brand-color);background:linear-gradient(145deg,color-mix(in srgb,var(--kp-brand-color) 12%,#10151c),#090d14);border-color:color-mix(in srgb,var(--kp-brand-color) 22%,transparent)}
.kp-brand-strip .kp-brand-strip__brand span{font-size:12px;white-space:nowrap}
.kp-brand-strip__brand svg{flex:none;width:26px;height:26px}
.kp-brand-strip .kp-brand-strip__brand:hover{color:var(--kp-brand-color);border-color:var(--kp-brand-color);box-shadow:0 0 12px color-mix(in srgb,var(--kp-brand-color) 18%,transparent)}
.kp-brand-strip__nav{position:absolute;top:8px;z-index:2;width:28px;height:38px;display:flex;align-items:center;justify-content:center;padding:0;background:#111923;border:1px solid #ffffff20;color:#fff;border-radius:6px;font-size:24px;line-height:1;cursor:pointer}
.kp-brand-strip__nav--prev{left:0}.kp-brand-strip__nav--next{right:0}
.kp-brand-strip__nav:focus-visible{outline:2px solid #ff9500}
@media(max-width:600px){.kp-brand-strip .kp-brand-strip__brand{min-height:46px;padding:8px 12px}}
/* Compact category shortcuts. */
.kp-category-rail{position:relative;padding:0 0 40px;margin-top:-20px}
.kp-category-rail__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.kp-category-tile{display:flex;align-items:center;gap:12px;min-width:0;min-height:82px;padding:10px 12px 10px 0;border:1px solid color-mix(in srgb,var(--kp-tile-color) 30%,transparent);border-radius:9px;background:linear-gradient(110deg,color-mix(in srgb,var(--kp-tile-color) 13%,#101720),#090e15 70%);text-decoration:none;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.kp-category-tile__art{display:flex;align-items:center;justify-content:center;gap:5px;flex:0 0 76px;align-self:stretch;color:var(--kp-tile-color)}
.kp-category-tile__art svg{width:34px;height:34px;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--kp-tile-color) 40%,transparent))}
.kp-category-tile__art svg+svg{margin-left:-17px;transform:translateY(7px);background:#101720;padding:3px;border-radius:5px}
.kp-category-tile__art img{width:76px;height:62px;object-fit:cover;object-position:60% center;mask-image:linear-gradient(90deg,#000 75%,transparent)}
.kp-category-tile__copy{flex:1;min-width:0}.kp-category-tile__copy strong{display:block;color:#edf1f7;font-size:14px;line-height:1.4}.kp-category-tile__copy small{display:block;margin-top:3px;color:#9fabbc;font-size:10px;line-height:1.4}
.kp-category-tile__arrow{flex:none;width:17px;height:17px;color:#ff9500}
.kp-category-tile:hover{border-color:var(--kp-tile-color);box-shadow:0 0 16px color-mix(in srgb,var(--kp-tile-color) 16%,transparent)}
.kp-category-tile:focus-visible{outline:2px solid #ffa640;outline-offset:3px}
@media(max-width:1200px){.kp-category-rail__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.kp-category-rail__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kp-category-tile{gap:7px;padding-right:8px}.kp-category-tile__art{flex-basis:54px}.kp-category-tile__art img{width:54px}.kp-category-tile__copy strong{font-size:12px}.kp-category-tile__art svg{width:28px;height:28px}.kp-category-tile:last-child{grid-column:1 / -1}}
@media(prefers-reduced-motion:reduce){.kp-category-tile{transition:none}}
/* Refined banner treatment, no collection tabs. */
.kp-market-hero .kp-market-hero__frame{border-radius:20px;border-color:#ff8a0038;box-shadow:0 20px 65px #0008,inset 0 1px 0 #ffffff0a}
.kp-market-hero .kp-market-hero__slide{background:radial-gradient(ellipse at 85% 55%,#ff820035,transparent 55%),radial-gradient(ellipse at 65% 0%,#1e548b35,transparent 50%),linear-gradient(115deg,#080d15 25%,#122031)}
.kp-market-hero__slide:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;box-shadow:inset 0 -45px 65px -45px #ff79003b}
.kp-market-hero .kp-market-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #ff950030;border-radius:30px;background:#ff85000d;letter-spacing:.18em;font-size:10px}
.kp-market-hero__eyebrow:before{content:"";width:5px;height:5px;background:#ff9500;border-radius:50%;box-shadow:0 0 9px #ff9500}
.kp-market-hero .kp-market-hero__title{line-height:1.06;letter-spacing:-.045em}
.kp-market-hero .kp-market-hero__title span{background:linear-gradient(180deg,#ffbc4c,#ff7400);background-clip:text;-webkit-background-clip:text;color:transparent}
.kp-market-hero .kp-market-hero__card{border-radius:18px;border-color:#ffffff38;box-shadow:0 22px 32px #0009,0 0 25px #ff850015}
.kp-market-hero .kp-market-hero__card--0{top:17%;left:2%;transform:rotate(-12deg)}
.kp-market-hero .kp-market-hero__card--1{top:10%;right:2%;transform:rotate(12deg)}
.kp-market-hero .kp-market-hero__card--2{bottom:12%;right:17%;transform:rotate(5deg)}
.kp-market-hero .kp-market-hero__arrow{width:38px;height:38px;border-radius:50%;background:#0a121dcc;backdrop-filter:blur(8px)}
.kp-market-hero .kp-market-hero__dot:after{transition:background .2s,box-shadow .2s}
.kp-market-hero .kp-market-hero__cta{border:1px solid #ffa63c;border-radius:9px;box-shadow:0 8px 26px #ff850025}
@media(max-width:600px){.kp-market-hero .kp-market-hero__frame{border-radius:16px}.kp-market-hero .kp-market-hero__card--2{bottom:0}.kp-market-hero .kp-market-hero__arrow{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.kp-market-hero .kp-market-hero__dot:after{transition:none}}
.kp-home{position:relative;overflow:hidden;background:#070a12;min-height:70vh}.kp-home__bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 10%,#ff7a0012,transparent 45%),radial-gradient(ellipse at 20% 50%,#316b9b12,transparent 40%)}
.kp-market-hero{position:relative;padding:20px 0 48px}.kp-market-hero__tabs{display:flex;gap:28px;margin-bottom:16px;border-bottom:1px solid #ffffff12}.kp-market-hero__tab{padding:10px 0 14px;background:none;border:0;border-bottom:2px solid transparent;color:#a5afbd;font-weight:800;font-size:12px;letter-spacing:.1em;cursor:pointer}.kp-market-hero__tab.is-active{color:#fff;border-bottom-color:#ff8500}.kp-market-hero__layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,1fr);gap:16px;align-items:stretch}.kp-market-hero__frame{position:relative;min-width:0;height:410px;overflow:hidden;border:1px solid #ff850044;border-radius:14px;background:#0b111b;box-shadow:0 15px 60px #0006}.kp-market-hero__slide{position:absolute;inset:0;display:grid;grid-template-columns:1.1fr 1fr;isolation:isolate;background:radial-gradient(ellipse at 90% 70%,#ff7a0038,transparent 60%),linear-gradient(125deg,#090e16,#101c2c)}.kp-market-hero__slide[hidden]{display:none!important}.kp-market-hero__slide.is-active{animation:kpSlideIn .45s ease both}.kp-market-hero__copy{position:relative;z-index:3;align-self:center;padding:38px 0 48px 48px}.kp-market-hero__eyebrow{margin:0 0 17px;color:#ff9800;font-size:11px;font-weight:900;letter-spacing:.24em}.kp-market-hero__title{margin:0;color:#f4f6fa;font-family:var(--kp-font-display);font-size:clamp(2rem,3.5vw,3.7rem);font-weight:900;line-height:1;letter-spacing:-.04em}.kp-market-hero__title span{display:block;color:#ff8500;margin-top:6px}.kp-market-hero__lead{max-width:35ch;margin:19px 0 0;color:#bac4d2;font-size:14px;line-height:1.6}.kp-market-hero__cta{display:inline-flex;align-items:center;gap:18px;margin-top:24px;padding:13px 18px;background:linear-gradient(135deg,#ffa000,#ff7200);border-radius:7px;color:#101318;font-weight:800;text-decoration:none;box-shadow:0 5px 25px #ff7a0024}.kp-market-hero__cta:hover{filter:brightness(1.12)}
.kp-market-hero__art{position:relative;min-width:0;filter:drop-shadow(0 20px 24px #0008)}.kp-market-hero__card{position:absolute;width:58%;aspect-ratio:1;border:1px solid #ffffff38;border-radius:14px;background:#0b1520;overflow:hidden;box-shadow:0 0 28px #ff850018}.kp-market-hero__card img{width:100%;height:100%;object-fit:cover;display:block}.kp-market-hero__card--0{top:15%;left:0;transform:rotate(-15deg);z-index:2}.kp-market-hero__card--1{top:12%;right:-4%;transform:rotate(14deg);z-index:1}.kp-market-hero__card--2{bottom:10%;right:14%;transform:rotate(7deg);z-index:3}
.kp-market-hero__arrow{position:absolute;z-index:6;top:50%;transform:translateY(-50%);width:36px;height:44px;border:1px solid #ffffff26;border-radius:8px;background:#08101cd9;color:#fff;font-size:29px;cursor:pointer}.kp-market-hero__arrow--prev{left:7px}.kp-market-hero__arrow--next{right:7px}.kp-market-hero__arrow:hover{border-color:#ff8500}.kp-market-hero__dots{position:absolute;z-index:6;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:3px}.kp-market-hero__dot{position:relative;width:30px;height:30px;padding:0;border:0;background:none;cursor:pointer}.kp-market-hero__dot:after{content:"";position:absolute;inset:11px;border-radius:50%;background:#7a8290}.kp-market-hero__dot.is-active:after{background:#ff8500;box-shadow:0 0 10px #ff850077}.kp-market-hero__pause{position:absolute;right:13px;bottom:12px;width:32px;height:32px;border:1px solid #ffffff26;border-radius:6px;background:#07101b;color:#ddd;z-index:6;cursor:pointer}
.kp-recommended{min-width:0;padding:18px 16px;background:linear-gradient(145deg,#111720,#090d13);border:1px solid #ffffff20;border-radius:14px}.kp-recommended__header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px}.kp-recommended__header h2{margin:0;font-size:17px;line-height:1.3;color:#f5f7fa}.kp-recommended__header>a{flex-shrink:0;color:#ff9500;text-decoration:none;font-size:11px}.kp-recommended__product{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #ffffff0d;text-decoration:none;color:#fff}.kp-recommended__image{width:62px;height:62px;object-fit:cover;border-radius:8px;flex-shrink:0;border:1px solid #ffffff18}.kp-recommended__info{min-width:0;flex:1}.kp-recommended__info strong{display:block;font-size:12px;font-weight:650;line-height:1.45}.kp-recommended__price{display:block;margin-top:5px;color:#ff9900;font-weight:800;font-size:14px}.kp-recommended__price del{color:#8c97a6;font-size:11px}.kp-recommended__price ins{text-decoration:none}.kp-recommended__chevron{color:#ff9900}.kp-recommended__product:hover strong{color:#ffab42}.kp-recommended__empty{color:#b1bdcf}.kp-market-hero button:focus-visible,.kp-market-hero a:focus-visible{outline:2px solid #ffae46;outline-offset:3px}
@keyframes kpSlideIn{from{opacity:0;transform:scale(1.015)}to{opacity:1;transform:none}}
@media(min-width:1500px){.kp-market-hero__frame{height:440px}}
@media(max-width:1100px){.kp-market-hero__layout{grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}.kp-market-hero__copy{padding-left:43px}.kp-market-hero__title{font-size:2.6rem}.kp-market-hero__slide{grid-template-columns:1.3fr 1fr}}
@media(max-width:900px){.kp-market-hero__layout{grid-template-columns:minmax(0,1fr)}.kp-market-hero__frame{height:410px}.kp-market-hero__title{font-size:clamp(2.6rem,6vw,3.8rem)}.kp-recommended__product{padding:12px 0}.kp-recommended__header h2{font-size:18px}}
@media(max-width:600px){.kp-market-hero{padding-top:12px}.kp-market-hero__tabs{gap:24px}.kp-market-hero__frame{height:530px}.kp-market-hero__slide{display:block}.kp-market-hero__art{position:absolute;top:0;right:0;width:75%;height:250px;z-index:0;opacity:.9}.kp-market-hero__copy{position:absolute;bottom:0;left:0;right:0;padding:70px 40px 58px;background:linear-gradient(0deg,#090e16 65%,#090e1600)}.kp-market-hero__title{font-size:clamp(2rem,8.5vw,3rem)}.kp-market-hero__lead{font-size:13px;max-width:34ch}.kp-market-hero__cta{margin-top:18px}.kp-market-hero__card{width:48%}.kp-market-hero__card--2{right:20%;bottom:0}.kp-market-hero__arrow{width:30px}.kp-recommended__image{width:58px;height:58px}}
@media(prefers-reduced-motion:reduce){.kp-market-hero__slide.is-active{animation:none}}
/* Full-width thumbnail row below the hero and recommendations. */
.kp-game-showcase .kp-game-showcase__thumbnails{grid-column:1 / -1;min-width:0;padding-top:0}
@media(min-width:901px){.kp-game-showcase .kp-game-showcase__thumbnail span{font-size:11px!important;padding:18px 10px 8px!important}}
@media(max-width:900px){.kp-game-showcase__main{order:1}.kp-game-showcase__thumbnails{order:2}.kp-game-showcase .kp-recommended{order:3}}
/* Center both slider chevrons independently of font metrics. */
.kp-game-showcase .kp-market-hero__arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;line-height:1;border-radius:50%}
.kp-game-showcase .kp-market-hero__arrow svg{display:block;flex:none;width:24px;height:24px}
.kp-game-showcase .kp-market-hero__arrow--prev{left:12px}
.kp-game-showcase .kp-market-hero__arrow--next{right:12px}
@media(max-width:600px){.kp-game-showcase .kp-market-hero__arrow--prev{left:6px}.kp-game-showcase .kp-market-hero__arrow--next{right:6px}}
/* Full artwork game banners and thumbnail selection. */
.kp-game-showcase .kp-market-hero__copy{pointer-events:none}
.kp-game-showcase__link{position:absolute;inset:0;display:block;z-index:5}
.kp-game-showcase__link:focus-visible{outline:2px solid #ffae46;outline-offset:-5px}

.kp-game-showcase__main{min-width:0}
@media(min-width:901px){.kp-game-showcase .kp-game-showcase__thumbnail{flex:0 0 calc((100% - 72px)/7)}.kp-game-showcase .kp-game-showcase__thumbnail span{font-size:9px;padding:14px 6px 6px}}
.kp-game-showcase .kp-market-hero__layout{align-items:start}
.kp-game-showcase .kp-market-hero__frame{height:440px;border-radius:16px}
.kp-game-showcase .kp-market-hero__slide{display:block;background:#0b111a}
.kp-game-showcase .kp-market-hero__slide:after{inset:0;z-index:1;background:linear-gradient(0deg,#03060aed 0%,#03060a55 42%,transparent 70%),linear-gradient(90deg,#03060a66,transparent 65%);box-shadow:none}
.kp-game-showcase__backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.kp-game-showcase .kp-market-hero__copy{position:absolute;left:0;right:0;bottom:0;padding:80px 56px 48px;z-index:3;background:none}
.kp-game-showcase .kp-market-hero__title{font-size:clamp(1.7rem,3.2vw,3rem);line-height:1.12;max-width:80%;letter-spacing:-.025em;text-shadow:0 3px 22px #000a}
.kp-game-showcase .kp-market-hero__eyebrow{margin-bottom:12px;background:#090d17b3}
.kp-game-showcase .kp-market-hero__lead{margin-top:10px;max-width:60%;font-size:14px;color:#d5dde7}
.kp-game-showcase .kp-market-hero__cta{position:absolute;right:36px;bottom:48px;margin:0}
.kp-game-showcase__price{margin-top:10px;color:#ffa02c;font-weight:800;font-size:20px}
.kp-game-showcase__thumbnails{display:flex;gap:12px;overflow-x:auto;padding:14px 2px 5px;scrollbar-width:thin}
.kp-game-showcase__thumbnail{position:relative;flex:0 0 180px;aspect-ratio:16/9;padding:0;border:2px solid #ffffff15;border-radius:10px;background:#0b121c;overflow:hidden;cursor:pointer;text-align:left}
.kp-game-showcase__thumbnail img{width:100%;height:100%;object-fit:cover;display:block;opacity:.65;transition:opacity .2s}
.kp-game-showcase__thumbnail span{position:absolute;left:0;right:0;bottom:0;padding:18px 10px 8px;background:linear-gradient(transparent,#03060af2);font-size:11px;line-height:1.3;font-weight:800;color:#fff}
.kp-game-showcase__thumbnail.is-active{border-color:#ff9200;box-shadow:0 0 18px #ff850018}
.kp-game-showcase__thumbnail.is-active img,.kp-game-showcase__thumbnail:hover img{opacity:1}
.kp-game-showcase .kp-recommended{min-height:440px}
@media(max-width:1100px){.kp-game-showcase .kp-market-hero__title{font-size:2rem}.kp-game-showcase .kp-market-hero__cta{position:static;margin-top:16px}.kp-game-showcase .kp-market-hero__lead{max-width:90%}}
@media(max-width:900px){.kp-game-showcase .kp-market-hero__frame{height:420px}.kp-game-showcase .kp-recommended{min-height:0}}
@media(max-width:600px){.kp-game-showcase .kp-market-hero__frame{height:440px}.kp-game-showcase .kp-market-hero__copy{padding:60px 40px 50px}.kp-game-showcase .kp-market-hero__title{font-size:1.9rem;max-width:100%}.kp-game-showcase .kp-market-hero__lead{max-width:100%;font-size:13px}.kp-game-showcase__thumbnail{flex-basis:140px}.kp-game-showcase__backdrop{object-position:55% center}.kp-game-showcase .kp-market-hero__cta{padding:11px 15px}}
@media(prefers-reduced-motion:reduce){.kp-game-showcase__thumbnail img{transition:none}}