html:has(.game-view){scrollbar-width:none}html:has(.game-view)::-webkit-scrollbar{display:none}.app-container.game-view{--game-unit:calc(100cqw / 325);--prediction-green:#2ca548;--prediction-violet:#7040ba;--prediction-red:#f35b43;background:#fff;border-radius:0;container-type:inline-size}.prediction-game{font-family:var(--font-sans);font-size:calc(11 * var(--game-unit));color:#4d4d4d;padding-top:calc(13 * var(--game-unit));padding-bottom:calc(52 * var(--game-unit) + var(--safe-bottom));line-height:1.35}.prediction-game button{font-family:inherit}.prediction-game .win-header{height:calc(85 * var(--game-unit));margin:0 calc(8 * var(--game-unit)) calc(10 * var(--game-unit));padding:calc(24 * var(--game-unit)) calc(9 * var(--game-unit)) calc(8 * var(--game-unit));border-radius:calc(2 * var(--game-unit));box-shadow:0 calc(2 * var(--game-unit)) calc(3 * var(--game-unit)) #0004;background:#0084ff}.prediction-game .header-top{margin:0 0 calc(11 * var(--game-unit));display:block}.prediction-game .header-top>div{align-items:baseline;gap:calc(3 * var(--game-unit));display:flex}.prediction-game .balance-title,.prediction-game .balance-amount{font-family:inherit;font-size:calc(11 * var(--game-unit));letter-spacing:calc(.5 * var(--game-unit));opacity:1;margin:0;font-weight:700;line-height:1.3}.prediction-game .refresh-icon-btn{right:calc(10 * var(--game-unit));bottom:calc(10 * var(--game-unit));width:calc(20 * var(--game-unit));height:calc(20 * var(--game-unit));color:#d7f4ff;background:0 0;border-radius:0;position:absolute}.prediction-game .refresh-icon-btn svg{width:calc(13 * var(--game-unit));height:calc(13 * var(--game-unit));stroke-width:1.5px}.prediction-game .header-actions-row{gap:calc(12 * var(--game-unit))}.prediction-game .recharge-btn,.prediction-game .rule-btn{height:calc(28 * var(--game-unit));min-width:calc(65 * var(--game-unit));padding:0 calc(11 * var(--game-unit));border-radius:calc(4 * var(--game-unit));font-size:calc(9 * var(--game-unit));letter-spacing:calc(.35 * var(--game-unit));box-shadow:0 calc(2 * var(--game-unit)) calc(3 * var(--game-unit)) #0003;font-weight:700}.prediction-game .recharge-btn{background:#28a745}.prediction-game .rule-btn{min-width:calc(67 * var(--game-unit));color:#555}.prediction-game .marquee-bar{display:none}.prediction-game .game-tabs-bar{height:calc(38 * var(--game-unit));border:0;position:static}.prediction-game .game-tab{font-size:calc(9 * var(--game-unit));-webkit-text-stroke:.25px currentColor;letter-spacing:calc(.5 * var(--game-unit));color:#000;padding:0;font-weight:900}.prediction-game .game-tab.active{color:#000}.prediction-game .game-tab.active:after{background:#8ab8c6;border-radius:0;height:1px;left:0;right:0}.prediction-game .period-card{height:calc(63 * var(--game-unit));padding:calc(8 * var(--game-unit)) calc(12 * var(--game-unit)) calc(8 * var(--game-unit)) calc(10 * var(--game-unit));background:#f0f0f0;border:0;align-items:flex-start;margin:0}.prediction-game .period-heading{gap:calc(2 * var(--game-unit));font-size:calc(12 * var(--game-unit));color:#555;text-transform:none;letter-spacing:0;font-weight:400}.prediction-game .period-heading svg{width:calc(9 * var(--game-unit));height:calc(10 * var(--game-unit));fill:currentColor;stroke-width:1px}.prediction-game .period-number{font-family:inherit;font-size:calc(16 * var(--game-unit));color:#414141;letter-spacing:calc(.9 * var(--game-unit));margin-top:calc(6 * var(--game-unit));margin-left:calc(7 * var(--game-unit));font-weight:700;line-height:1.4}.prediction-game .countdown-label{font-size:calc(10 * var(--game-unit));letter-spacing:calc(.6 * var(--game-unit));text-transform:none;color:#444;font-weight:700;line-height:calc(16 * var(--game-unit))}.prediction-game .countdown-digits{font-family:inherit;font-size:calc(21 * var(--game-unit));letter-spacing:calc(.8 * var(--game-unit));color:#414141;margin-top:calc(10 * var(--game-unit));font-weight:700;line-height:1.1}.prediction-game .countdown-digits.warning{color:#d94b3a}.prediction-game .betting-section{padding:calc(11 * var(--game-unit)) calc(12 * var(--game-unit)) calc(13 * var(--game-unit));background:#f0f0f0;margin:0;position:relative}.prediction-game .colors-row{justify-content:space-between;gap:calc(8 * var(--game-unit));margin-bottom:calc(21 * var(--game-unit));display:flex}.prediction-game .color-btn{width:auto;min-width:calc(61 * var(--game-unit));height:calc(28 * var(--game-unit));padding:0 calc(12 * var(--game-unit));font-size:calc(9 * var(--game-unit));letter-spacing:calc(.3 * var(--game-unit));border-radius:calc(4 * var(--game-unit));box-shadow:0 calc(2 * var(--game-unit)) calc(3 * var(--game-unit)) #0004;font-weight:700}.prediction-game .color-btn.green,.prediction-game .color-btn.violet{min-width:calc(71 * var(--game-unit))}.prediction-game .numbers-grid{gap:calc(9 * var(--game-unit)) calc(6 * var(--game-unit));margin:0}.prediction-game .number-btn{height:calc(24 * var(--game-unit));font-family:inherit;font-size:calc(10 * var(--game-unit));border-radius:calc(4 * var(--game-unit));box-shadow:0 calc(2 * var(--game-unit)) calc(2 * var(--game-unit)) #0003;font-weight:700}.prediction-game .number-btn.num-0{background:linear-gradient(160deg, var(--prediction-violet) 50%, var(--prediction-red) 50%)}.prediction-game .number-btn.num-5{background:linear-gradient(160deg, var(--prediction-violet) 50%, var(--prediction-green) 50%)}.prediction-game .locked-banner{top:calc(43 * var(--game-unit));left:calc(12 * var(--game-unit));right:calc(12 * var(--game-unit));font-size:calc(8 * var(--game-unit));line-height:calc(15 * var(--game-unit));background:0 0;border:0;margin:0;padding:0;position:absolute}.prediction-game .locked-banner svg{width:calc(9 * var(--game-unit));height:calc(9 * var(--game-unit))}.prediction-game .records-section{margin:0}.prediction-game .records-heading-row{height:calc(35 * var(--game-unit));color:#000;font-size:calc(9 * var(--game-unit));-webkit-text-stroke:.25px currentColor;letter-spacing:calc(.6 * var(--game-unit));gap:calc(8 * var(--game-unit));border-bottom:1px solid #6d9faf;padding:0;font-weight:900}.prediction-game .records-heading-row svg{width:calc(12 * var(--game-unit));height:calc(12 * var(--game-unit));fill:#000;stroke-width:1px}.prediction-game .records-table{font-size:calc(10 * var(--game-unit));letter-spacing:calc(.8 * var(--game-unit))}.prediction-game .records-table th{height:calc(36 * var(--game-unit));padding:0 calc(3 * var(--game-unit));color:#000;font-size:calc(9 * var(--game-unit));-webkit-text-stroke:.25px currentColor;background:#fff;border-color:#ddd;font-weight:900}.prediction-game .records-table th:first-child{width:34%}.prediction-game .records-table th:not(:first-child){width:22%}.prediction-game .records-table td{height:calc(31 * var(--game-unit));padding:0 calc(3 * var(--game-unit));color:#4d4d4d;white-space:nowrap;border-color:#eee}.prediction-game .cell-period,.prediction-game .cell-price,.prediction-game .cell-num{font-family:inherit;font-size:calc(10 * var(--game-unit));font-weight:700}.prediction-game .cell-num.green{color:var(--prediction-green)}.prediction-game .cell-num.red{color:var(--prediction-red)}.prediction-game .dots-container{gap:calc(4 * var(--game-unit))}.prediction-game .result-dot{width:calc(12 * var(--game-unit));height:calc(12 * var(--game-unit));box-shadow:inset 0 calc(2 * var(--game-unit)) calc(2 * var(--game-unit)) #fff5, 0 1px 2px #0004}.prediction-game .pagination-row{padding:calc(10 * var(--game-unit));font-size:calc(10 * var(--game-unit))}.prediction-game .pagination-text,.prediction-game .my-record-title{font-size:calc(10 * var(--game-unit))}