.er{--gold:#f1c45b;--red:#c52c3d;max-width:1380px;margin:auto;padding:14px;color:#f6f8fa}.er *{box-sizing:border-box}.er button{font-family:inherit}.er-head{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border:1px solid #303947;border-radius:18px 18px 0 0;background:linear-gradient(120deg,#111722,#1c2431)}.er-head>div{text-align:center}.er-head small{color:var(--gold);font:800 8px Arial;letter-spacing:2.5px}.er-head h1{margin:3px 0 0;font:900 20px Arial}.er-head h1 em{margin-right:8px;color:#a3adbb;font:700 12px inherit}.er-head button,.er-head>span{height:35px;padding:0 12px;border:1px solid #354052;border-radius:10px;background:#0c121a;color:#aab5c3;font-size:9px}.er-head button{cursor:pointer}.er-head i{display:inline-block;width:7px;height:7px;margin-left:5px;border-radius:50%;background:#3fe391;box-shadow:0 0 10px #3fe391}.er-stage{position:relative;min-height:620px;overflow:hidden;border:1px solid #303947;border-top:0;background:#07351f url('/img/games/roulette/table-goldenx.png') center/cover no-repeat;box-shadow:0 28px 65px #0008}.er-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 20%,#0207062b,#020706a8 100%);pointer-events:none}.er-ball{position:absolute;z-index:4;left:22%;top:36%;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#d5d9d6 45%,#777);box-shadow:0 4px 8px #0009;opacity:0}.er-stage.spinning .er-ball{opacity:1;animation:erBall 3.8s cubic-bezier(.15,.7,.18,1)}.er-win{position:absolute;z-index:5;left:22%;bottom:12%;min-width:140px;padding:11px;text-align:center;border:1px solid #d7ab4755;border-radius:13px;background:#050b09df;backdrop-filter:blur(8px)}.er-win small,.er-win span{display:block;color:#8995a2;font-size:8px}.er-win strong{display:block;color:#f5ce6a;font:900 32px Arial}.er-table-wrap{position:absolute;z-index:3;right:3%;top:12%;width:62%;padding:12px;border:1px solid #d6ae5045;border-radius:16px;background:#04130dc7;box-shadow:0 18px 45px #0008;backdrop-filter:blur(6px)}.er-mode{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:7px}.er-mode button{height:31px;border:1px solid #344c41;border-radius:8px;background:#10251d;color:#8fa39a;font-size:8px;cursor:pointer}.er-mode button.active{border-color:#e2b84f;background:#4c3c1d;color:#ffd876}.er-grid{direction:ltr;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(3,52px);gap:3px}.er-num{position:relative;border:1px solid #ffffff24;border-radius:7px;color:#fff;font:900 13px Arial;cursor:pointer;box-shadow:inset 0 1px #fff2}.er-num.red{background:linear-gradient(145deg,#c83b48,#6f1723)}.er-num.black{background:linear-gradient(145deg,#252b32,#090c10)}.er-num.green{background:linear-gradient(145deg,#23a663,#0d5736)}.er-num.zero{grid-column:1/-1;height:38px}.er-num:hover{filter:brightness(1.25);transform:translateY(-1px)}.er-chip-mark{position:absolute;right:3px;bottom:3px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 3px;border:2px dotted #6a4309;border-radius:50%;background:#f3c756;color:#201709;font:900 7px Arial;box-shadow:0 3px 7px #0007}.er-outside{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin-top:6px}.er-outside button{min-height:36px;border:1px solid #ffffff20;border-radius:7px;background:#123126;color:#e2e8e4;font-size:9px;cursor:pointer}.er-outside button small{display:block;color:#8fa298;font:7px Arial}.er-outside .red{background:#8b2431}.er-outside .black{background:#11161c}.er-console{display:grid;grid-template-columns:.65fr 1.2fr 1fr;gap:10px;padding:12px;border:1px solid #303947;border-radius:0 0 18px 18px;background:linear-gradient(#1c2430,#121821)}.er-console header{display:flex;justify-content:space-between;margin-bottom:7px;font-size:9px}.er-console header span{color:#7e8998}.er-console header strong,.er-chips header span{color:#edc25b}.er-chips>div{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.er-chips button{height:38px;border:2px dotted #c5912f;border-radius:50%;background:#3a2b13;color:#ecc35f;cursor:pointer}.er-chips button.active{background:#efc75e;color:#231a0a;box-shadow:0 0 18px #e9ba4c55}.er-slip{min-width:0}.er-slip>div{height:48px;overflow-x:auto;display:flex;gap:5px}.er-bet{flex:0 0 auto;padding:5px 8px;border:1px solid #354151;border-radius:8px;background:#0c1219;color:#aeb8c4;font-size:8px}.er-bet b{display:block;color:#edc158}.er-actions{display:grid;grid-template-columns:repeat(3,1fr) 1.5fr;gap:5px;align-items:end}.er-actions button{height:48px;border:1px solid #3b4655;border-radius:9px;background:#242d38;color:#b9c2cd;font-size:9px;cursor:pointer}.er-actions #erSpin{background:linear-gradient(145deg,#39db82,#199e57);color:#fff;font:900 14px Arial;box-shadow:0 8px 22px #27c66b2e}.er-actions #erSpin small{display:block;font:7px Arial;opacity:.7}.er-actions button:disabled{opacity:.3}.er-bottom{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.er-bottom>div{min-width:0;padding:11px;border:1px solid #2d3745;border-radius:12px;background:#121923}.er-bottom b{font-size:10px}.er-bottom span{color:#7d8998;font-size:8px}.er-bottom>div:first-child{display:flex;align-items:center;gap:10px}.er-bottom>div:first-child>div{display:flex;gap:5px;direction:ltr;overflow:hidden}.er-history-num{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;font:900 9px Arial}.er-history-num.red{background:#b52d3d}.er-history-num.black{background:#171c22}.er-history-num.green{background:#168b52}@keyframes erBall{0%{transform:rotate(0) translateX(185px) rotate(0)}70%{transform:rotate(1260deg) translateX(105px) rotate(-1260deg)}100%{transform:rotate(1630deg) translateX(68px) rotate(-1630deg)}}@media(max-width:950px){.er-stage{min-height:790px}.er-table-wrap{left:3%;right:3%;top:42%;width:auto}.er-win{left:50%;top:25%;bottom:auto;transform:translateX(-50%)}.er-ball{left:31%;top:24%}.er-console{grid-template-columns:1fr 1fr}.er-actions{grid-column:1/-1}}@media(max-width:620px){.er{padding:5px}.er-head>span{display:none}.er-stage{min-height:760px}.er-table-wrap{top:36%;padding:7px}.er-grid{grid-template-rows:repeat(3,43px)}.er-mode{grid-template-columns:repeat(3,1fr)}.er-outside{grid-template-columns:repeat(3,1fr)}.er-console{grid-template-columns:1fr}.er-actions{grid-column:auto;grid-template-columns:repeat(2,1fr)}.er-bottom{grid-template-columns:1fr}}