.roulette-page,.top-page{max-width:1440px}.roulette-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.roulette-main{min-width:0}.roulette-stage{border:1px solid #273752;background:radial-gradient(ellipse at 50% 0,#16336777,transparent 65%),#0e1522;border-radius:28px;overflow:hidden;box-shadow:0 20px 90px #0003}.roulette-stage-head{display:flex;align-items:center;gap:10px;padding:25px 28px;font-size:11px;letter-spacing:.15em;color:#a9c8ed}.roulette-stage-head>span:last-child{margin-left:auto;color:#758398;font-size:9px}.live-dot{width:6px;height:6px;border-radius:50%;background:#82c6ff;box-shadow:0 0 14px #53a6ff}.reel-window{position:relative;overflow:hidden;height:220px;border-block:1px solid #33466744;background:#060c16}.reel-track{display:flex;gap:12px;width:max-content;padding:22px 0;will-change:transform}.prize-card{--prize:#8493a8;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:linear-gradient(150deg,color-mix(in srgb,var(--prize) 13%,#0d1320),#0c121e);border:1px solid color-mix(in srgb,var(--prize) 30%,#162239);border-bottom:3px solid var(--prize);border-radius:16px;width:156px;height:174px;flex-shrink:0;text-align:center;padding:14px;box-sizing:border-box}.rarity-blue{--prize:#5eaaff}.rarity-purple{--prize:#ab80ff}.rarity-pink{--prize:#ef86d8}.rarity-red{--prize:#ff778c}.rarity-gold{--prize:#f5d386}.rarity-gray{--prize:#8593a6}.prize-icon{font-size:44px;font-weight:300;line-height:1;color:var(--prize);text-shadow:0 0 22px color-mix(in srgb,var(--prize) 60%,transparent)}.prize-card strong{font-size:13px;color:#f0f5ff}.prize-card small{font-size:7px;letter-spacing:.14em;color:#7f90a8}.reel-marker{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(#9ed2ff,#9ed2ff22,#9ed2ff);box-shadow:0 0 20px #76baff;z-index:3}.reel-marker:before{content:'';position:absolute;left:-6px;top:0;border:7px solid transparent;border-top-color:#bde1ff}.reel-shade{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,#060c16 0,transparent 25%,transparent 75%,#060c16 100%);z-index:2}.spin-controls{text-align:center;padding:28px 20px}.spin-controls p{font-size:12px;color:#8396b1;margin-bottom:0}.spin-button{min-width:240px;box-shadow:0 0 32px #397ee833}.is-winner{box-shadow:0 0 25px color-mix(in srgb,var(--prize) 35%,transparent);filter:brightness(1.2)}.spin-result{text-align:center;border-top:1px solid #2a3c55;padding:25px;background:linear-gradient(0deg,color-mix(in srgb,var(--prize) 8%,transparent),transparent);animation:prize-in .5s ease-out}.spin-result>span{font-size:10px;letter-spacing:.18em;color:var(--prize)}.spin-result h2{font-size:26px}.spin-result p{font-size:13px;color:#a7b4c9}.prize-catalog{margin:35px 0}.prize-catalog h2,.live-wins h2{font-size:22px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.catalog-grid .prize-card{width:100%;height:150px;transition:transform .3s,border-color .3s}.catalog-grid .prize-card:hover{transform:translateY(-3px);border-color:var(--prize)}.live-wins{position:sticky;top:25px;padding:24px}.win-row{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #27334866}.win-row:last-child{border-bottom:0}.win-dot{display:grid;place-items:center;color:var(--prize);background:color-mix(in srgb,var(--prize) 12%,transparent);width:36px;height:42px;flex-shrink:0;border-radius:10px;font-size:24px}.win-row strong{font-size:13px}.win-row p{font-size:13px;margin:3px 0;color:#aabcda}.win-row small{font-size:10px;line-height:1.6;display:block;color:#7c91af}.roulette-rules p{font-size:13px;line-height:1.8;color:#8fa2bd}.game-tabs,.period-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.game-tabs a,.period-tabs a{padding:12px 20px;border-radius:12px;color:#8399b9;text-decoration:none;transition:background .25s,color .25s;border:1px solid transparent}.game-tabs a.active,.period-tabs a.active{color:#daecff;background:#203958;border-color:#375c84}.period-tabs a{font-size:13px;padding:9px 15px}.rank-heading{display:flex;justify-content:space-between;padding:10px 0 20px;color:#788ea9;font-size:10px;letter-spacing:.15em}.rank-row{display:flex;align-items:center;gap:16px;padding:18px 14px;border-top:1px solid #26344a66;border-radius:12px;min-width:0}.rank-number{width:36px;color:#859cbd;text-align:center;font-size:14px;flex-shrink:0}.rank-avatar{width:40px;height:40px;object-fit:cover;border-radius:12px;background:#233b58;display:grid;place-items:center;color:#a8cffa;flex-shrink:0}.rank-name{flex:1;min-width:0}.rank-name strong{display:block;overflow-wrap:anywhere}.rank-name small{font-size:10px;font-weight:400}.best-item{display:block;margin-top:5px}.rank-score{font-size:15px;white-space:nowrap}.podium-1{background:linear-gradient(90deg,#b8933620,transparent)}.podium-1 .rank-number{color:#ffe09a}.podium-2 .rank-number{color:#d7e7ff}.podium-3 .rank-number{color:#d5ac8c}.rank-own{border:1px solid #4d85b8;background:#122841}.rank-own small{color:#b8dfff}#rank-own:not(:empty){position:sticky;bottom:10px;box-shadow:0 -10px 24px #070c1799}.game-settings input[type=number]{width:108px;background:#0b1423;border:1px solid #334661;border-radius:8px;padding:10px;color:#dceaff}.game-settings .switch-row{padding:0;min-height:30px}.game-settings td{vertical-align:middle}.weight-total strong{color:#aad2ff}.table-wrap{overflow:auto}.uid-line{display:block;font-size:10px;color:#7b91b1;margin-top:5px}.gift-user{display:flex;gap:8px;flex-wrap:wrap;align-items:center;background:#142239;border:1px solid #2c4669;border-radius:12px;color:#d0e4ff;padding:14px;margin:12px 0;width:100%;text-align:left;cursor:pointer}.gift-user small{font-size:10px;color:#829dbd}.gift-user span{width:100%;font-size:12px;color:#94acca}#team-gift{border-top:1px solid #30405a;margin-top:20px;padding-top:20px}.celebration{position:absolute;inset:0;z-index:4;pointer-events:none}.celebration i{position:absolute;left:50%;top:50%;width:4px;height:8px;background:#ffdd93;transform:rotate(calc(var(--i)*18deg));animation:spark 1.8s ease-out forwards}@keyframes spark{to{transform:rotate(calc(var(--i)*18deg)) translateY(-180px);opacity:0}}@keyframes prize-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:1100px){.roulette-layout{grid-template-columns:1fr}.live-wins{position:static}.header nav{gap:14px}.header nav a{font-size:13px}}@media(max-width:600px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.catalog-grid .prize-card{height:126px;padding:7px}.prize-card strong{font-size:11px}.prize-card small{font-size:6px}.prize-icon{font-size:35px}.roulette-stage-head{padding:20px 12px;font-size:8px;gap:6px}.roulette-stage-head>span:last-child{font-size:7px}.rank-row{padding:14px 0;gap:9px}.rank-number{width:23px}.rank-score{font-size:12px}.rank-avatar{width:30px;height:30px}.rank-name strong{font-size:13px}.rank-board{padding:16px}.game-tabs a{padding:12px 15px}.roulette-page .page-title{font-size:38px}.spin-result h2{font-size:22px}}@media(prefers-reduced-motion:reduce){.prize-card,.spin-result,.celebration i{animation:none!important;transition:none!important}}.reduce-motion .prize-card,.reduce-motion .spin-result{animation:none!important;transition:none!important}