.plinko-page{--plinko-max-width:880px}.plinko-page .plinko{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.plinko-page .plinko-content{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:16px;display:flex}.plinko-page .plinko-board-wrapper{width:100%;max-width:var(--plinko-max-width);flex-direction:column;align-items:center;display:flex;position:relative}.plinko-page .plinko-canvas-container{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.plinko-page .plinko-canvas{display:block;background:0 0!important;width:100%!important;height:100%!important}.plinko-page .plinko-loading{z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.plinko-page .loading-spinner{border:3px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.plinko-page .bins-row{justify-content:center;gap:3px;height:28px;margin:4px auto 0;display:flex}.plinko-page .bin{color:#0a0a0a;min-width:0;box-shadow:0 2px var(--shadow-color);border-radius:4px;flex:1;justify-content:center;align-items:center;font-size:10px;font-weight:700;transition:transform .2s;display:flex}.plinko-page .bin.highlight{z-index:1;transform:scale(1.08)translateY(-2px)}.plinko-page .last-wins{border-radius:6px;flex-direction:column;width:40px;display:flex;position:absolute;top:50%;right:20px;overflow:hidden;transform:translateY(-50%);box-shadow:0 4px 12px #0006}.plinko-page .last-win-item{aspect-ratio:1;color:#0a0a0a;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}@media (max-width:900px){.plinko-page .plinko-board-wrapper{max-width:600px}.plinko-page .bins-row{gap:2px;height:24px}.plinko-page .bin{font-size:9px}.plinko-page .last-wins{width:32px;right:12px}.plinko-page .last-win-item{font-size:9px}}@media (max-width:600px){.plinko-page .plinko-content{padding:10px}.plinko-page .plinko-board-wrapper{max-width:100%}.plinko-page .bins-row{gap:2px;height:20px}.plinko-page .bin{border-radius:2px;font-size:7px}.plinko-page .last-wins{width:28px;right:8px}.plinko-page .last-win-item{font-size:8px}}@media (max-width:768px),(max-width:932px) and (orientation:landscape) and (hover:none){.plinko-page .plinko-board-wrapper,.plinko-page .plinko-canvas-container{aspect-ratio:760/570;width:100%}.plinko-page .plinko-canvas{display:block;width:100%!important;height:100%!important}}
.plinko-page{--sidebar-padding:16px;--sidebar-gap:16px;--card-margin:0 12px 12px 12px;--card-padding:12px;--sidebar-bg:var(--bg-secondary);--sidebar-border:var(--border-color);--card-bg:var(--bg-tertiary);--card-border:var(--border-color);--ball-selector-bg:var(--surface-1);--ball-selector-border:#ffffff14;--ball-button-bg:#24333d;--ball-button-border:#ffffff1f;--ball-button-hover-bg:#2a3d4a;--ball-button-selected-bg:#2f4553;--ball-button-selected-border:#fff3}.plinko-page .sidebar{gap:var(--sidebar-gap);width:320px;min-width:320px;padding:var(--sidebar-padding);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;display:flex;overflow:hidden auto}.plinko-page .sidebar::-webkit-scrollbar{display:none}.plinko-page .bet-mode-tabs{background:var(--surface-1);border:none;border-radius:10px;gap:4px;padding:4px;transition:all .15s;display:flex;transform:translateY(-4px);box-shadow:0 4px #0006,0 4px 8px #0000004d}.plinko-page .bet-mode-tab{background:var(--surface-2);color:var(--text-secondary);cursor:pointer;border:none;border-radius:6px;flex:1;padding:10px 16px;font-size:14px;font-weight:600;transition:all .15s;position:relative}.plinko-page .bet-mode-tab:hover:not(:disabled):not(.active){color:var(--text-primary);background:var(--surface-hover)}.plinko-page .bet-mode-tab.active{background:var(--primary);color:#000;box-shadow:0 2px 0 var(--primary-active), 0 2px 6px #0003;font-weight:700;transform:translateY(-2px)}.plinko-page .bet-mode-tab.active:active{box-shadow:0 0 0 var(--primary-active);transform:translateY(0)}.plinko-page .bet-mode-tab:disabled{cursor:not-allowed;opacity:.4;box-shadow:none;transform:none}.plinko-page .form-group{margin-bottom:16px;position:relative}.plinko-page .form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:500;line-height:1.2;display:block}.plinko-page .form-label-row{align-items:center;gap:6px;margin-bottom:8px;display:flex}.plinko-page .help-icon{background:var(--text-secondary);width:14px;height:14px;color:var(--bg-primary);cursor:help;border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:700;transition:background-color .2s;display:inline-flex}.plinko-page .help-icon:hover{background:var(--text-primary)}.plinko-page .form-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.plinko-page .sidebar .custom-input-group{background:var(--surface-2);border:1px solid #0000;border-radius:8px;align-items:center;height:44px;padding:0 12px;transition:all .15s;display:flex;transform:translateY(-4px);box-shadow:0 4px #0000004d,0 4px 8px #0003}.plinko-page .sidebar .custom-input-group.disabled{opacity:.5;pointer-events:none;box-shadow:none;transform:none}.plinko-page .sidebar .custom-input-group:focus-within{box-shadow:0 2px 0 var(--primary-active), 0 2px 8px #2f8cff66;border-color:var(--primary);transform:translateY(-2px)}.plinko-page .sidebar .input-prefix{color:var(--primary);margin-right:8px;font-size:16px;font-weight:800}.plinko-page .sidebar .input-suffix{color:#fff;margin-left:8px;font-size:16px;font-weight:700}.plinko-page .sidebar .custom-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;width:100%;font-size:14px;font-weight:600}.plinko-page .sidebar .custom-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.plinko-page .sidebar .custom-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.plinko-page .sidebar .custom-input[type=number],.plinko-page .sidebar .custom-input[type=text]{-moz-appearance:textfield}.plinko-page .sidebar .input-controls{gap:4px;margin-left:8px;display:flex}.plinko-page .sidebar .control-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:none;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s}.plinko-page .sidebar .control-btn:hover:not(:disabled){background:var(--surface-hover);color:#fff}.plinko-page .sidebar .control-btn:active:not(:disabled){background:var(--primary-soft);color:var(--primary)}.plinko-page .sidebar .control-btn:disabled{cursor:not-allowed;opacity:.4}.plinko-page .error-text{color:#ef4444;margin-top:4px;font-size:11px;line-height:1.2;position:absolute;top:100%;left:0}.plinko-page .form-select{background-color:var(--surface-2);width:100%;color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23b1b6c6' viewBox='0 0 16 16'%3E%3Cpath d='M2 5l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:none;border-radius:8px;outline:none;padding:12px 36px 12px 12px;font-size:14px;font-weight:600;transition:all .15s;transform:translateY(-4px);box-shadow:0 4px #0000004d,0 4px 8px #0003}.plinko-page .form-select:hover:not(:disabled){background-color:var(--surface-hover);transform:translateY(-4px)}.plinko-page .form-select:active:not(:disabled),.plinko-page .form-select:focus{border:none;transform:translateY(-2px);box-shadow:0 2px #2f8cff80,0 2px 6px #0003}.plinko-page .form-select:disabled{cursor:not-allowed;opacity:.4;box-shadow:none;background-image:none;transform:none}.plinko-page .form-select option{background:var(--sidebar-bg);color:var(--text-primary);padding:8px}.plinko-page .auto-bet-input{transition:all .15s;position:relative;transform:translateY(-4px)}.plinko-page .auto-bet-input input{background-color:var(--surface-2);width:100%;color:var(--text-primary);border:none;border-radius:8px;outline:none;padding:12px 36px 12px 12px;font-size:14px;font-weight:600;transition:all .15s;box-shadow:0 4px #0000004d,0 4px 8px #0003}.plinko-page .auto-bet-input input:focus{background-color:var(--surface-hover);transform:translateY(2px);box-shadow:0 2px #2f8cff80,0 2px 6px #0003}.plinko-page .auto-bet-input input.error{box-shadow:0 4px #ef4444,0 4px 8px #0003}.plinko-page .auto-bet-input input.error:focus{transform:translateY(2px);box-shadow:0 2px #ef4444,0 2px 6px #0003}.plinko-page .auto-bet-input input:disabled{cursor:not-allowed;opacity:.4;box-shadow:none;transform:translateY(4px)}.plinko-page .infinity-icon{color:var(--text-secondary);pointer-events:none;font-size:18px;font-weight:700;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.plinko-page .bet-button{background:var(--primary);color:#000;text-transform:uppercase;letter-spacing:1px;cursor:pointer;width:100%;box-shadow:0 6px 0 var(--primary-active), 0 6px 10px #0000004d;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:16px;font-weight:700;transition:all .15s;display:flex;position:relative;transform:translateY(-6px)}.plinko-page .bet-button:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 0 var(--primary-active), 0 4px 8px #0000004d;transform:translateY(-4px)}.plinko-page .bet-button:active:not(:disabled){box-shadow:0 2px 0 var(--primary-active), 0 2px 4px #0000004d;transform:translateY(-2px)}.plinko-page .bet-button.stop{background:#eab308;box-shadow:0 6px #966d06,0 6px 10px #0000004d}.plinko-page .bet-button.stop:hover:not(:disabled){background:#ca8a04;box-shadow:0 6px 20px #eab30866}.plinko-page .bet-button:disabled{color:#a3a3a3;cursor:not-allowed;box-shadow:none;opacity:.6;background:#525252;transform:none}.plinko-page .sidebar-card{margin:var(--card-margin);padding:var(--card-padding);background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;transition:all .15s;transform:translateY(-4px);box-shadow:0 4px #0003,0 4px 8px #00000026}.plinko-page .sidebar-card:hover{border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 2px #0003,0 2px 6px #00000026}.plinko-page .ball-selector-card{background:var(--ball-selector-bg);border-color:var(--ball-selector-border);border-width:1px;position:relative}.plinko-page .ball-selector-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:600;display:flex}.plinko-page .ball-selector-header .anticon{color:var(--text-secondary);font-size:14px}.plinko-page .ball-types-grid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:10px;width:100%;display:grid}.plinko-page .ball-type-option{background:var(--surface-2);cursor:pointer;box-sizing:border-box;border:none;border-radius:8px;flex:auto;justify-content:flex-start;align-items:center;gap:10px;min-height:48px;padding:12px;transition:all .15s;display:flex;position:relative;overflow:hidden;transform:translateY(-4px);box-shadow:0 4px #0000004d,0 4px 8px #0003}.plinko-page .ball-type-option:hover:not(.selected){background:var(--surface-hover);transform:translateY(-2px);box-shadow:0 2px #0000004d,0 2px 6px #0003}.plinko-page .ball-type-option:active:not(.selected){transform:translateY(0);box-shadow:0 0 #0000004d}.plinko-page .ball-type-option.selected{background:var(--surface-1);border:2px solid var(--primary);transform:translateY(2px);box-shadow:inset 0 2px 4px #0006}.plinko-page .ball-type-content{flex-direction:column;justify-content:center;display:flex;overflow:hidden}.plinko-page .ball-type-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.plinko-page .ball-type-option.selected .ball-type-name{color:#fff;font-weight:700}.plinko-page .ball-type-cost{color:var(--text-secondary);margin-top:2px;font-size:11px;font-weight:500}.plinko-page .ball-type-option.selected .ball-type-cost{color:#ffffffb3}.plinko-page .ball-color-circle{border:1.5px solid #ffffff26;border-radius:50%;flex-shrink:0;width:24px;height:24px;box-shadow:0 2px 4px #0000004d}.plinko-page .ball-type-option.selected .ball-color-circle{border-color:#ffffff40;box-shadow:0 2px 6px #0006}.plinko-page .ball-color-circle.small{border-width:1px;width:16px;height:16px}.plinko-page .last-win-card{background:var(--card-bg);border-color:var(--card-border)}.plinko-page .last-win-header{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.plinko-page .last-win-multiplier{text-align:center;background:var(--surface-1);border:1px solid #0003;border-radius:8px;justify-content:center;align-items:center;margin-bottom:8px;padding:12px;font-size:18px;font-weight:800;display:flex;box-shadow:inset 0 2px 4px #0006}.plinko-page .last-win-profit{text-align:center;font-size:16px;font-weight:700}.plinko-page .last-win-profit.positive{color:var(--primary)}.plinko-page .last-win-profit.negative{color:#ff4d4f}.plinko-page .sidebar-footer{border-top:1px solid var(--sidebar-border);margin-top:auto;padding-top:16px}.plinko-page .footer-buttons{align-items:center;gap:12px;display:flex}.plinko-page .footer-btn{background:var(--surface-2);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.plinko-page .footer-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.plinko-page .footer-btn:active,.plinko-page .footer-btn.active{background:var(--surface-1);color:var(--text-primary)}.plinko-page .footer-btn svg{width:18px;height:18px}@media (max-width:768px){.plinko-page .sidebar{border-right:none;border-bottom:1px solid var(--sidebar-border);gap:12px;width:100%;min-width:auto;padding:12px}.plinko-page .sidebar-card{margin:0 0 12px;padding:10px}.plinko-page .bet-amount-row{flex-direction:column;gap:8px}.plinko-page .bet-amount-input input{border-right:1px solid var(--card-border);border-radius:8px;padding-left:32px}.plinko-page .bet-adjust-btn{border-left:none;border-top:1px solid var(--card-border);border-radius:0 0 8px 8px;justify-content:space-between}.plinko-page .bet-adjust-btn.last{border-radius:0}.plinko-page .ball-types-grid{grid-template-columns:1fr;gap:6px}.plinko-page .streak-stats{flex-direction:column;gap:8px}.plinko-page .footer-buttons{justify-content:center}}@media (max-width:480px){.plinko-page .sidebar{gap:8px;padding:8px}.plinko-page .form-group{margin-bottom:12px}.plinko-page .sidebar-card{margin:0 0 8px;padding:8px}.plinko-page .bet-button{padding:12px;font-size:14px}.plinko-page .streak-value{font-size:20px}}@media (max-width:768px),(max-width:932px) and (orientation:landscape) and (hover:none){.plinko-bet-sheet .sidebar{padding:10px 12px 16px;overflow:visible}.plinko-bet-sheet[data-state=collapsed] .sidebar>.bet-button{z-index:1;position:sticky;bottom:0}.plinko-bet-sheet .bet-button{min-height:48px}.plinko-bet-sheet .ball-types-grid{overscroll-behavior-inline:contain;scrollbar-width:none;touch-action:pan-x;display:flex;overflow-x:auto}.plinko-bet-sheet .ball-type-option{flex:0 0 min(210px,72vw)}}