@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap");:root{--bg-primary:#0d0d0d;--bg-secondary:#1a1a1a;--bg-card:#1a1a1a;--bg-card-hover:#252525;--bg-input:#252525;--bg-modal-overlay:rgba(0,0,0,.7);--text-primary:#fff;--text-secondary:hsla(0,0%,100%,.65);--text-muted:hsla(0,0%,100%,.4);--accent-primary:#d4a843;--accent-primary-hover:#e8c96a;--accent-secondary:#d4a843;--accent-success:#2ecc71;--accent-warning:#ff9500;--accent-danger:#e74c3c;--accent-pink:#ff2d55;--accent-gold:#d4a843;--accent-gold-light:#e8c96a;--accent-gold-dark:#b8912e;--grade-boom:#ff1744;--grade-gold:gold;--grade-silver:silver;--grade-bronze:#cd7f32;--grade-last:#d4a843;--border-color:hsla(0,0%,100%,.06);--border-radius:12px;--border-radius-sm:8px;--border-radius-lg:16px;--border-radius-xl:20px;--shadow-sm:0 1px 3px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 8px 24px rgba(0,0,0,.5);--shadow-card:0 2px 8px rgba(0,0,0,.3);--header-height:56px;--bottom-bar-height:72px;--max-width:640px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#0d0d0d;background-image:url(/backgra.png);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;color:var(--text-primary);line-height:1.6;min-height:100vh}@media (min-width:769px){body{background-image:url(/backgrapc.jpeg)}}.global-bg{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:-2;pointer-events:none}.page-dark{position:relative;z-index:1}.page-dark:before{content:"";position:fixed;inset:0;background:transparent;z-index:-1;pointer-events:none}a{color:var(--text-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-primary)}img{max-width:100%;height:auto}button{cursor:pointer}button,input,select,textarea{font-family:inherit}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 16px}.page-content{min-height:calc(100vh - var(--header-height) - var(--bottom-bar-height));padding:16px 0;padding-bottom:calc(var(--bottom-bar-height) + 16px);background:transparent;position:relative;z-index:1}.page-content.page-solid-bg{background:#0d0d0d}.header{position:-webkit-sticky;position:sticky;top:0;z-index:100;height:var(--header-height);background:hsla(0,0%,5%,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid hsla(0,0%,100%,.06)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 16px;height:100%;justify-content:space-between}.header-inner,.header-logo{display:flex;align-items:center}.header-logo{gap:8px}.header-logo img{height:28px;width:auto}.header-logo-text{font-size:1.25rem;font-weight:900;color:var(--text-primary);letter-spacing:-.5px}.header-nav{display:none}.header-actions{display:flex;align-items:center;gap:8px}.header-icon-btn{width:32px;height:32px;border-radius:8px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.5);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.header-icon-btn:hover{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.8)}.header-logout-btn{display:none}@media (min-width:769px){.header-logout-btn{display:inline-flex}}.hamburger,.mobile-nav{display:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;height:var(--bottom-bar-height);background:#141414;border-top:.5px solid hsla(0,0%,100%,.08);justify-content:center}.bottom-nav,.bottom-nav-inner{display:flex;align-items:center}.bottom-nav-inner{width:100%;max-width:var(--max-width);justify-content:space-around;height:100%;padding:0 4px}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px 8px;text-decoration:none;color:#666;font-size:11px;font-weight:400;cursor:pointer;background:none;border:none;min-width:56px;position:relative}.bottom-nav-indicator,.bottom-nav-item{transition:all .25s cubic-bezier(.33,1,.68,1)}.bottom-nav-indicator{display:block;width:0;height:3px;border-radius:2px;background:linear-gradient(90deg,#d4a843,#e8c96a);box-shadow:none}.bottom-nav-item.active .bottom-nav-indicator{width:24px;box-shadow:0 0 6px rgba(212,168,67,.4)}.bottom-nav-item:hover{color:#888}.bottom-nav-item.active{color:#d4a843;font-weight:600}.bottom-nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:all .25s cubic-bezier(.33,1,.68,1)}.bottom-nav-item.active .bottom-nav-icon{width:24px;height:24px;filter:drop-shadow(0 0 6px rgba(212,168,67,.6)) drop-shadow(0 0 12px rgba(212,168,67,.3))}.bottom-nav-icon svg{width:100%;height:100%}.bottom-nav-label{font-size:11px;letter-spacing:-.2px;line-height:1;white-space:nowrap}.bottom-nav-center{text-decoration:none;min-width:56px;padding:0}.bottom-nav-center,.bottom-nav-center-logo{display:flex;align-items:center;justify-content:center}.bottom-nav-center-logo{width:64px;height:64px;border-radius:50%;transition:all .25s cubic-bezier(.33,1,.68,1);overflow:hidden}.bottom-nav-center-logo img{width:60px;height:60px;object-fit:contain;filter:grayscale(30%);transition:all .25s cubic-bezier(.33,1,.68,1)}.bottom-nav-center-logo.active{box-shadow:0 0 24px rgba(212,168,67,.5),0 0 54px hsla(45,73%,66%,.25)}.bottom-nav-center-logo.active img{filter:grayscale(0) drop-shadow(0 0 6px rgba(212,168,67,.4))}.footer{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:32px 0;padding-bottom:calc(var(--bottom-bar-height) + 32px)}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 16px}.footer-company{color:var(--text-muted);font-size:.75rem;line-height:1.8}.footer-company strong{color:var(--text-secondary);font-weight:600}.footer-links{display:flex;gap:16px;margin-bottom:12px}.footer-links a{color:var(--text-secondary);font-size:.8rem;font-weight:500}.footer-links a:hover{color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--border-radius-sm);font-size:.95rem;font-weight:600;transition:all .2s;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover)}.btn-outline{background:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary)}.btn-outline:hover:not(:disabled){background:rgba(212,168,67,.1)}.btn-kakao{background:#fee500;color:#191919;font-weight:700}.btn-kakao:hover:not(:disabled){background:#fdd800}.btn-sm{padding:6px 14px;font-size:.8rem;border-radius:6px}.btn-lg{padding:16px 32px;font-size:1rem}.btn-block{width:100%}.btn-draw{background:var(--accent-primary);color:#fff;font-weight:700;font-size:.95rem;letter-spacing:.5px;border-radius:var(--border-radius-sm)}.btn-draw:hover:not(:disabled){background:var(--accent-primary-hover);transform:translateY(-1px)}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-size:.9rem;font-weight:500}.form-input,.form-label{color:var(--text-primary)}.form-input{width:100%;padding:14px 16px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:.95rem;transition:border-color .2s,box-shadow .2s;outline:none}.form-input:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px rgba(212,168,67,.15)}.form-input::placeholder{color:var(--text-muted)}.form-error{color:var(--accent-danger);font-size:.8rem;margin-top:6px}.form-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:32px;max-width:440px;margin:0 auto;box-shadow:var(--shadow-md)}.form-title{font-size:1.5rem;font-weight:700;margin-bottom:8px;text-align:center;color:var(--text-primary)}.form-subtitle{color:var(--text-secondary);font-size:.9rem;text-align:center;margin-bottom:32px}.form-divider{display:flex;align-items:center;gap:16px;margin:24px 0;color:var(--text-muted);font-size:.85rem}.form-divider:after,.form-divider:before{content:"";flex:1 1;height:1px;background:var(--border-color)}.checkbox-group{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--accent-primary);cursor:pointer}.checkbox-group label{font-size:.9rem;color:var(--text-secondary);cursor:pointer}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.gacha-card{background:#1a1a1a;border-radius:var(--border-radius);overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:pointer;box-shadow:var(--shadow-card);border:1px solid hsla(0,0%,100%,.06)}.gacha-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.gacha-card.sold-out{opacity:.65}.gacha-card-image{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#0d0d0d}.gacha-card-image img{width:100%;height:100%;object-fit:cover}.gacha-card-badge{position:absolute;top:8px;left:8px;padding:3px 8px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;font-size:.65rem;font-weight:700;color:#fff;letter-spacing:.3px}.gacha-card-body{padding:10px 12px 12px}.gacha-card-title{font-size:.85rem;font-weight:600;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-primary);line-height:1.3}.gacha-card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.gacha-card-price{font-size:.95rem;font-weight:700;color:var(--accent-gold)}.gacha-card-remaining{font-size:.7rem;color:var(--text-muted)}.gacha-card-remaining strong{color:var(--accent-gold);font-weight:600}.gacha-progress-bar{width:100%;height:4px;background:var(--bg-secondary);border-radius:2px;overflow:hidden;margin-bottom:8px}.gacha-progress-fill{height:100%;background:var(--accent-primary);border-radius:2px;transition:width .6s ease}.gacha-progress-fill.rainbow{background:linear-gradient(90deg,#e8c96a,#d4a843,#b8912e);background-size:200% 100%}.gacha-progress-fill.low{background:var(--accent-danger)}.gacha-progress-fill.medium{background:var(--accent-warning)}.grade-bar{display:flex;height:4px;border-radius:2px;overflow:hidden;margin-bottom:8px}.grade-bar-segment{transition:width .3s}.grade-bar-segment.grade-boom{background:var(--grade-boom)}.grade-bar-segment.grade-gold{background:var(--grade-gold)}.grade-bar-segment.grade-silver{background:var(--grade-silver)}.grade-bar-segment.grade-bronze{background:var(--grade-bronze)}.grade-bar-segment.grade-last{background:var(--grade-last)}.grade-legend{display:flex;flex-wrap:wrap;gap:6px;font-size:.65rem}.grade-legend-item{display:flex;align-items:center;gap:3px;color:var(--text-muted)}.grade-legend-dot{width:6px;height:6px;border-radius:50%}.section{margin-bottom:24px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 4px}.section-title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.section-link{font-size:.8rem;color:var(--text-muted)}.banner-section{margin-bottom:20px}.banner-slider{position:relative;width:100%;border-radius:var(--border-radius);overflow:hidden;aspect-ratio:2/1;background:var(--bg-secondary)}.banner-slide{width:100%;height:100%;display:none}.banner-slide.active{display:block}.banner-slide img{width:100%;height:100%;object-fit:cover}.banner-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#0d0d0d 50%,#1a1a1a);color:#fff;position:relative;overflow:hidden}.banner-placeholder:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(212,168,67,.08) 0,transparent 60%);pointer-events:none}.banner-placeholder h2{font-size:1.3rem;font-weight:800;margin-bottom:6px}.banner-placeholder p{font-size:.85rem;opacity:.8}.banner-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}.banner-dot{width:6px;height:6px;border-radius:50%;background:hsla(0,0%,100%,.25);border:none;cursor:pointer;transition:background .2s,transform .2s}.banner-dot.active{background:var(--accent-gold);transform:scale(1.3)}.modal-overlay{position:fixed;inset:0;z-index:500;background:var(--bg-modal-overlay);display:flex;align-items:flex-end;justify-content:center;padding:0;animation:fadeIn .2s ease}.modal{background:var(--bg-card);border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;max-width:var(--max-width);width:100%;max-height:85vh;overflow-y:auto;animation:slideUp .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px}.modal-handle{width:36px;height:4px;background:hsla(0,0%,100%,.15);border-radius:2px;margin:0 auto 12px}.modal-title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;line-height:1;padding:4px;transition:color .2s}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:0 20px 20px}.modal-footer{padding:12px 20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}.draw-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:12px;gap:12px}.draw-card{perspective:600px}.draw-card-inner{position:relative;width:100%;aspect-ratio:2.5/3.5;transition:transform .6s;transform-style:preserve-3d}.draw-card.revealed .draw-card-inner{transform:rotateY(180deg)}.draw-card-back,.draw-card-front{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--border-radius-sm);overflow:hidden}.draw-card-front{background:linear-gradient(135deg,#1a1a1a,#252525);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;color:rgba(212,168,67,.3)}.draw-card-back{transform:rotateY(180deg);background:var(--bg-card);border:1px solid var(--border-color);display:flex;flex-direction:column}.draw-card-back img{width:100%;flex:1 1;object-fit:cover}.draw-card-info{padding:6px;text-align:center}.draw-card-name{font-size:.7rem;font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.draw-card-grade{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.6rem;font-weight:700;color:#fff}.draw-card-grade.grade-boom{background:var(--grade-boom);color:#fff}.draw-card-grade.grade-gold{background:var(--grade-gold);color:#000}.draw-card-grade.grade-silver{background:var(--grade-silver)}.draw-card-grade.grade-bronze{background:var(--grade-bronze)}.draw-card-grade.grade-last{background:var(--grade-last)}.spinner-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;gap:16px}.spinner{position:relative;width:40px;height:40px}.spinner:before{content:"";position:absolute;inset:0;background:url(/menu.png) 50%/contain no-repeat;animation:bboom-spin 1.8s cubic-bezier(.4,0,.2,1) infinite;filter:drop-shadow(0 0 8px rgba(212,168,67,.4))}.spinner:after{content:"";position:absolute;inset:-4px;border-radius:50%;border-color:rgba(212,168,67,.5) rgba(212,168,67,.2) transparent transparent;border-style:solid;border-width:2px;animation:bboom-ring 1.2s linear infinite}.spinner-sm{width:20px;height:20px}.spinner-sm:after{inset:-3px;border-width:1.5px}.spinner-lg{width:56px;height:56px}.spinner-lg:after{inset:-6px;border-width:2.5px}.spinner-overlay .spinner:before{animation:bboom-spin 1.8s cubic-bezier(.4,0,.2,1) infinite,bboom-glow 1.8s ease-in-out infinite}@keyframes bboom-spin{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@keyframes bboom-ring{to{transform:rotate(1turn)}}@keyframes bboom-glow{0%,to{filter:drop-shadow(0 0 6px rgba(212,168,67,.3))}50%{filter:drop-shadow(0 0 16px rgba(212,168,67,.7))}}@keyframes spin{to{transform:rotate(1turn)}}.tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:16px;background:var(--bg-card);overflow-x:auto}.tab{padding:12px 16px;background:none;border:none;color:var(--text-muted);font-size:.9rem;font-weight:500;cursor:pointer;white-space:nowrap;position:relative;transition:color .2s}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--text-primary);font-weight:700}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent-primary)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:16px;opacity:.3}.empty-state-text{font-size:.95rem;margin-bottom:8px;color:var(--text-secondary)}.empty-state-sub{font-size:.8rem;color:var(--text-muted)}.shop-card{background:var(--bg-card);border-radius:var(--border-radius);overflow:hidden;transition:transform .2s,box-shadow .2s;box-shadow:var(--shadow-card)}.shop-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.shop-card-image{width:100%;aspect-ratio:1;overflow:hidden;background:var(--bg-secondary)}.shop-card-image img{width:100%;height:100%;object-fit:cover}.shop-card-body{padding:12px}.shop-card-name{font-size:.9rem;font-weight:600;margin-bottom:6px;color:var(--text-primary)}.shop-card-price{font-size:.95rem;font-weight:700;color:var(--text-primary)}.profile-header{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-card);border:1px solid rgba(212,168,67,.08);border-radius:var(--border-radius-lg);margin-bottom:12px}.profile-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,rgba(212,168,67,.2),rgba(212,168,67,.05));display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:900;color:#d4a843;flex-shrink:0;border:2px solid rgba(212,168,67,.2)}.profile-info h2{font-size:1.05rem;font-weight:700;margin-bottom:2px;color:var(--text-primary)}.profile-info p{color:var(--text-muted);font-size:.78rem}.profile-stats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin-bottom:12px}.profile-stat{background:var(--bg-card);border:1px solid hsla(0,0%,100%,.04);border-radius:var(--border-radius);padding:14px 16px;text-align:center}.profile-stat-value{font-size:1.2rem;font-weight:800;color:var(--accent-gold)}.profile-stat-label{font-size:.72rem;color:var(--text-muted);margin-top:2px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.collection-card{background:var(--bg-card);border-radius:var(--border-radius-sm);overflow:hidden;text-align:center;box-shadow:var(--shadow-sm)}.collection-card img{width:100%;aspect-ratio:2.5/3.5;object-fit:cover}.collection-card-info{padding:6px}.collection-card-name{font-size:.7rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.category-filter{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:16px;-webkit-overflow-scrolling:touch}.category-filter::-webkit-scrollbar{display:none}.category-chip{padding:8px 16px;border:1px solid var(--border-color);border-radius:20px;background:var(--bg-card);color:var(--text-secondary);font-size:.8rem;white-space:nowrap;cursor:pointer;transition:all .2s}.category-chip:hover{border-color:var(--accent-primary);color:var(--text-primary)}.category-chip.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.queue-status{text-align:center;padding:40px 20px}.queue-status .spinner{margin:0 auto 20px}.queue-position{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.queue-message{color:var(--text-muted);font-size:.85rem}.detail-layout{display:flex;flex-direction:column;gap:0}.detail-images{border-radius:0;overflow:hidden}.detail-main-image{width:100%;aspect-ratio:16/9;background:var(--bg-secondary);overflow:hidden}.detail-main-image img{width:100%;height:100%;object-fit:cover}.detail-sidebar{background:var(--bg-card);padding:20px 16px}.detail-title{font-size:1.2rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.detail-price{font-size:1.5rem;font-weight:800;color:var(--accent-gold);margin-bottom:16px}.detail-info-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-color);font-size:.85rem}.detail-info-row .label{color:var(--text-muted)}.detail-info-row .value{font-weight:500;color:var(--text-primary)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:600}.status-badge.active{background:rgba(52,199,89,.15);color:#34c759}.status-badge.soldout{background:rgba(255,59,48,.15);color:#ff3b30}.status-badge.coming{background:rgba(255,149,0,.15);color:#ff9500}@media (min-width:641px){.bottom-nav{display:none}.header-nav{display:flex;align-items:center;gap:24px}.header-nav a{color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color .2s;position:relative;padding:4px 0}.header-nav a.active,.header-nav a:hover{color:var(--text-primary)}.header-nav a.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent-primary);border-radius:1px}.page-content{padding-bottom:24px}.footer{padding-bottom:32px}:root{--max-width:768px}}@media (min-width:1024px){:root{--max-width:960px}.card-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (max-width:380px){.card-grid{grid-template-columns:repeat(2,1fr);gap:8px}.gacha-card-body{padding:8px 10px 10px}.gacha-card-title{font-size:.8rem}.gacha-card-price{font-size:.85rem}}.purchase-modal{width:100%;max-width:640px;max-height:90vh;background:#1a1a1a;border-radius:20px 20px 0 0;overflow-y:auto;animation:slideUp .3s ease;display:flex;flex-direction:column;padding:12px 20px env(safe-area-inset-bottom,0)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.purchase-modal-handle{width:40px;height:4px;background:var(--border-color);border-radius:2px;margin:0 auto 16px}.purchase-modal-title{margin-bottom:20px}.purchase-modal-title-row{display:flex;align-items:center;justify-content:space-between}.purchase-modal-title h3{font-size:1.1rem;font-weight:700;margin-bottom:2px}.purchase-notice-btn{width:32px;height:32px;border-radius:50%;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.7);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.purchase-notice-btn:hover{background:hsla(0,0%,100%,.15);color:#fff}.purchase-notice-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.purchase-notice-popup{background:#1a1a1a;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;width:100%;max-width:340px;overflow:hidden}.purchase-notice-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid hsla(0,0%,100%,.06);font-size:.95rem;font-weight:700;color:#fff}.purchase-notice-header button{background:none;border:none;color:hsla(0,0%,100%,.4);cursor:pointer;display:flex}.purchase-notice-body{padding:18px}.purchase-notice-body p{font-size:.82rem;color:hsla(0,0%,100%,.65);line-height:1.7;margin:0 0 12px}.purchase-notice-body p:last-child{margin-bottom:0}.purchase-notice-body strong{color:#d4a843}.purchase-modal-price{font-size:.85rem;color:var(--text-muted)}.purchase-section{margin-bottom:16px}.purchase-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.purchase-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.purchase-coin-balance{font-size:.75rem;color:var(--accent-gold);font-weight:600}.purchase-qty{display:flex;align-items:center;gap:10px}.purchase-qty-presets{display:flex;gap:6px}.purchase-qty-preset{min-width:40px;height:36px;border-radius:8px;border:1.5px solid var(--border-color);background:var(--bg-secondary);font-size:.85rem;font-weight:700;color:var(--text-primary);cursor:pointer;transition:all .15s}.purchase-qty-preset.active,.purchase-qty-preset:hover:not(:disabled){border-color:var(--accent-primary);background:var(--accent-primary);color:#fff}.purchase-qty-preset:disabled{opacity:.3;cursor:not-allowed}.purchase-qty-controls{display:flex;align-items:center;gap:8px;margin-left:auto}.purchase-qty-btn{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--border-color);background:var(--bg-secondary);font-size:1.2rem;font-weight:700;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.purchase-qty-btn:hover:not(:disabled){background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.purchase-qty-btn:disabled{opacity:.3;cursor:not-allowed}.purchase-qty-input{width:56px;height:36px;text-align:center;font-size:1.2rem;font-weight:800;border:1.5px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);outline:none;-moz-appearance:textfield}.purchase-qty-input::-webkit-inner-spin-button,.purchase-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.purchase-qty-input:focus{border-color:var(--accent-primary)}.purchase-coin-input-row{display:flex;gap:8px}.purchase-coin-input{flex:1 1;padding:10px 12px;border:1.5px solid var(--border-color);border-radius:8px;font-size:.9rem;background:var(--bg-primary);color:var(--text-primary)}.purchase-coin-input:focus{outline:none;border-color:var(--accent-primary)}.purchase-coin-use-all{padding:10px 14px;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:8px;font-size:.8rem;font-weight:600;color:var(--accent-primary);cursor:pointer;white-space:nowrap}.purchase-coin-use-all:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.purchase-summary{background:var(--bg-secondary);border-radius:10px;padding:12px;margin-bottom:16px}.purchase-summary-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.85rem;color:var(--text-secondary)}.purchase-summary-row.coin{color:var(--accent-gold)}.purchase-summary-row.total{border-top:1px solid var(--border-color);margin-top:4px;padding-top:10px;font-weight:700;font-size:1rem;color:var(--text-primary)}.purchase-payment-toggle{display:flex;gap:8px}.purchase-payment-btn{flex:1 1;padding:10px;border:1.5px solid var(--border-color);border-radius:8px;background:var(--bg-primary);font-size:.85rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s}.purchase-payment-btn.active{border-color:var(--accent-gold);background:rgba(212,168,67,.1);color:var(--accent-gold)}.purchase-agreements{margin-bottom:16px}.purchase-agree-all{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--border-color);margin-bottom:8px;font-size:.9rem;font-weight:700;cursor:pointer}.purchase-agree-list label{display:flex;align-items:flex-start;gap:8px;padding:5px 0;font-size:.78rem;color:var(--text-secondary);cursor:pointer}.purchase-agree-all input[type=checkbox],.purchase-agree-list input[type=checkbox]{margin-top:2px;accent-color:var(--accent-primary)}.purchase-error{background:rgba(239,68,68,.08);color:var(--accent-danger);padding:10px 12px;border-radius:8px;font-size:.8rem;margin-bottom:12px;text-align:center}.btn-purchase{width:100%;background:var(--accent-primary);color:#fff;border:none;position:-webkit-sticky;position:sticky;bottom:0;z-index:10;margin:16px 0 0;flex-shrink:0;box-shadow:0 -8px 20px rgba(0,0,0,.5);padding:16px 16px calc(16px + env(safe-area-inset-bottom, 16px));border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.btn-purchase:disabled{opacity:.4;cursor:not-allowed}.btn-purchase:hover:not(:disabled){opacity:.9}.video-overlay{position:fixed;inset:0;z-index:300;background:#000;display:flex;align-items:center;justify-content:center}.video-mute-btn{top:20px;width:40px;height:40px;border:1px solid hsla(0,0%,100%,.2);border-radius:50%;font-size:1.1rem;display:flex;align-items:center;justify-content:center}.video-mute-btn,.video-skip-btn{position:absolute;right:20px;background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;z-index:10}.video-skip-btn{bottom:40px;color:#fff;padding:8px 20px;border-radius:20px;border:1px solid hsla(0,0%,100%,.25);font-size:.85rem;font-weight:600;animation:fadeIn .3s ease}.video-skip-btn:hover{background:hsla(0,0%,100%,.25)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card-reveal-overlay{position:fixed;inset:0;z-index:250;background:linear-gradient(180deg,#0d0d0d,#1a1a1a 50%,#0d0d0d);display:flex;flex-direction:column}.card-reveal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;color:#fff}.card-reveal-title{font-size:.9rem;font-weight:700}.card-reveal-counter{font-size:.8rem;color:hsla(0,0%,100%,.6);font-weight:600}.card-reveal-slider{flex:1 1;display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.card-reveal-slider::-webkit-scrollbar{display:none}.card-reveal-slide{flex:0 0 100%;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;padding:20px}.card-reveal-card{width:100%;max-width:320px;aspect-ratio:2.5/3.5;border-radius:12px;overflow:hidden;box-shadow:0 8px 40px rgba(212,168,67,.3),0 0 80px rgba(212,168,67,.1);position:relative}.card-reveal-card.grade-sa{overflow:visible}.card-reveal-card.grade-sa:before{content:"";position:absolute;inset:-20px;border-radius:20px;background:conic-gradient(from 0deg,rgba(212,168,67,0),rgba(255,215,0,.4),rgba(212,168,67,0),rgba(255,200,0,.3),rgba(212,168,67,0),rgba(255,215,0,.4),rgba(212,168,67,0));animation:saCardSpin 3s linear infinite;z-index:-1;opacity:0;transition:opacity .5s ease;filter:blur(16px)}.card-reveal-card.grade-sa:after{content:"";position:absolute;inset:-40px;border-radius:30px;background:radial-gradient(ellipse at center,rgba(255,215,0,.25) 0,rgba(212,168,67,.12) 30%,rgba(255,200,0,.06) 50%,transparent 70%);z-index:-2;opacity:0;transition:opacity .8s ease;animation:saCardPulse 2s ease-in-out infinite}.card-reveal-card.grade-sa-revealed:after,.card-reveal-card.grade-sa-revealed:before{opacity:1}.card-reveal-card.grade-sa-revealed{box-shadow:0 0 30px rgba(255,215,0,.4),0 0 60px rgba(212,168,67,.25),0 0 100px rgba(255,215,0,.12),0 0 150px rgba(212,168,67,.06)}@keyframes saCardSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes saCardPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.08);opacity:1}}.card-reveal-dots{display:flex;justify-content:center;gap:6px;padding:12px 0}.card-reveal-dot{width:8px;height:8px;border-radius:50%;border:none;background:hsla(0,0%,100%,.2);cursor:pointer;padding:0;transition:all .2s}.card-reveal-dot.active{background:hsla(0,0%,100%,.8);transform:scale(1.2)}.card-reveal-dot.revealed{background:#d4a843}.card-reveal-dot.active.revealed{background:#e8c96a}.card-reveal-actions{padding:12px 20px 28px;display:flex;justify-content:center}.btn-reveal-all{padding:12px 40px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border:1.5px solid hsla(0,0%,100%,.2);border-radius:24px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-reveal-all:hover{background:hsla(0,0%,100%,.2)}.btn-reveal-done{padding:12px 40px;background:var(--accent-primary);color:#fff;border:none;border-radius:24px;font-size:.9rem;font-weight:700;cursor:pointer;animation:fadeIn .3s ease}.btn-reveal-done:hover{opacity:.9}.card-reveal-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.15);border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5}.card-reveal-arrow.left{left:10px}.card-reveal-arrow.right{right:10px}.card-reveal-arrow:hover{background:hsla(0,0%,100%,.2)}@media (max-width:640px){.card-reveal-arrow{display:none}.card-reveal-card{max-width:280px}.card-reveal-card.grade-sa:before{inset:-16px;filter:blur(12px)}.card-reveal-card.grade-sa:after{inset:-30px}}.card-instant-reveal{width:100%;height:100%;position:relative;perspective:1000px;cursor:pointer}.card-instant-back,.card-instant-front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;overflow:hidden;transition:transform .6s ease}.card-instant-front{transform:rotateY(180deg)}.card-instant-back,.card-instant-reveal.revealed .card-instant-front{transform:rotateY(0deg)}.card-instant-reveal.revealed .card-instant-back{transform:rotateY(-180deg)}.sticker-peel-card{cursor:-webkit-grab;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none}.sticker-peel-card:active{cursor:-webkit-grabbing;cursor:grabbing}.peel-back,.peel-front{border-radius:12px;overflow:hidden}.peel-back>*,.peel-front>*{width:100%;height:100%}