.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);border-radius:20px;padding:40px;max-width:420px;width:90%;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.modal-close:hover{background:var(--bg-card);color:var(--text-primary)}.modal-header{text-align:center;margin-bottom:32px}.modal-logo{font-size:48px;margin-bottom:16px}.modal-title{font-size:24px;font-weight:700;margin-bottom:8px}.modal-subtitle{color:var(--text-secondary);font-size:14px;line-height:1.5}.telegram-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#08c,#0077b5);border-radius:12px;color:#fff;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .2s ease}.telegram-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #08c6}.telegram-btn:active{transform:translateY(0)}.telegram-icon{width:24px;height:24px}.modal-footer{margin-top:24px;text-align:center;color:var(--text-secondary);font-size:12px;line-height:1.6}.modal-footer a{color:var(--accent-blue);text-decoration:none}.modal-footer a:hover{text-decoration:underline}@media(max-width:480px){.modal-overlay{padding:16px;align-items:flex-end}.modal-content{padding:32px 24px;border-radius:20px 20px 0 0;width:100%;max-width:none;animation:slideUpMobile .3s ease}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-close{top:12px;right:12px;width:32px;height:32px;font-size:18px}.modal-header{margin-bottom:24px}.modal-logo{font-size:40px;margin-bottom:12px}.modal-title{font-size:20px;margin-bottom:6px}.modal-subtitle{font-size:13px}.telegram-btn{padding:14px 20px;font-size:15px;border-radius:10px;gap:10px}.telegram-icon{width:20px;height:20px}.modal-footer{margin-top:20px;font-size:11px}}.header{background-color:var(--bg-secondary);padding:18px 32px;position:sticky;top:0;z-index:100}.header-content{max-width:1600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:40px}.logo{display:flex;align-items:center}.logo-svg{height:38px;width:auto}.nav{display:flex;gap:6px}.nav-item{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:10px;background:transparent;color:var(--text-secondary);font-size:15px;font-weight:500;transition:all .2s ease}.nav-item:hover,.nav-item.active{background:var(--bg-tertiary);color:var(--text-primary)}.nav-icon{display:flex;align-items:center;justify-content:center}.nav-svg-icon{width:20px;height:20px;color:currentColor}.language-selector{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;color:var(--text-secondary)}.flag-placeholder{width:32px;height:22px;background:linear-gradient(180deg,#fff 33%,#0039a6 33% 66%,#d52b1e 66%);border-radius:4px}.login-btn{padding:14px 36px;background:var(--gradient-blue);color:var(--text-primary);border-radius:10px;font-size:15px;font-weight:600;transition:all .2s ease}.login-btn:hover{opacity:.9;transform:translateY(-1px)}.mobile-menu-btn{display:none;width:44px;height:44px;background:transparent;align-items:center;justify-content:center}.burger{display:flex;flex-direction:column;gap:5px;width:24px}.burger span{display:block;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.burger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:1024px){.header{padding:14px 20px}.header-left{gap:20px}.nav-item{padding:10px 14px;font-size:14px}.nav-svg-icon{width:18px;height:18px}.login-btn{padding:12px 24px;font-size:14px}}@media(max-width:768px){.header{padding:12px 16px}.mobile-menu-btn{display:flex}.header-left{gap:12px}.logo-svg{height:28px}.nav{position:fixed;top:68px;left:0;right:0;background:var(--bg-secondary);flex-direction:column;padding:16px;gap:8px;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;z-index:99;border-bottom:1px solid var(--border-color)}.nav.open{transform:translateY(0);opacity:1;visibility:visible}.nav-item{width:100%;justify-content:flex-start;padding:14px 16px;border-radius:10px}.header-right{gap:12px}.language-selector{padding:8px 10px}.flag-placeholder{width:24px;height:16px}.language-selector span{display:none}.login-btn{padding:10px 16px;font-size:13px}}@media(max-width:480px){.header{padding:10px 12px}.logo-svg{height:24px}.login-btn{padding:8px 12px;font-size:12px}}.live-feed{background-color:var(--bg-primary);padding:10px 0;overflow:hidden;border-bottom:1px solid var(--border-color)}.live-feed-container{max-width:100%;overflow:hidden}.live-feed-track{display:flex;gap:14px;padding:0 24px;will-change:transform}.feed-item{flex-shrink:0;width:175px;background:var(--bg-card);border-radius:10px;overflow:hidden;position:relative}.feed-item-image{height:100px;display:flex;align-items:center;justify-content:center;position:relative;border-top:4px solid;padding:10px}.item-image{max-width:100%;max-height:85px;object-fit:contain}.item-price-badge{position:absolute;top:8px;left:8px;background:#000000bf;padding:4px 10px;border-radius:6px;font-size:11px;color:var(--accent-gold);font-weight:600;z-index:3}.feed-item-info{padding:10px 12px;display:flex;flex-direction:column;gap:3px}.feed-item-username{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-item-type{font-size:12px;color:var(--text-secondary)}.feed-item-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1024px){.live-feed{padding:8px 0}.live-feed-track{gap:10px;padding:0 16px}.feed-item{width:140px}.feed-item-image{height:80px;padding:8px}.item-image{max-height:65px}.feed-item-info{padding:8px 10px}}@media(max-width:768px){.live-feed{padding:6px 0}.live-feed-track{gap:8px;padding:0 12px}.feed-item{width:132px;border-radius:8px}.feed-item-image{height:84px;padding:6px;border-top-width:3px}.item-image{max-height:66px}.item-price-badge,.feed-item-info{display:none}}@media(max-width:480px){.live-feed{padding:5px 0}.live-feed-track{gap:6px;padding:0 10px}.feed-item{width:126px;border-radius:6px}.feed-item-image{height:78px;padding:5px;border-top-width:2px}.item-image{max-height:60px}}.banner-section{display:grid;grid-template-columns:1fr 280px;gap:16px;margin-top:24px}.banner-main{background:url(/images/bullpass/bulldroppass.png) center / cover no-repeat;border-radius:16px;padding:32px;position:relative;overflow:hidden;min-height:280px;display:flex;flex-direction:column;justify-content:center}.banner-content{position:relative;z-index:2;max-width:400px}.banner-label{font-size:12px;font-weight:600;color:#ffffffb3;letter-spacing:1px;margin-bottom:8px;display:block}.banner-title{font-size:32px;font-weight:700;margin-bottom:12px;line-height:1.2}.banner-description{font-size:14px;color:#fffc;line-height:1.5;margin-bottom:24px}.banner-btn{background:var(--text-primary);color:var(--bg-primary);padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;transition:all .2s ease}.banner-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.banner-decoration{display:none}.banner-box{width:220px;height:220px;background:linear-gradient(135deg,#b91c1c,#7f1d1d);border-radius:16px;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.2);padding:10px}.banner-case-img{width:100%;height:100%;object-fit:contain}.banner-nav{position:absolute;right:24px;bottom:50%;transform:translateY(50%);display:flex;gap:8px;z-index:3}.banner-nav-btn{width:36px;height:36px;border-radius:50%;background:#fff3;color:var(--text-primary);font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.banner-nav-btn:hover{background:#ffffff4d}.banner-side{background:var(--bg-card);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.bullpass-image{position:relative;width:100%;height:180px;overflow:hidden}.bullpass-image img{width:100%;height:100%;object-fit:cover}.timer-badge{position:absolute;top:12px;right:12px;background:#0009;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}.timer-icon{font-size:14px}.bullpass-footer{padding:16px 20px 20px;display:flex;flex-direction:column;align-items:center;gap:12px}.side-title{font-size:18px;font-weight:600;color:var(--accent-blue)}.side-btn{width:100%;padding:12px;background:var(--text-primary);color:var(--bg-primary);border-radius:8px;font-size:14px;font-weight:600;transition:all .2s ease}.side-btn:hover{opacity:.9;transform:translateY(-1px)}@media(max-width:1024px){.banner-section{grid-template-columns:1fr 240px;gap:12px}.banner-main{padding:24px;min-height:240px}.banner-title{font-size:26px}.banner-description{font-size:13px}.banner-decoration{right:40px}.banner-box{width:180px;height:180px}.bullpass-image{height:140px}}@media(max-width:768px){.banner-section{grid-template-columns:1fr;gap:16px;margin-top:16px}.banner-main{padding:24px 20px;min-height:auto}.banner-content{max-width:100%;text-align:center}.banner-title{font-size:24px}.banner-description{font-size:14px;margin-bottom:20px}.banner-description br{display:none}.banner-btn{width:100%;padding:14px 24px}.banner-decoration{display:none}.banner-nav{bottom:16px;right:50%;transform:translate(50%)}.banner-side{display:grid;grid-template-columns:1fr 1fr;gap:0}.bullpass-image{height:120px}.bullpass-footer{padding:12px 16px;justify-content:center}.side-title{font-size:16px}}@media(max-width:480px){.banner-main{padding:20px 16px}.banner-label{font-size:11px}.banner-title{font-size:20px;margin-bottom:8px}.banner-description{font-size:13px;margin-bottom:16px}.banner-btn{padding:12px 20px;font-size:13px}.banner-side{grid-template-columns:1fr}.bullpass-image{height:160px}.bullpass-footer{padding:16px}}.cases-section{margin-top:32px;padding-bottom:48px}.cases-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.cases-title{display:flex;align-items:center;gap:14px}.cases-icon{width:28px;height:28px}.cases-title h2{font-size:32px;font-weight:700}.game-filters{display:flex;gap:8px}.game-filter{width:48px;height:48px;background:var(--bg-card);border-radius:8px;color:var(--text-secondary);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.game-filter:hover{background:var(--bg-tertiary);color:var(--text-primary)}.game-filter.active{background:var(--accent-gold);color:#000}.category-filters{display:flex;gap:8px;margin-bottom:32px;overflow-x:auto;padding-bottom:8px}.category-filters::-webkit-scrollbar{display:none}.sort-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-card);border-radius:8px;color:var(--text-secondary);font-size:14px;white-space:nowrap;transition:all .2s ease}.sort-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.category-filter{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--bg-card);border-radius:24px;color:var(--text-secondary);font-size:15px;white-space:nowrap;transition:all .2s ease}.category-filter:hover{background:var(--bg-tertiary);color:var(--text-primary)}.category-filter.active{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.scroll-btn{width:40px;height:40px;background:var(--bg-card);border-radius:50%;color:var(--text-secondary);font-size:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.scroll-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.category-section{margin-bottom:48px}.category-section:last-child{margin-bottom:0}.category-title{display:flex;align-items:center;gap:14px;margin-bottom:32px}.category-icon{width:40px;height:40px;object-fit:contain}.category-title h3{font-size:28px;font-weight:700}.cases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:1400px){.cases-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.cases-section{margin-top:24px}.cases-title h2{font-size:26px}.category-title h3{font-size:24px}.category-icon{width:32px;height:32px}.game-filter{width:42px;height:42px;font-size:11px}}@media(max-width:1000px){.cases-grid{grid-template-columns:repeat(2,1fr);gap:16px}.case-image{height:220px}.case-img{max-height:200px}}@media(max-width:768px){.cases-section{margin-top:20px;padding-bottom:32px}.cases-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}.cases-title h2{font-size:22px}.cases-icon{width:22px;height:22px}.game-filters{width:100%;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.game-filters::-webkit-scrollbar{display:none}.game-filter{width:40px;height:40px;flex-shrink:0}.category-section{margin-bottom:32px}.category-title{gap:10px;margin-bottom:20px}.category-title h3{font-size:20px}.category-icon{width:28px;height:28px}.cases-grid{grid-template-columns:repeat(2,1fr);gap:12px}.case-card{border-radius:12px}.case-card:hover{transform:translateY(-4px)}.case-image{height:160px;padding:12px}.case-img{max-height:140px}.case-placeholder{width:100px;height:100px;border-radius:10px}.case-info{padding:12px 8px;gap:8px}.case-name{font-size:13px}.case-price{padding:6px 12px;font-size:12px;border-radius:16px}}@media(max-width:480px){.cases-section{margin-top:16px}.cases-header{margin-bottom:16px}.cases-title{gap:10px}.cases-title h2{font-size:20px}.cases-icon{width:20px;height:20px}.category-title h3{font-size:18px}.category-icon{width:24px;height:24px}.case-image{height:140px;padding:10px}.case-img{max-height:120px}.case-info{padding:10px 6px;gap:6px}.case-name{font-size:12px}.case-price{padding:5px 10px;font-size:11px}}.case-card{background:#1e1e2399;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;text-align:center}.case-card:hover{transform:translateY(-8px)}.case-card:hover .case-img{transform:scale(1.08)}.case-image{height:280px;display:flex;align-items:center;justify-content:center;position:relative;padding:20px}.case-img{max-width:100%;max-height:260px;object-fit:contain;position:relative;z-index:2;transition:transform .3s ease}.case-placeholder{position:absolute;width:160px;height:160px;border-radius:16px;opacity:0;transition:transform .3s ease,opacity .2s ease}.case-placeholder.visible{opacity:.8}.case-card:hover .case-placeholder{transform:scale(1.08)}.case-info{padding:16px 8px;display:flex;flex-direction:column;align-items:center;gap:12px}.case-name{font-size:16px;font-weight:600;color:var(--text-primary)}.case-price{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:#2d2d32f2;border-radius:20px;font-size:14px;color:var(--text-primary);font-weight:500}.case-original-price{color:var(--text-secondary);text-decoration:line-through;font-size:12px;margin-left:4px;opacity:.7}.case-discount-badge{position:absolute;top:12px;left:12px;background:#ef4444;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:8px;z-index:10}.case-card{position:relative}.category-emoji{font-size:32px;line-height:1;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.currency-icon{color:var(--accent-gold)}@media(max-width:768px){.case-discount-badge{top:8px;left:8px;font-size:10px;padding:3px 8px}.category-emoji{font-size:28px;width:28px;height:28px}.case-original-price{font-size:10px}}@media(max-width:480px){.case-discount-badge{top:6px;left:6px;font-size:9px;padding:2px 6px;border-radius:6px}.category-emoji{font-size:24px;width:24px;height:24px}}.minigames-section{margin-top:48px;padding-bottom:48px;width:100%}.minigames-header{display:flex;align-items:center;gap:14px;margin-bottom:28px}.minigames-icon{width:40px;height:40px;color:#fff}.minigames-header h2{font-size:45px;font-weight:700}.minigames-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px}.minigame-card{background:var(--bg-card);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative;min-height:300px}.minigame-card:hover{transform:translateY(-4px)}.minigame-card:hover .minigame-image{transform:scale(1.05)}.minigame-label{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:8px;z-index:2}.minigame-label-icon{width:28px;height:28px;color:#fff}.minigame-label span{font-size:25px;font-weight:600;color:#fff}.minigame-image{position:absolute;transition:transform .3s ease}.minigame-contracts{grid-row:1 / 3;background:#18181c}.minigame-contracts:before{content:"";position:absolute;right:0;bottom:0;width:70%;height:70%;background:radial-gradient(ellipse at center,rgba(233,30,99,.4) 0%,rgba(233,30,99,.2) 30%,transparent 70%);filter:blur(40px);z-index:1;pointer-events:none}.contracts-image{right:-5%;bottom:-5%;width:85%;height:100%;object-fit:contain;object-position:right bottom}.minigame-upgrade{background:linear-gradient(135deg,#141a16,#1a2420)}.minigame-upgrade:before{content:"";position:absolute;right:0;bottom:0;width:80%;height:80%;background:radial-gradient(ellipse at center,rgba(76,175,80,.35) 0%,rgba(76,175,80,.15) 30%,transparent 70%);filter:blur(30px);z-index:1;pointer-events:none}.upgrade-image{right:-5%;bottom:-10%;width:65%;height:100%;object-fit:contain;object-position:right bottom}.minigame-saper{background:linear-gradient(135deg,#1c1416,#241a1c)}.minigame-saper:before{content:"";position:absolute;right:0;bottom:0;width:80%;height:80%;background:radial-gradient(ellipse at center,rgba(244,67,54,.35) 0%,rgba(255,152,0,.15) 30%,transparent 70%);filter:blur(30px);z-index:1;pointer-events:none}.saper-image{right:0;bottom:-10%;width:60%;height:110%;object-fit:contain;object-position:right bottom}.minigames-slider-section{display:flex;align-items:center;gap:16px;margin-top:24px}.slider-arrow{width:48px;height:48px;background:var(--bg-card);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0;border:none}.slider-arrow:hover{background:var(--bg-tertiary);color:var(--text-primary)}.slider-arrow svg{width:24px;height:24px}.minigames-slider{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;flex:1}.minigames-slider::-webkit-scrollbar{display:none}.mini-card{min-width:360px;height:300px;background:var(--bg-card);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.mini-card:hover{transform:translateY(-4px)}.mini-card:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;height:60%;filter:blur(30px);z-index:1;pointer-events:none}.mini-card-roulette:before{background:radial-gradient(ellipse at center,rgba(156,39,176,.5) 0%,rgba(103,58,183,.3) 40%,transparent 70%)}.mini-card-crash:before{background:radial-gradient(ellipse at center,rgba(0,188,212,.5) 0%,rgba(0,150,136,.3) 40%,transparent 70%)}.mini-card-ladder:before{background:radial-gradient(ellipse at center,rgba(63,81,181,.5) 0%,rgba(103,58,183,.3) 40%,transparent 70%)}.mini-card-tower:before{background:radial-gradient(ellipse at center,rgba(255,193,7,.5) 0%,rgba(255,152,0,.3) 40%,transparent 70%)}.mini-card-wheel:before{background:radial-gradient(ellipse at center,rgba(76,175,80,.5) 0%,rgba(139,195,74,.3) 40%,transparent 70%)}.mini-card-image{width:200px;height:200px;object-fit:contain;position:relative;z-index:2;transition:transform .3s ease}.mini-card:hover .mini-card-image{transform:scale(1.1)}.mini-card-name{font-size:22px;font-weight:600;color:#fff;margin-top:16px;position:relative;z-index:2}@media(max-width:1024px){.minigames-section{margin-top:40px}.minigames-header h2{font-size:26px}.minigames-icon{width:24px;height:24px}.minigame-card{min-height:200px}.minigame-label span{font-size:16px}.mini-card{min-width:280px;height:240px}.mini-card-image{width:160px;height:160px}.mini-card-name{font-size:18px}.slider-arrow{width:40px;height:40px}.slider-arrow svg{width:20px;height:20px}}@media(max-width:768px){.minigames-section{margin-top:32px;padding-bottom:32px}.minigames-header{gap:10px;margin-bottom:20px}.minigames-header h2{font-size:22px}.minigames-icon{width:22px;height:22px}.minigames-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:12px}.minigame-contracts{grid-row:auto;min-height:260px}.minigame-card{min-height:180px}.minigame-label{top:12px;left:12px;gap:6px}.minigame-label-icon{width:18px;height:18px}.minigame-label span{font-size:16px}.minigames-slider-section{gap:12px;margin-top:20px}.slider-arrow{width:36px;height:36px}.slider-arrow svg{width:18px;height:18px}.minigames-slider{gap:12px}.mini-card{min-width:200px;height:180px}.mini-card-image{width:110px;height:110px}.mini-card-name{font-size:16px;margin-top:10px}.contracts-image{width:70%;right:0}.upgrade-image{width:50%}.saper-image{width:45%}}@media(max-width:480px){.minigames-section{margin-top:24px}.minigames-header h2{font-size:20px}.minigames-icon{width:20px;height:20px}.minigame-contracts{min-height:220px}.minigame-card{min-height:160px}.minigame-label span{font-size:14px}.mini-card{min-width:160px;height:150px}.mini-card-image{width:85px;height:85px}.mini-card-name{font-size:14px;margin-top:8px}.minigames-slider-section{gap:8px}.slider-arrow{width:32px;height:32px}.slider-arrow svg{width:16px;height:16px}}.home-page{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%}@media(max-width:1600px){.main-content{padding:0 150px}}@media(max-width:1200px){.main-content{padding:0 80px}}@media(max-width:768px){.main-content{padding:0 24px}}@media(max-width:480px){.main-content{padding:0 16px}}.footer-bottom{background:#1e1e23f2;border-radius:16px 16px 0 0;padding:24px 40px;display:flex;flex-direction:column;align-items:center;gap:24px}.footer-bottom-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px;width:100%}@media(max-width:768px){.footer-section{margin-top:48px}.footer-main{min-height:300px;padding:40px 0 30px}.footer-mascot{width:195px;opacity:.6}.footer-mascot-left{left:0}.footer-mascot-right{right:0}.footer-logo svg{height:40px}.footer-copyright{font-size:12px;text-align:center}.footer-social-btn{width:40px;height:40px}.footer-bottom{padding:16px 20px;gap:16px;border-radius:12px 12px 0 0}.footer-bottom-row,.footer-links{gap:16px}.footer-link{font-size:12px}}@media(max-width:480px){.footer-mascot{width:156px;opacity:.4}.footer-logo svg{height:32px}.footer-bottom-row{flex-direction:column;gap:12px}.footer-links{gap:12px}.footer-link{font-size:11px}}.case-page{min-height:100vh;background:var(--bg-primary)}.case-page-content{max-width:1700px;margin:0 auto;padding:24px 32px 0}.case-page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:12px}.header-right{display:flex;align-items:center;gap:20px}.back-btn{width:40px;height:40px;background:transparent;border-radius:8px;color:var(--text-secondary);font-size:28px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.back-btn:hover{color:var(--text-primary)}.case-name{font-size:26px;font-weight:700;color:var(--text-primary);letter-spacing:.5px;white-space:nowrap}.promo-input{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:18px;cursor:pointer}.promo-icon{font-size:24px}.promo-input input{background:transparent;border:none;color:var(--text-secondary);font-size:18px;width:180px;text-align:center}.promo-input input::placeholder{color:var(--text-secondary)}.promo-input input:focus{outline:none;color:var(--text-primary)}.risk-tabs{display:flex;justify-content:center;gap:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:5px;max-width:600px}.risk-tab{flex:1;padding:10px 24px;border-radius:10px;font-size:16px;font-weight:500;color:var(--text-secondary);background:transparent;transition:all .2s ease;border:none;text-align:center;white-space:nowrap}.risk-tab:hover{color:var(--text-primary)}.risk-tab.active{font-weight:600;border-radius:10px}.risk-tab.active.low{background:#22c55e59;color:#22c55e}.risk-tab.active.medium{background:#f59e0b59;color:#f59e0b}.risk-tab.active.high{background:#ef444459;color:#ef4444}.drop-section{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:48px;padding:60px 20px;overflow:hidden;border-radius:16px;width:100%}.background-skins-lane{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:16px;z-index:1}.background-skin-item{width:270px;height:200px;background:var(--bg-card);border-radius:12px;padding:16px;border-top:4px solid;flex-shrink:0;display:flex;flex-direction:column;align-items:center}.background-skin-item img{width:100%;height:120px;object-fit:contain;margin-bottom:8px}.background-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,#1111144d,#111114f2 70%);z-index:2}.case-image-container{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:24px;width:100%;z-index:3}.case-main-image{width:100%;max-width:280px;height:auto;object-fit:contain;filter:drop-shadow(0 0 40px rgba(0,0,0,.5))}.sign-in-btn{position:relative;z-index:3;background:#4282ff;color:#f3f3f8;padding:18px 56px;border-radius:12px;font-size:18px;font-weight:600;transition:all .2s ease;width:100%;max-width:360px}.sign-in-btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 20px #4282ff66}.contents-section{margin-top:48px}.contents-title{font-size:28px;font-weight:600;margin-bottom:32px;color:var(--text-primary);text-align:center}.contents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.content-item{background:var(--bg-card);border-radius:12px;padding:14px;border-top:4px solid;position:relative;cursor:pointer;transition:all .2s ease}.content-item:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0006}.content-item img{width:100%;height:80px;object-fit:contain;margin-bottom:10px}.content-item-info{display:flex;flex-direction:column;gap:4px}.content-item .item-type{font-size:12px;color:var(--text-secondary)}.content-item .item-name{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.risk-indicator{position:absolute;bottom:12px;right:12px;font-size:11px;font-weight:500;padding:3px 8px;border-radius:4px;background:#00000080}.risk-indicator.low-risk{color:#22c55e}.risk-indicator.medium-risk{color:#f59e0b}.risk-indicator.high-risk{color:#ef4444}@media(max-width:768px){.case-page-content{padding:16px 16px 0}.case-page-header{flex-direction:column;align-items:stretch;gap:16px}.header-left{justify-content:center}.header-right{flex-direction:column;align-items:center;gap:12px}.risk-tabs{max-width:100%;width:100%}.case-name{font-size:18px}.risk-tab{padding:16px;font-size:14px}.case-main-image{max-width:280px}.contents-section{margin-top:24px}.contents-title{font-size:16px;margin-bottom:12px}.contents-grid{grid-template-columns:repeat(2,1fr);gap:10px}.content-item{padding:10px;border-radius:8px;border-top-width:3px}.content-item img{height:60px;margin-bottom:8px}.content-item .item-type{font-size:10px}.content-item .item-name{font-size:12px}.risk-indicator{font-size:9px;padding:2px 6px;bottom:8px;right:8px}}@media(max-width:480px){.case-page-content{padding:12px 12px 0}.case-name{font-size:16px}.risk-tab{padding:14px 12px;font-size:13px}.case-main-image{max-width:240px}.sign-in-btn{padding:14px 20px;font-size:14px}.contents-title{font-size:14px;margin-bottom:10px}.contents-grid{grid-template-columns:repeat(2,1fr);gap:8px}.content-item{padding:8px;border-radius:6px}.content-item img{height:50px;margin-bottom:6px}.content-item .item-type{font-size:9px}.content-item .item-name{font-size:11px}.risk-indicator{font-size:8px;padding:2px 5px;bottom:6px;right:6px}}.footer-section{margin-top:80px;position:relative;overflow:hidden}.footer-main{display:flex;justify-content:center;align-items:flex-end;position:relative;padding:60px 0 40px;min-height:400px}.footer-mascot{position:absolute;bottom:0;width:416px;height:auto;pointer-events:none}.footer-mascot-left{left:5%}.footer-mascot-right{right:5%}.footer-center{display:flex;flex-direction:column;align-items:center;gap:20px;z-index:2}.footer-logo{font-family:Arial Black,sans-serif;font-size:64px;font-weight:900;color:#fff;letter-spacing:2px}.footer-logo svg{height:60px;width:auto}.footer-copyright{font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.footer-socials{display:flex;gap:12px;margin-top:10px}.footer-social-btn{width:48px;height:48px;background:var(--bg-card);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:all .2s ease;border:none;cursor:pointer}.footer-social-btn:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.footer-social-btn svg{width:24px;height:24px}.footer-bottom{background:#1e1e23f2;border-radius:16px 16px 0 0;padding:20px 40px 80px;display:flex;flex-direction:column;align-items:center;gap:24px}.footer-bottom-row{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:24px;width:100%}.footer-lang{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;cursor:pointer}.footer-lang-flag{width:24px;height:16px;background:linear-gradient(180deg,#fff 33%,#0039a6 33% 66%,#d52b1e 66%);border-radius:2px}.footer-links{display:flex;gap:32px;flex-wrap:wrap;justify-content:center}.footer-link{color:var(--text-secondary);font-size:14px;transition:color .2s ease;background:none;border:none;cursor:pointer}.footer-link:hover{color:var(--text-primary)}.footer-icons{display:flex;gap:16px;padding:16px 24px;background:#323237cc;border-radius:12px;margin-bottom:32px}.footer-icon{width:32px;height:32px;color:var(--text-secondary);transition:color .2s ease;cursor:pointer}.footer-icon:hover{color:var(--text-primary)}@media(max-width:1200px){.footer-mascot{width:325px}}@media(max-width:1024px){.footer-mascot{width:260px}.footer-logo svg{height:48px}}@media(max-width:768px){.footer-section{margin-top:48px}.footer-main{min-height:300px;padding:40px 0 30px}.footer-mascot{width:195px;opacity:.6}.footer-mascot-left{left:0}.footer-mascot-right{right:0}.footer-logo svg{height:40px}.footer-copyright{font-size:12px;text-align:center}.footer-social-btn{width:40px;height:40px}.footer-bottom{padding:16px 20px 0;gap:16px;border-radius:12px 12px 0 0}.footer-bottom-row,.footer-links{gap:16px}.footer-link{font-size:12px}.footer-icons{padding:12px 16px;gap:12px;margin-bottom:24px}.footer-icon{width:24px;height:24px}}@media(max-width:480px){.footer-mascot{width:156px;opacity:.4}.footer-logo svg{height:32px}.footer-bottom-row{flex-direction:column;gap:12px}.footer-links{gap:12px}.footer-link{font-size:11px}.footer-icons{margin-bottom:20px}}.game-page{min-height:100vh;background:var(--bg-primary)}.game-hero{background:linear-gradient(135deg,#dc2626,#991b1b,#7f1d1d);border-radius:16px;padding:48px 32px;text-align:center;margin-top:24px}.game-hero-title{font-size:42px;font-weight:700;margin-bottom:12px;line-height:1.2}.game-hero-subtitle{font-size:18px;color:#ffffffd9;margin-bottom:24px;max-width:500px;margin-left:auto;margin-right:auto}.game-hero-btn{background:var(--text-primary);color:var(--bg-primary);padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;transition:all .2s ease}.game-hero-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}@media(max-width:1024px){.game-hero{padding:40px 24px}.game-hero-title{font-size:34px}.game-hero-subtitle{font-size:16px}}@media(max-width:768px){.game-hero{padding:32px 20px;margin-top:16px}.game-hero-title{font-size:28px}.game-hero-subtitle{font-size:15px}.game-hero-btn{width:100%;padding:14px 24px}}@media(max-width:480px){.game-hero{padding:24px 16px}.game-hero-title{font-size:24px}.game-hero-subtitle{font-size:14px}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:0 24px;max-width:1700px;margin:0 auto;width:100%}@media(max-width:1024px){.main-content{padding:0 20px}}@media(max-width:768px){.main-content{padding:0 16px}}@media(max-width:480px){.main-content{padding:0 12px}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0f1419;--bg-secondary: #1a1f26;--bg-tertiary: #242b35;--bg-card: #1e252e;--text-primary: #ffffff;--text-secondary: #8b949e;--accent-blue: #3b82f6;--accent-gold: #f59e0b;--accent-red: #ef4444;--accent-purple: #8b5cf6;--accent-green: #22c55e;--border-color: #2d3640;--gradient-gold: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-blue: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}#root{min-height:100vh}button{cursor:pointer;border:none;outline:none;font-family:inherit}a{text-decoration:none;color:inherit}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media(max-width:768px){::-webkit-scrollbar{width:0;height:0}}