.boxes-page{color:#eaf2ff;background:#080e19;min-height:100vh;padding:24px max(20px,50vw - 640px);font-size:16px}.boxes-page a{color:#b4d8ff}.boxes-nav{border-bottom:1px solid #233047;justify-content:space-between;align-items:center;gap:20px;padding-bottom:28px;display:flex}.boxes-nav>a{color:#fff;font-size:21px;font-weight:900;text-decoration:none}.boxes-nav span{color:#299aff}.boxes-nav nav{gap:20px;display:flex}.boxes-heading{justify-content:space-between;align-items:center;gap:25px;margin:35px 0 24px;display:flex}.boxes-heading h1{margin:8px 0;font-size:36px}.boxes-heading small{color:#73baff;letter-spacing:2px;font-size:12px}.boxes-heading p{color:#a2b0c5;max-width:670px}.boxes-balance{background:#13243c;border-radius:12px;grid-template-columns:28px 1fr;gap:5px 12px;min-width:200px;padding:20px;display:grid}.boxes-balance strong{font-size:28px}.boxes-balance span{color:#b7c8df;grid-column:1/-1;font-size:14px}.boxes-progress{background:#101b2c;border:1px solid #263650;border-radius:10px;justify-content:space-between;gap:16px;margin-bottom:25px;padding:18px;display:flex}.boxes-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.box-card{background:#111b2c;border:1px solid #24334a;border-radius:14px;overflow:hidden}.box-cover{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--box-accent,#249aff) 24%,#10182a),#0c1422);width:100%;height:185px;color:var(--box-accent,#249aff);cursor:pointer;border:0;justify-content:center;align-items:center;display:flex;position:relative}.box-cover img{object-fit:contain;width:100%;height:100%}.box-cover span{color:#d4eaff;background:#090e18d9;border-radius:5px;padding:5px 10px;font-size:12px;position:absolute;bottom:12px;left:15px}.box-card-body{padding:18px}.box-card h2{margin:0 0 12px;font-size:18px}.box-status{color:#9bb9dc;align-items:center;gap:7px;min-height:20px;font-size:14px;display:flex}.box-card progress{-webkit-appearance:none;appearance:none;border:none;width:100%;height:5px;margin:16px 0 7px}.box-card progress::-webkit-progress-bar{background:#253449;border-radius:4px}.box-card progress::-webkit-progress-value{background:#2796ff;border-radius:4px}.box-card small{color:#a4b4c9;font-size:12px}.box-card p{color:#bac8db;margin:8px 0 17px;font-size:14px}.box-card button:not(.box-cover),.box-actions button{color:#fff;cursor:pointer;background:#1d77d3;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:11px 13px;font-size:14px;display:inline-flex}.box-card-body>button{width:100%}.box-actions button:disabled{opacity:.45;cursor:not-allowed}.boxes-history{margin:40px 0}.boxes-history article{border-bottom:1px solid #293548;align-items:center;gap:18px;padding:17px 0;display:flex}.boxes-history img{object-fit:contain;width:85px;height:65px}.boxes-history p,.boxes-history small{color:#aabbd1;font-size:14px}.boxes-history b{white-space:nowrap;margin-left:auto}.boxes-error{color:#ffb2a7;background:#3a2028;border-radius:8px;padding:14px}.box-modal-backdrop{z-index:1000;background:#000b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.box-modal{background:#101b2c;border:1px solid #375075;border-radius:16px;width:950px;max-width:100%;max-height:90vh;padding:28px;position:relative;overflow:auto}.box-modal p{color:#adbed4}.box-close{color:#fff;cursor:pointer;background:#25364c;border:0;border-radius:6px;padding:6px;position:absolute;top:15px;right:15px}.box-actions{flex-wrap:wrap;gap:14px;margin:22px 0;display:flex}.box-items{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.box-items article{background:#19263a;border:1px solid #2c3e58;border-radius:9px;flex-direction:column;gap:7px;padding:14px;display:flex}.box-items img{object-fit:contain;width:100%;height:90px}.box-items strong{font-size:14px}.box-items small{color:#79baff;font-size:12px}.box-reward{text-align:center;background:#0f2943;border:1px solid #367cc2;border-radius:12px;padding:20px}.box-reward img{object-fit:contain;width:200px;height:130px}.box-reel{background:#0b1423;padding:20px;overflow:hidden}.box-reel>div{gap:10px;animation:2.4s ease-out box-spin;display:flex}.box-reel>div>div{flex:0 0 130px;font-size:12px}.box-reel img{object-fit:contain;width:120px;height:85px}.box-reel p{text-align:center}@keyframes box-spin{0%{transform:translate(0)}to{transform:translate(-2400px)}}@media (max-width:1000px){.boxes-grid,.box-items{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.boxes-grid,.box-items{grid-template-columns:repeat(2,minmax(0,1fr))}.boxes-heading{flex-direction:column;align-items:stretch}.boxes-heading h1{font-size:30px}.boxes-balance{min-width:0}.boxes-nav{flex-direction:column;align-items:flex-start}.box-cover{height:150px}.boxes-page{padding:20px 14px}.box-card-body{padding:13px}.boxes-history article{flex-wrap:wrap}.boxes-progress{font-size:14px}.box-modal{padding:22px 15px}.box-actions button{width:100%}}.boxes-code-form{background:#10263a;border:1px solid #2d5880;border-radius:12px;flex-wrap:wrap;align-items:end;gap:12px;margin:18px 0;padding:18px;display:flex}.boxes-code-form label{flex:220px;gap:8px;font-size:14px;display:grid}.boxes-code-form input{color:#fff;background:#071726;border:1px solid #35648b;border-radius:7px;min-height:42px;padding:10px 12px}.boxes-code-form button{color:#fff;background:#147dde;border:1px solid #59b7ff;border-radius:7px;min-height:42px;padding:10px 18px;font-weight:700}.boxes-code-form button:disabled{opacity:.55;cursor:wait}.clan-roulette{background:linear-gradient(#070a0f,#0a1018);border:1px solid #ffffff12;border-radius:12px;padding:14px 0;overflow:hidden}.clan-roulette .roulette-viewport{background:#05070b;border-top:1px solid #ffffff08;border-bottom:1px solid #ffffff08;height:126px;position:relative;overflow:hidden}.clan-roulette .roulette-viewport:before,.clan-roulette .roulette-viewport:after{content:"";z-index:5;pointer-events:none;width:17%;height:100%;position:absolute;top:0}.clan-roulette .roulette-viewport:before{background:linear-gradient(90deg,#05070b,#0000);left:0}.clan-roulette .roulette-viewport:after{background:linear-gradient(-90deg,#05070b,#0000);right:0}.clan-roulette .center-line{z-index:12;background:#31a4ff;width:2px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 16px #1591ff}.clan-roulette .center-line:before,.clan-roulette .center-line:after{content:"";border-left:7px solid #0000;border-right:7px solid #0000;position:absolute;left:-6px}.clan-roulette .center-line:before{border-top:9px solid #31a4ff;top:0}.clan-roulette .center-line:after{border-bottom:9px solid #31a4ff;bottom:0}.clan-roulette .roulette-track{gap:8px;width:max-content;padding:9px 0;display:flex;position:relative;left:0;transform:translate(20px)}.clan-roulette .roulette-track.run{transition:left 5s cubic-bezier(.08,.62,.12,1),transform 5s cubic-bezier(.08,.62,.12,1);left:50%;transform:translate(-3506px)}.clan-roulette .roulette-track.finished{left:50%;transform:translate(-3506px)}.clan-roulette .roulette-track.run.quick{transition-duration:.8s!important}.clan-roulette .roll-card{box-sizing:border-box;background:linear-gradient(160deg,#14253a,#0a111b);border-bottom:4px solid #4ca7ff;flex-direction:column;flex:none;justify-content:flex-end;width:148px;height:106px;padding:.6rem;display:flex}.clan-roulette .roll-card .skin-symbol{color:#53b0ff;flex:1;place-items:center;min-height:0;font-size:1.7rem;display:grid}.clan-roulette .skin-symbol img{object-fit:contain;width:100%;height:42px}.clan-roulette .roll-card>span{text-transform:uppercase;color:#ffffff80;font-size:.65rem}.clan-roulette .roll-card>strong{text-overflow:ellipsis;white-space:nowrap;margin-top:.12rem;font-size:.75rem;overflow:hidden}.clan-roulette .roll-card>b{color:#ffffff9c;margin-top:.18rem;font-size:.72rem}.clan-roulette .roll-card.knife{background:linear-gradient(160deg,#2e2612,#110e08);border-color:#ffc44d}.clan-roulette .roll-card.knife .skin-symbol{color:#ffc44d}.clan-roulette .inline-knife-viewport{z-index:7;box-sizing:content-box;background:#090805;border:1px solid #ffc44d80;width:148px;height:106px;position:absolute;top:9px;left:50%;overflow:hidden;transform:translate(-74px);box-shadow:0 0 28px #ffc44d35}.clan-roulette .inline-knife-track{flex-direction:column;gap:8px;display:flex;transform:translateY(4px)}.clan-roulette .inline-knife-track.run{transition:transform 7s cubic-bezier(.08,.62,.12,1);transform:translateY(-2736px)}.clan-roulette .inline-knife-track.finished{transform:translateY(-2736px)}.clan-roulette .inline-knife-track.run.quick{transition-duration:.55s!important}.clan-roulette .inline-knife-card{box-sizing:border-box;text-align:center;background:radial-gradient(circle at 50% 20%,#49370e,#171207 68%);border-bottom:4px solid #ffc44d;flex-direction:column;flex:none;justify-content:center;height:106px;padding:.65rem;display:flex}.clan-roulette .inline-knife-card img{object-fit:contain;width:100%;height:32px}.clan-roulette .inline-knife-card strong{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.28rem;font-size:.75rem;line-height:1.15;display:-webkit-box;overflow:hidden}.clan-roulette .inline-knife-card b{color:#ffffffa8;margin-top:.35rem;font-size:.72rem}.clan-roulette>p{text-align:center;margin:12px 0 0;font-size:14px}.clan-roulette-options{justify-content:flex-end;margin:14px 0;display:flex}.clan-roulette-options button{color:#ffffffb3;cursor:pointer;background:#ffffff06;border:1px solid #ffffff20;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;display:flex}.clan-roulette-options button.active{color:#ffd36c;background:#ffc44d14;border-color:#ffc44d70}.clan-roulette-options button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:600px){.clan-roulette .roll-card{width:126px}.clan-roulette .roulette-track.run,.clan-roulette .roulette-track.finished{transform:translate(-3011px)}.clan-roulette .inline-knife-viewport{width:126px;transform:translate(-63px)}}@media (prefers-reduced-motion:reduce){.clan-roulette .roulette-track.run,.clan-roulette .inline-knife-track.run{transition-duration:10ms!important}}