/* Additive panels only. Frame, navigation, fonts and native button art come from classic_store.css. */
.reward-summary{border:1px solid #57534a;background:#1b1b19;padding:16px;margin:16px 0 12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.reward-summary small,.reward-meta{font-size:11px;color:#b3b0a8}.reward-total{font-size:30px;line-height:1.4;color:#efd9a0;display:block;font-weight:normal;font-variant-numeric:tabular-nums}.reward-total small{font-size:12px}.reward-next{text-align:right;font-size:12px}.reward-next strong{display:block;color:#e5d1a5;font-weight:normal;margin-bottom:3px}
.reward-meter{width:100%;height:6px;border:0;background:#34332d;accent-color:#d6bd7e}.reward-meter::-webkit-progress-bar{background:#34332d}.reward-meter::-webkit-progress-value{background:#d6bd7e}.reward-meter::-moz-progress-bar{background:#d6bd7e}
.reward-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.reward-toolbar h2{font-size:14px;margin:0;flex:1;color:#e5d1a5}.reward-toolbar .reward-meta{margin-left:auto}.reward-toolbar button{min-height:36px;font-size:11px}
.reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.reward-card{min-width:0;display:flex;flex-direction:column;border:1px solid #555;background:#181818;border-radius:2px}.reward-card.is-ready{border-color:#b59e63}.reward-card.is-ready .reward-card-heading{color:#efdaa4}.reward-card.is-locked{border-color:#424242}.reward-card-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 10px;border-bottom:1px solid #444;background:#222;font-size:13px;color:#c5b78f}.reward-card-heading strong{font-size:20px;font-weight:normal;font-variant-numeric:tabular-nums}.reward-card-heading small{font-size:9px;color:#b4b1a6;text-align:right}
.reward-card-content{display:flex;gap:12px;align-items:center;padding:12px 10px;min-height:82px}.reward-card-content h3{font-size:12px;line-height:1.7;margin:0;color:#eee}.reward-card-content p{font-size:10px;color:#aaa;margin:4px 0 0}.reward-icon{width:46px;height:46px;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;border:1px solid #71644a;background:#111;box-shadow:0 3px 7px #0005}.reward-icon img{width:35px;height:35px;object-fit:contain;image-rendering:pixelated}.reward-icon b{font-size:23px;color:#d6bc7b;font-weight:normal}
.reward-card>button,.reward-card>.button{margin:auto 10px 10px;min-height:36px;font-size:11px}.reward-grid .empty{grid-column:1/-1}.reward-details{margin-top:18px;border-top:1px solid #454545;padding-top:13px;font-size:12px}.reward-details summary{color:#c8b98e;cursor:pointer;min-height:30px}.reward-details p{font-size:11px;color:#aaa}.reward-details table{margin-top:8px}
.reward-table{width:100%;border-collapse:collapse;font-size:12px}.reward-table th,.reward-table td{padding:10px 9px;border-bottom:1px solid #444;text-align:left}.reward-table th{font-weight:normal;color:#b9b3a3;font-size:11px}.reward-scroll{overflow:auto;max-height:380px}.reward-table code{font-size:10px;overflow-wrap:anywhere}.reward-panel{border:1px solid #505050;padding:16px;background:#171717;margin:16px 0}.reward-panel h2{margin:0 0 12px;font-size:15px;color:#e6d1a0}.reward-panel p{font-size:12px;color:#b1b1b1}.reward-panel form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.reward-panel label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#bbb}.reward-panel input{width:100%}.reward-panel .grow{flex:1;min-width:180px}.reward-code-input{letter-spacing:1.5px;text-transform:uppercase}.reward-status{border:1px solid #6f654b;color:#d7c591;font-size:10px;padding:3px 8px;display:inline-block}.reward-status.blocked{border-color:#68504a;color:#c4aaa1}
.reward-pack-art{height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#202020,#111);border-bottom:1px solid #444}.reward-pack-art img{width:86px;height:74px;object-fit:contain}.reward-pack-art .reward-icon img{width:35px;height:35px}.reward-pack-items{margin:6px 0 14px;padding-left:17px;font-size:11px;color:#b9b9b9}.reward-pack-price{font-size:25px;color:#efd9a0}.reward-pack-save{font-size:10px;color:#bdb190;margin-bottom:10px}.reward-note{font-size:11px;color:#aaa;margin:10px 0;line-height:1.8}.reward-toast{padding:9px 12px;border-left:2px solid #b79e64;background:#25231d;color:#d6c6a2;margin:12px 0;white-space:pre-wrap}.reward-toast.error{border-color:#aa6e59;background:#2c211d}.reward-claim-history{margin-top:20px}.reward-login-gate{border:1px solid #515151;background:#181818;padding:25px;text-align:center;margin-top:18px}.reward-login-gate h2{font-size:17px;color:#e2cfa4}.reward-login-gate p{font-size:12px;color:#aaa}.reward-environment{font-size:10px;color:#d1bc8b;border-left:2px solid #988554;padding:8px 12px;margin:12px 0;background:#232119}.reward-form-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.reward-form-line>input{flex:1;min-width:140px}.reward-form-line>button{min-width:110px}.reward-receipt{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.8 Consolas,monospace;border:1px solid #454545;background:#101010;padding:12px}.reward-hidden-title{font-size:14px;color:#c8b98e;margin:18px 0 10px}
.reward-diagnostic{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid #444;font-size:12px}.reward-diagnostic small{display:block;font-size:11px;color:#aaa}.reward-admin-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);gap:20px}.reward-admin-preview{border:1px solid #6d6146;background:#171715;padding:18px}.reward-admin-preview h3{color:#e5d1a5;font-size:16px}.reward-admin-preview ul{font-size:12px;color:#c0bfb9;padding-left:18px}.reward-admin-preview small{color:#aaa}.reward-admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.reward-topup-disabled{max-width:500px;margin:24px auto}
@media(max-width:1150px){.reward-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reward-admin-layout{grid-template-columns:1fr}}
@media(max-width:580px){#navigation:has([data-page="itemcode"]){display:flex;flex-direction:row;flex-wrap:nowrap;overflow:auto;scrollbar-width:thin}#navigation:has([data-page="itemcode"]) button{flex:0 0 auto;min-width:69px;padding:8px 11px}.reward-summary{padding:12px}.reward-total{font-size:28px}.reward-next{font-size:11px;max-width:180px}.reward-grid{gap:9px}.reward-card-content{display:block;min-height:151px;padding:11px 10px}.reward-card-content .reward-icon{margin-bottom:10px}.reward-card-content h3{font-size:12px}.reward-card-heading{display:block}.reward-card-heading small{display:block;text-align:left;font-size:9px}.reward-card>button{min-height:40px}.reward-toolbar .reward-meta{width:100%;margin:0}.reward-panel{padding:12px}.reward-form-line{align-items:stretch}.reward-form-line>button{width:100%}.reward-table th,.reward-table td{font-size:11px;padding:9px 6px}.reward-summary .reward-note{margin:0}.reward-environment{font-size:10px}}

.pack-purchase-limit{display:block;align-self:flex-start;border:1px solid #8b7951;background:#25221b;color:#e1c895;padding:5px 9px;margin:3px 0 12px;font-size:11px;line-height:1.6}.item-body .pack-purchase-limit{white-space:normal}

/* Spend milestone cards share the same shoppable rhythm as the pack cards. */
.reward-section-head{display:flex;align-items:center;gap:12px;margin:16px 0 12px;padding:13px 14px;border:1px solid #5d5541;background:linear-gradient(90deg,#211f19,#181818)}
.reward-section-head>.reward-icon{width:48px;height:48px}.reward-section-head h2{margin:0;color:#ead39a;font-size:16px}.reward-section-head p{margin:2px 0 0;color:#aaa;font-size:11px}
.reward-continuity{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 15px}.reward-continuity-chip{display:flex;align-items:center;gap:9px;min-height:46px;padding:9px 11px;border:1px solid #4b473a;background:#1c1b18;color:#d8ccb0;font-size:11px}.reward-continuity-chip b{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;flex:0 0 25px;border:1px solid #8a7548;color:#e4ca89;background:#111;font-size:15px;font-weight:normal}.reward-offer-grid{margin-bottom:18px}.reward-offer-card{overflow:hidden;border-color:#5c584f}.reward-offer-card:hover{border-color:#bfa56c}.reward-offer-card .reward-card-content{min-height:88px;background:linear-gradient(#1c1c1c,#151515)}.reward-offer-card .reward-card-content>div{min-width:0}.reward-offer-card .reward-card-content h3{font-size:12px;color:#f1ede4}.reward-offer-card .reward-card-content p{line-height:1.55;min-height:31px}.reward-preview{margin-top:auto;padding:9px 9px 4px;border-top:1px solid #3e3e3e;background:#121212}.reward-preview-caption{display:block;margin:0 1px 7px;color:#ab9d78;font-size:9px}.reward-offer-card>.reward-detail-button{width:calc(100% - 18px);margin:7px 9px 9px;min-height:36px}.reward-offer-card .pack-native-preview{margin:0}.reward-unverified-choice{display:flex;align-items:center;gap:9px;min-height:48px;padding:5px 7px;border:1px dashed #655a42;background:#171612;color:#b9ad8e;font-size:10px}.reward-unverified-choice .reward-icon{width:35px;height:35px;flex:0 0 35px}.reward-unverified-choice .reward-icon b{font-size:16px}.reward-unverified-choice-modal{margin:14px 0;padding:11px}.reward-detail-title{margin:17px 0 8px;color:#dac590;font-size:13px}
@media(max-width:850px){.reward-continuity{grid-template-columns:1fr}.reward-section-head{align-items:flex-start}.reward-offer-card .reward-card-content{min-height:102px}}
@media(max-width:580px){.reward-section-head{padding:11px}.reward-section-head h2{font-size:14px}.reward-section-head p{font-size:10px}.reward-continuity{grid-template-columns:1fr;gap:6px}.reward-continuity-chip{min-height:40px;padding:7px 9px}.reward-offer-card .reward-card-content{display:flex;min-height:108px}.reward-preview{padding:8px 7px 3px}.reward-offer-card>.reward-detail-button{width:calc(100% - 14px);margin:7px}}

/* Promotion track: scoped, original Classic palette/native item atlas, no replacement artwork. */
#promotion .spend-season-nav{display:flex;gap:6px;margin:15px 0 12px}#promotion .spend-season-nav button{font-size:11px;min-height:40px}#promotion .spend-season-nav .active{border-color:#b6a16c;color:#f1dba7}
#promotion .spend-panel{min-width:0;overflow:hidden;background:#151515;border:1px solid #59564e;border-radius:2px}
#promotion .spend-summary{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:23px 24px 19px;background:linear-gradient(110deg,#24221c,#191919 70%);border-bottom:1px solid #4c493f}
#promotion .spend-eyebrow{font-size:10px;letter-spacing:2px;color:#b4a47d}#promotion .spend-summary h2{font-size:21px;line-height:1.45;color:#eddbb0;margin:5px 0 10px}
#promotion .spend-total-line{display:flex;align-items:center;gap:17px;flex-wrap:wrap}#promotion .spend-total{font-size:31px;font-weight:normal;color:#f0dca9;font-variant-numeric:tabular-nums;line-height:1.25}
#promotion .spend-next{font-size:12px;line-height:1.75;color:#d2c8b1}#promotion .spend-source{font-size:11px;color:#aaa;margin:8px 0 0}#promotion .spend-shop-link{flex-shrink:0;min-height:42px;color:#ecdaad;border-color:#8b7a57;font-size:11px}
#promotion .spend-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px 3px}#promotion .spend-scroll-hint{font-size:11px;color:#bfb6a2}#promotion .spend-scroll-controls{display:flex;gap:5px}#promotion .spend-scroll-controls button{min-height:36px;width:36px;padding:0;font-size:22px}
#promotion .spend-track{position:relative;overflow-x:auto;overflow-y:hidden;max-width:100%;scrollbar-width:thin;scrollbar-color:#887b59 #101010;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:4px 8px 10px;outline-offset:-2px;-webkit-overflow-scrolling:touch}
#promotion .spend-track::-webkit-scrollbar{height:8px}#promotion .spend-track::-webkit-scrollbar-track{background:#0d0d0d}#promotion .spend-track::-webkit-scrollbar-thumb{background:#766d55;border:2px solid #0d0d0d}
#promotion .spend-track-list{display:flex;list-style:none;width:max-content;min-width:100%;margin:0;padding:0 0 4px;gap:0}
#promotion .spend-station{position:relative;flex:0 0 154px;width:154px;padding:0 2px;text-align:center;scroll-snap-align:start}
#promotion .spend-step{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:204px;padding:12px 7px 8px;background:transparent none;border:1px solid transparent;color:#c5c2b8;white-space:normal;transition:background-color .12s,border-color .12s}
#promotion .spend-step:hover{background:#25221b;border-color:#665d48}#promotion .spend-step[aria-expanded=true]{border-color:#c5ae74;background:#2a261c;box-shadow:inset 0 -2px #bda26b}
#promotion .spend-item-stage{position:relative;display:grid;place-items:center;width:62px;height:62px;min-height:62px;border:1px solid #84724d;background:#111 url('/campus-core/shop/assets/pc-original/window_title_202.png') top/100% 4px no-repeat;box-shadow:0 7px 17px #0009,inset 0 0 0 3px #25231c;margin:0 auto 24px;transition:transform .14s,box-shadow .14s}
#promotion .spend-step:hover .spend-item-stage,#promotion .spend-step[aria-expanded=true] .spend-item-stage{transform:translateY(-3px);border-color:#cfb777;box-shadow:0 9px 21px #000a,0 0 13px #d5b87620,inset 0 0 0 3px #29251c}
#promotion .spend-item-stage .cc-item-glyph{width:35px;height:35px;transform:scale(1.13);image-rendering:pixelated}#promotion .spend-item-qty{position:absolute;right:3px;bottom:2px;background:#101010de;color:#e7d7b3;font-size:10px;padding:1px 3px}#promotion .spend-more-items{position:absolute;right:-7px;top:-6px;min-width:20px;border:1px solid #8b7750;background:#30291c;color:#eddaa5;font-size:10px;padding:1px 3px}
#promotion .spend-choice-pending{border-style:dashed;box-shadow:inset 0 0 0 3px #20201c}#promotion .spend-pending-glyph{font-size:27px;color:#b2a483}
#promotion .spend-amount{font-size:15px;font-weight:normal;color:#e9d5a2;line-height:1.5}#promotion .spend-name{font-size:11px;color:#d4d1c8;line-height:1.6;margin:5px 0 0;min-height:35px;overflow-wrap:anywhere}
#promotion .spend-expand-cue{position:absolute;right:9px;bottom:5px;font-size:14px;color:#b6a582}#promotion .spend-step[aria-expanded=true] .spend-expand-cue{transform:rotate(180deg)}#promotion .spend-choice-note{font-size:9px;line-height:1.4;color:#b1a284;margin-top:3px}
#promotion .spend-segment{pointer-events:none;position:absolute;top:87px;left:6px;width:calc(100% - 12px);height:7px;border:1px solid #565145;background:#26241f;z-index:2;box-shadow:inset 0 1px 2px #0009}
#promotion .spend-segment>span{display:block;width:0;height:100%;background:linear-gradient(90deg,#8f7845,#e4ce91);box-shadow:0 0 9px #c2a55a30}#promotion .spend-step-status{display:block;min-height:25px;font-size:9px;color:#929087;padding:4px 0}#promotion .spend-reached .spend-step-status{color:#d3c291}#promotion .spend-reached .spend-item-stage{border-color:#c1aa70}
#promotion .spend-expanded{margin:9px 18px 20px;border:1px solid #8c7b53;background:#191916;box-shadow:inset 0 2px #baa064}
#promotion .spend-expanded-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #56503f;background:#25221b}#promotion .spend-expanded-head h3{margin:0;color:#ecdaa8;font-size:15px;line-height:1.55}#promotion .spend-collapse{min-height:36px;flex-shrink:0;font-size:11px}
#promotion .spend-expanded-body{padding:1px 17px 16px}#promotion .spend-expanded-body .shop-notice{margin:12px 0;font-size:11px}#promotion .spend-expanded .pack-native-detail{min-width:0}#promotion .spend-expanded .pack-native-detail>span{overflow-wrap:anywhere}
#promotion .spend-policy{font-size:11px;line-height:1.8;color:#a7a7a2;margin:15px 0 0;border-top:1px solid #3f3d36;padding:7px 0}#promotion .spend-policy summary{min-height:40px;display:list-item;padding:9px 0;color:#c2b694;cursor:pointer}#promotion .spend-policy p{margin:8px 0}
#promotion .spend-accessible-progress{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#storePacks{margin:0 0 24px;border-bottom:1px solid #514b3d;padding-bottom:18px}#storePacks .reward-toolbar{margin-top:0}#storePacks .reward-grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:12px;padding:1px 1px 9px;scrollbar-width:thin;scrollbar-color:#887b59 #141414}#storePacks .reward-grid>.item-card{flex:1 0 265px;min-width:0;scroll-snap-align:start}#storePacks .pack-price-state{color:#b5aa8e;font-size:10px}#storePacks .reward-pack-price{font-weight:normal}#storePacks .reward-pack-art{height:86px}#storePacks .pack-purchase-limit{margin-bottom:4px}#storePacks .pack-native-preview{margin:5px 0 12px}
@media(max-width:800px){#promotion .spend-summary{padding:19px 18px;align-items:flex-start;flex-direction:column;gap:14px}#promotion .spend-summary h2{font-size:20px}#promotion .spend-shop-link{align-self:flex-start}#storePacks .reward-grid>.item-card{flex-basis:255px}}
@media(max-width:580px){#promotion .spend-summary{padding:17px 15px}#promotion .spend-summary h2{font-size:18px}#promotion .spend-total-line{gap:8px}#promotion .spend-total{font-size:28px}#promotion .spend-next{font-size:11px}#promotion .spend-source{font-size:10px}#promotion .spend-tools{padding:12px 12px 2px;gap:6px}#promotion .spend-scroll-hint{font-size:10px}#promotion .spend-station{flex-basis:144px;width:144px}#promotion .spend-track{padding-left:5px}#promotion .spend-step{height:211px}#promotion .spend-expanded{margin:8px 10px 14px}#promotion .spend-expanded-head{padding:12px;align-items:flex-start;flex-direction:column;gap:8px}#promotion .spend-expanded-body{padding:0 12px 13px}#promotion .spend-expanded-head h3{font-size:14px}#promotion .spend-season-nav button{font-size:10px;padding:8px 10px}#storePacks .reward-grid>.item-card{flex-basis:86%;max-width:300px}#storePacks .reward-toolbar .reward-meta{font-size:10px}}
@media(prefers-reduced-motion:reduce){#promotion .spend-step,#promotion .spend-item-stage{transition:none}#promotion .spend-step:hover .spend-item-stage,#promotion .spend-step[aria-expanded=true] .spend-item-stage{transform:none}}
@media(forced-colors:active){#promotion .spend-segment>span{background:Highlight}#promotion .spend-step[aria-expanded=true]{outline:2px solid Highlight}}
/* Align scroll-snap start with track padding so Previous reaches the first step in one action. */
#promotion .spend-track{scroll-padding-left:8px;scroll-padding-right:8px}
@media(max-width:580px){#promotion .spend-track{scroll-padding-left:5px}}

/* SS1 reward presentation — existing native atlas first, labelled category art when unmapped */
#promotion .spend-step{border-radius:7px;background:linear-gradient(170deg,#29251d 0%,#171717 72%);border-color:#4a412f;box-shadow:inset 0 1px #a388453b;margin:1px 0}
#promotion .spend-item-stage{width:76px;height:76px;min-height:76px;border-radius:9px;margin-bottom:13px;background:radial-gradient(circle at 50% 22%,#73604455,#17140f 70%);box-shadow:0 10px 22px #0009,inset 0 0 0 4px #29231a}
#promotion .spend-item-stage[data-kind=permanent]{border-color:#d0a55f;box-shadow:0 0 17px #f0ca5b27,inset 0 0 0 4px #29231a}
#promotion .spend-item-stage[data-kind=random]{border-color:#8e9ac0;background:radial-gradient(circle at 30% 25%,#45597b,#131620 72%)}
#promotion .spend-item-stage .reward-art-label{background-image:none!important;width:48px;height:48px;display:grid;place-items:center;color:#ffe8ab;font:700 24px/1 Georgia,serif;letter-spacing:-1px;text-shadow:0 1px 10px #efb95e80;image-rendering:auto;transform:none}
#promotion .spend-step .spend-pending-glyph{font-size:35px;color:#d9b873}
#promotion .spend-segment{top:99px}
#promotion .spend-amount{font-size:17px;font-weight:700}
#promotion .spend-usdt-basis{font-size:10px;color:#b3a183}
#promotion .spend-expanded{border-radius:7px;overflow:hidden}
#promotion .reward-detail-gallery{display:flex;gap:10px;overflow-x:auto;padding:13px 3px 17px;scrollbar-width:thin;scroll-snap-type:x proximity}
#promotion .reward-detail-tile{min-width:108px;max-width:135px;flex:0 0 116px;display:flex;flex-direction:column;align-items:center;gap:9px;justify-content:center;border:1px solid #665537;background:linear-gradient(145deg,#322a1e,#161513);padding:13px 8px;border-radius:6px;scroll-snap-align:start;text-align:center}
#promotion .reward-detail-tile button.cc-item-icon{width:64px;height:64px;min-height:64px;border-radius:7px;border-color:#aa8b50;background:radial-gradient(circle,#61502b,#151515)}
#promotion .reward-detail-tile>span{font:11px/1.5 Tahoma,sans-serif;color:#e2d4b0;overflow-wrap:anywhere}
#promotion .cc-reward-art{background-image:none!important;display:grid;place-items:center;color:#f6d58b;font:bold 17px/1 Georgia,serif;text-shadow:0 1px 7px #f0ba63aa;image-rendering:auto}
#promotion .reward-detail-tile .cc-reward-art{font-size:20px}
#promotion .spend-step:focus-visible{outline:2px solid #edce88;outline-offset:2px}
@media(max-width:580px){#promotion .spend-step{height:222px}#promotion .spend-segment{top:99px}#promotion .reward-detail-tile{flex-basis:108px}}