.page-shell{max-width:950px;margin:0 auto;padding:30px 15px}.reward-shell{max-width:950px}.reward-back-link,.reward-footer-action{margin-bottom:25px;text-align:center}.reward-back-btn{display:inline-flex;width:auto;gap:8px}.reward-back-btn.large{padding:14px 28px}.reward-intro{text-align:center;margin-bottom:30px;color:#a0a0a0}.reward-items-container{display:flex;flex-direction:column;gap:35px}.reward-preview-card{background:#0a0a0ae6;border:1px solid rgba(0,255,204,.35);border-radius:8px;padding:24px 18px}.reward-item-title{color:#0fc;font-size:16px;margin-bottom:15px}.reward-badge-wrap{margin-bottom:20px}.reward-badge-label{color:#aaa;font-size:12px;display:block;margin-bottom:8px}.reward-badge{background:#f053;border:1px solid #ff0055;color:#f05;font-size:11px;padding:6px 10px;border-radius:4px;display:inline-block;margin:3px}.reward-gallery{position:relative;max-width:650px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center}.btn-prev-slide,.btn-next-slide{position:absolute;background:#000000d9;border:1px solid #00ffcc;color:#0fc;font-size:22px;width:46px;height:46px;border-radius:50%;cursor:pointer;z-index:10}.btn-prev-slide{left:10px}.btn-next-slide{right:10px}.reward-carousel-track{width:100%}.clickable-card-img,.clickable-single-img{position:relative;display:inline-block;width:100%;cursor:zoom-in}.slide-img,.clickable-single-img img{width:100%;max-width:650px;height:auto;max-height:620px;object-fit:contain;border-radius:6px;border:1px solid #ff0055;margin:0 auto;display:block}.gallery-zoom-tag{position:absolute;bottom:12px;right:12px;background:#000000d9;border:1px solid #00ffcc;color:#0fc;font-size:12px;padding:8px 12px;border-radius:4px;pointer-events:none}.reward-counter{font-size:12px;color:#f05;margin-bottom:18px}.reward-interaction-hint{background:#00ffcc14;border-left:4px solid #00ffcc;padding:15px;margin-bottom:20px;text-align:left;border-radius:0 4px 4px 0}.reward-interaction-hint p{font-size:1.45rem;color:#0fc;margin:0;line-height:1.4}.reward-single-image-wrap{margin-bottom:20px}.reward-description{font-size:1.5rem;line-height:1.5;color:#ddd;margin:0}.slide-wrapper{transition:transform .25s cubic-bezier(.25,1,.5,1),opacity .25s ease;user-select:none;-webkit-user-drag:none}.slide-out-left{transform:translate(-80px);opacity:0}.slide-out-right{transform:translate(80px);opacity:0}.slide-in-left{animation:slideFromLeft .25s ease forwards}.slide-in-right{animation:slideFromRight .25s ease forwards}@keyframes slideFromLeft{0%{transform:translate(-80px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideFromRight{0%{transform:translate(80px);opacity:0}to{transform:translate(0);opacity:1}}.lightbox-modal{display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background-color:#000000f0;backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:20px;box-sizing:border-box;overflow:hidden;user-select:none}.lightbox-modal.active{display:flex;animation:fadeIn .25s ease-in-out}.lightbox-content{position:relative;width:100%;max-width:950px;display:flex;flex-direction:column;align-items:center;justify-content:center}.lightbox-img-wrapper{position:relative;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;touch-action:pan-y;cursor:grab}.lightbox-img-wrapper:active{cursor:grabbing}.lightbox-content img{width:100%;max-width:900px;max-height:82vh;height:auto;object-fit:contain;border:2px solid #00ffcc;border-radius:8px;box-shadow:0 0 30px #00ffcc59;transition:transform .25s cubic-bezier(.25,1,.5,1),opacity .25s ease;-webkit-user-drag:none}.lightbox-close{position:absolute;top:-45px;right:0;background:transparent;border:none;color:#f05;font-size:32px;cursor:pointer;transition:transform .2s;z-index:10001}.lightbox-close:hover{transform:scale(1.2);color:#0fc}.lightbox-btn{position:absolute;top:50%;transform:translateY(-50%);background:#000000d9;border:1px solid #00ffcc;color:#0fc;font-size:24px;width:50px;height:50px;border-radius:50%;cursor:pointer;z-index:10000;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}.lightbox-btn:hover{background:#0fc;color:#000}.lightbox-btn.prev{left:-15px}.lightbox-btn.next{right:-15px}.drag-container{cursor:grab}.drag-container:active{cursor:grabbing}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:650px){.lightbox-btn.prev{left:5px}.lightbox-btn.next{right:5px}}
