.roulettePage{min-height:100vh;color:#ffffffeb;background:radial-gradient(1200px 800px at 50% 20%,rgba(16,185,129,.2),transparent 60%),radial-gradient(900px 600px at 20% 30%,rgba(59,130,246,.22),transparent 55%),radial-gradient(900px 600px at 80% 40%,rgba(244,63,94,.18),transparent 55%),linear-gradient(180deg,#05060a,#090c14)}.rouletteTopBar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06080e8c;border-bottom:1px solid rgba(255,255,255,.08)}.rouletteHomeLink{color:#ffffffe0;text-decoration:none}.rouletteHomeLink:hover{text-decoration:underline}.rouletteBrand{font-weight:900;letter-spacing:.05em}.rouletteTag{opacity:.65;font-size:12px}.rouletteMain{display:grid;place-items:center;padding:18px}.rouletteFrame{width:min(980px,96vw);border-radius:24px;background:#00000059;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 80px #00000080;overflow:hidden}.roulettePlayArea{display:grid;align-items:stretch;grid-template-columns:1fr;grid-template-areas:"leftHeader" "leftBody" "rightHeader" "rightBody"}.rouletteLeftHeader{grid-area:leftHeader;padding:14px 14px 0}.rouletteRightHeader{grid-area:rightHeader;padding:12px 14px 0}.rouletteLeftBody{grid-area:leftBody;position:relative;height:min(68vh,680px);min-height:420px;padding:10px 14px 0;display:flex;flex-direction:column;gap:10px}.rouletteWheelWrap{flex:1;min-height:0}.rouletteSpinFull,.rouletteUnderSpin{width:100%}.rouletteDevInline{opacity:.62;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rouletteRightBody{grid-area:rightBody;padding:0 14px 12px;display:flex;flex-direction:column;min-height:0}.rouletteRightBody .rouletteTable{flex:1;min-height:0}.roulettePixiHost{width:100%;height:100%;border-radius:20px;background:radial-gradient(700px 500px at 50% 40%,rgba(255,255,255,.06),transparent 60%);outline:1px solid rgba(255,255,255,.08);overflow:hidden}.rouletteBettingSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.rouletteBettingStat{border-radius:16px;padding:10px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.rouletteBettingLabel{font-size:12px;opacity:.72}.rouletteBettingValue{font-size:16px;font-weight:900}.rouletteHint{margin-top:10px;opacity:.7;font-size:12px}.rouletteTable{border-radius:20px;padding:10px;background:#0000004d;border:1px solid rgba(255,255,255,.1);overflow:hidden}.rouletteTableTop{display:grid;grid-template-columns:60px 1fr;gap:8px;align-items:stretch}.rouletteTableGridWrap{display:grid;gap:8px}.rouletteTableCols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.rouletteTableGrid{display:grid;gap:6px}.rouletteTableRow,.rouletteTableDozens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.rouletteTableEvenMoney{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.rouletteTableBtn{appearance:none;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#ffffff0f;color:#ffffffeb;font-weight:900;letter-spacing:.02em;padding:8px;font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.rouletteTableBtn:hover{filter:brightness(1.06)}.rouletteTableBtnActive{border-color:#ffffffa6;background:#ffffff1a;box-shadow:0 0 0 2px #10b9818c,0 10px 30px #00000059,0 0 26px #10b98140;transform:translateY(-1px)}.rouletteTableBtnActive.rouletteTableRed{box-shadow:0 0 0 2px #f43f5e99,0 10px 30px #00000059,0 0 26px #f43f5e40}.rouletteTableBtnActive.rouletteTableBlack{box-shadow:0 0 0 2px #3b82f68c,0 10px 30px #00000059,0 0 26px #3b82f633}.rouletteTableNum{min-height:38px}.rouletteTableCol{min-height:36px;opacity:.9}.rouletteLeftHeader{grid-area:leftHeader}.rouletteRightHeader{grid-area:rightHeader;padding:14px 14px 0 8px}.rouletteLeftBody{grid-area:leftBody;padding:10px 8px 14px 14px;height:min(68vh,720px)}.rouletteRightBody{grid-area:rightBody;padding:10px 14px 14px 8px}.rouletteTableDozen,.rouletteTableEvenMoneyBtn{min-height:38px}.rouletteTableZero{border-radius:18px;min-height:100%;background:#1aa35f33;border-color:#1aa35f8c}@media(min-width:1120px){.rouletteFrame{width:min(1240px,96vw)}.roulettePlayArea{grid-template-columns:minmax(0,1fr) 420px;grid-template-rows:auto 1fr;grid-template-areas:"leftHeader rightHeader" "leftBody rightBody";align-items:stretch}.rouletteLeftHeader{padding:14px 10px 0 14px}.rouletteRightHeader{padding:14px 14px 0 10px}.rouletteLeftBody{padding:10px 10px 14px 14px;height:min(68vh,720px)}.rouletteRightBody{padding:10px 14px 14px 10px}}.rouletteTableRed{background:#c2182a33;border-color:#c2182a66}.rouletteTableBlack{background:#0b0b0f8c;border-color:#ffffff24}.rouletteHud{position:relative}.rouletteHudStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.rouletteStat{border-radius:16px;padding:10px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.rouletteStatLabel{font-size:12px;opacity:.72}.rouletteStatValue{font-size:18px;font-weight:900}.rouletteWinnerBanner{position:absolute;left:50%;top:-10px;transform:translate(-50%) translateY(-14px);padding:10px 14px;border-radius:999px;background:#0000008c;border:1px solid rgba(255,255,255,.14);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .26s ease;font-weight:900;letter-spacing:.03em;box-shadow:0 12px 40px #00000073}.rouletteWinnerBannerShow{opacity:1;transform:translate(-50%) translateY(0)}.rouletteDebug{margin-top:10px;opacity:.6;font-size:12px}.rouletteToast{position:fixed;left:50%;bottom:18px;transform:translate(-50%) translateY(10px);padding:10px 14px;border-radius:999px;background:#000000a6;border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 40px #00000073;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .22s ease;font-weight:800;letter-spacing:.02em}.rouletteToastShow{opacity:1;transform:translate(-50%) translateY(0)}.rouletteControls{display:flex;justify-content:space-between;align-items:center;gap:16px}.rouletteBetRow{display:flex;align-items:center;gap:10px}.rouletteLabel{opacity:.75;font-weight:700}.rouletteBetOptions{display:flex;gap:10px}.rouletteChip{appearance:none;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#ffffffe6;border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer}.rouletteChip:disabled{opacity:.5;cursor:not-allowed}.rouletteChipActive{background:#10b98129;border-color:#10b98161}.rouletteButtons{display:flex;align-items:center;justify-content:flex-end}.rouletteSpin{appearance:none;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#ffffff24,#ffffff0f);color:#ffffffeb;border-radius:16px;padding:12px 18px;font-weight:900;letter-spacing:.08em;cursor:pointer;box-shadow:0 12px 40px #00000059;position:relative;overflow:hidden}.rouletteSpin:hover{filter:brightness(1.06)}.rouletteSpin:disabled{opacity:.55;cursor:not-allowed}.rouletteSpinInactive{opacity:.55;border-color:#ffffff1f;background:linear-gradient(180deg,#ffffff1a,#ffffff0a);box-shadow:0 10px 28px #00000047}.rouletteSpinInactive:hover{filter:none}@keyframes rouletteSpinPulse{0%{box-shadow:0 12px 40px #00000059,0 0 #10b98100;transform:translateY(0)}55%{box-shadow:0 12px 40px #00000059,0 0 32px #10b98140;transform:translateY(-1px)}to{box-shadow:0 12px 40px #00000059,0 0 #10b98100;transform:translateY(0)}}@keyframes rouletteSpinShimmer{0%{transform:translate(-140%) skew(-20deg);opacity:0}20%{opacity:.75}45%{opacity:0}to{transform:translate(240%) skew(-20deg);opacity:0}}.rouletteSpinReady{border-color:#10b9818c;background:linear-gradient(180deg,#10b98133,#ffffff0f);animation:rouletteSpinPulse 1.35s ease-in-out infinite}.rouletteSpinReady:after{content:"";position:absolute;top:-20%;left:0;width:42%;height:140%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);filter:blur(.2px);animation:rouletteSpinShimmer 2.1s ease-in-out infinite}@keyframes rouletteSpinFlashBurst{0%{transform:scale(1);filter:brightness(1)}30%{transform:scale(1.02);filter:brightness(1.12)}to{transform:scale(1);filter:brightness(1)}}.rouletteSpinFlash{animation:rouletteSpinFlashBurst .52s ease-out 1;box-shadow:0 12px 40px #00000059,0 0 0 2px #10b9818c,0 0 46px #10b9814d}@media(prefers-reduced-motion:reduce){.rouletteSpinReady,.rouletteSpinReady:after,.rouletteSpinFlash{animation:none!important}}