/* Approved reward collection; one horizontal row per category. */
.kb-ach-collection{display:block!important;min-width:0;color:#edf3f7;font-family:'DM Sans',sans-serif}
.kb-ach-collection *{box-sizing:border-box}
.kb-ach-group{min-width:0;margin:0 0 28px;padding:0 0 23px;border-bottom:1px solid #b8cbd820}
.kb-ach-group:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.kb-ach-head{display:flex;align-items:center;gap:10px;margin:0 0 13px;min-width:0}
.kb-ach-category-icon{width:30px;height:34px;flex:none;color:var(--category-color);display:grid;place-items:center}
.kb-ach-category-icon svg{width:26px;height:26px;overflow:visible}
.kb-ach-head-copy{flex:1;min-width:0}
.kb-ach-collection .kb-ach-head h4{margin:0;color:#eff5f8;font:700 25px/1.1 'Barlow Condensed',sans-serif;letter-spacing:0}
.kb-ach-count{display:block;margin-top:3px;color:#b8cbd8;font:400 12px/1.4 'DM Sans',sans-serif}
.kb-ach-arrows{display:flex;align-items:center;gap:6px;flex:none}
.kb-ach-arrows[hidden]{display:none!important}
.kb-ach-collection .kb-ach-arrow{display:grid;place-items:center;min-width:44px;width:44px;min-height:44px;height:44px;padding:0;border:1px solid #b8cbd82e;border-radius:13px;background:#152c40;color:#d8e6ef;box-shadow:inset 0 1px #ffffff08;cursor:pointer}
.kb-ach-arrow svg{height:19px;width:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.kb-ach-collection .kb-ach-arrow:disabled{opacity:.35;cursor:default}
.kb-ach-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(218px,252px);gap:13px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:6px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#53697b #0c1f30;max-width:100%;padding:5px 5px 13px;margin:-5px -5px 0;touch-action:pan-x pan-y}
.kb-ach-track.is-single{grid-template-columns:minmax(0,252px);grid-auto-columns:auto;overflow:visible;padding-bottom:0}
.kb-ach-item{display:flex;min-width:0}
.kb-ach-collection .achievement-button{position:relative;display:flex;flex-direction:column;gap:0;align-items:stretch;min-width:0;min-height:0;width:100%;height:auto;padding:0!important;border:1px solid #b8cbd828;border-radius:20px;overflow:hidden;text-align:left;background:linear-gradient(150deg,#162c40,#102336 70%);color:#edf3f7;cursor:pointer;box-shadow:inset 0 1px #ffffff09,0 3px 6px #020d171a;scroll-snap-align:start;transform:none!important;transition:background-color .16s,border-color .16s,box-shadow .16s;white-space:normal;letter-spacing:0}
.kb-ach-collection .achievement-button.earned{background:linear-gradient(150deg,#203747,#142b3d 70%);border-color:#f2ce6675;color:#edf3f7;box-shadow:inset 0 1px #ffe8a526,0 3px 6px #020d171a}
.kb-ach-collection .achievement-button:hover{border-color:#b8cbd880;box-shadow:inset 0 1px #ffffff16,0 4px 10px #020d172b}
.kb-ach-collection .achievement-button:active{background:#20394c;box-shadow:inset 0 2px 8px #020d1750}
.kb-ach-collection .achievement-button.earned:hover{border-color:#f2ce66}
.kb-ach-collection :focus-visible{outline:3px solid #fff;outline-offset:2px}
.lobby .kb-ach-collection .achievement-button:focus-visible{outline:3px solid #fff;outline-offset:-4px}
.kb-ach-art{position:relative;display:grid;place-items:center;height:140px;padding:10px 20px 0;background:radial-gradient(ellipse at 50% 68%,#8facbf16,transparent 67%);flex:none}
.kb-ach-art:after{content:'';position:absolute;height:1px;bottom:0;left:20px;right:20px;background:linear-gradient(90deg,transparent,#b8cbd824,transparent)}
.earned .kb-ach-art{background:radial-gradient(ellipse at 50% 68%,var(--art-haze),transparent 70%)}
.kb-ach-art>svg{width:154px;height:130px;max-width:100%;overflow:visible;filter:saturate(.45) brightness(.85)}
.earned .kb-ach-art>svg{filter:none}
.kb-ach-info{position:absolute;top:13px;right:13px;width:20px;height:20px;color:#a9bfce;border:1px solid #b8cbd845;border-radius:50%;font:600 12px/18px 'DM Sans',sans-serif;text-align:center}
.kb-ach-copy{display:flex;flex:1;flex-direction:column;gap:7px;padding:15px 17px 17px;min-width:0}
.kb-ach-collection .achievement-button b{display:block;color:#f1f5f8;font:700 27px/1.1 'Barlow Condensed',sans-serif;letter-spacing:.1px;overflow-wrap:anywhere}
.kb-ach-condition{display:block;color:#b8cbd8;font:400 14px/1.45 'DM Sans',sans-serif;overflow-wrap:anywhere}
.kb-ach-state{display:flex;align-items:center;gap:6px;color:#b8cbd8;font:600 12px/1.4 'DM Sans',sans-serif;margin-top:auto;padding-top:15px}
.kb-ach-state svg{height:14px;width:14px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.earned .kb-ach-state{color:#f2ce66}
.kb-ach-progress{margin-top:10px;color:#c4d3dd;font:500 12px/1.4 'DM Sans',sans-serif}
.kb-ach-meter{display:block;height:5px;margin:7px 0 0;border-radius:4px;background:#050f1c;box-shadow:inset 0 1px #0003;overflow:hidden}
.kb-ach-meter>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#bd974b,#f2ce66)}
.kb-ach-note{margin:0 0 20px!important;padding:12px 15px;border:1px solid #b8cbd828;border-radius:14px;background:#12283b;color:#b8cbd8;font:400 13px/1.5 'DM Sans',sans-serif}
.kb-ach-note strong{font-weight:700;color:#edf3f7}
.kb-ach-detail-condition{padding:12px 14px;border-left:3px solid #f2ce66;border-radius:0 8px 8px 0;background:#12283b;color:#dce7ee;font:400 14px/1.5 'DM Sans',sans-serif}
@media(max-width:600px){.kb-ach-track{grid-auto-columns:calc(100% - 42px);gap:12px}.kb-ach-track.is-single{grid-template-columns:minmax(0,min(100%,280px))}.kb-ach-arrows{display:none!important}.kb-ach-collection .kb-ach-head h4{font-size:24px}.kb-ach-head{gap:8px}.kb-ach-art{height:139px}.kb-ach-copy{padding:14px 16px 16px}.kb-ach-group{margin-bottom:27px}.kb-ach-count{font-size:12px}}
@media(max-width:340px){.kb-ach-track{grid-auto-columns:calc(100% - 34px)}.kb-ach-collection .kb-ach-head h4{font-size:23px}.kb-ach-collection .achievement-button b{font-size:26px}.kb-ach-copy{padding-inline:14px}.kb-ach-art{height:132px}.kb-ach-art>svg{height:123px}.kb-ach-category-icon{width:26px}}
@media(prefers-reduced-motion:reduce){.kb-ach-collection *{transition:none!important;scroll-behavior:auto!important}}

.kb-ach-collection .achievement-button.is-next{border-color:#e7c16b88}.nearby-achievement{display:block;width:100%;padding:12px 14px;margin:8px 0;border:1px solid #b8cbd82e;border-radius:12px;background:#142c40;color:#edf3f7;text-align:left;min-height:44px}.nearby-achievement strong{font:700 16px/1.4 'DM Sans',sans-serif}.nearby-achievement .kb-ach-progress{display:block}.nearby-achievement:focus-visible{outline:3px solid white;outline-offset:2px}