@import"https://fonts.cdnfonts.com/css/berlin-sans-fb-demi";@import"https://fonts.cdnfonts.com/css/berlin-sans-fb";@font-face{font-family:Filson Soft;font-style:normal;font-weight:400;src:local("Filson Soft"),url(/fonts/Filson_Soft.otf) format("opentype")}@font-face{font-family:Filson Soft Heavy;font-style:normal;font-weight:700;src:local("Filson Soft Heavy"),url(/fonts/Filson_Soft_Heavy.otf) format("opentype")}:root{--bg-image-loading: none;--bg-main: #13202c;--bg-panel: #1d2b36;--bg-input: #5984a6;--border-primary: #354f64;--border-success: lime;--border-dark: black;--border-light: white;--mode-button-border: var(--border-dark);--mode-container-border: var(--border-primary);--toggle-button-border: var(--border-dark);--toggle-container-border: var(--border-primary);--balance-border: var(--border-primary);--border-history: transparent;--border-panel: transparent;--border-leaderboard: var(--border-primary);--text-primary: white;--text-success: lime;--text-case: uppercase;--gradient-primary: linear-gradient(180deg, #5c65ff .346%, #000c8b 93.933%);--gradient-primary-lighter: linear-gradient(0deg, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .2) 100%), linear-gradient(180deg, #5C65FF 0%, #000C8B 100%);--gradient-progress: #414eff;--bg-countdown: #354f64;--input-border-radius: 4px;--input-border-selected: var(--border-light);--font-family: "Berlin Sans FB Demi", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-thin: "Berlin Sans FB", -apple-system, BlinkMacSystemFont, sans-serif;--primary-button-border: var(--border-dark);--input-padding: 9px 10px 4px 10px;--label-padding: 0;--action-button-border-radius: 50%;--action-button-border-color: var(--border-dark);--action-button-bg-color: var(--gradient-primary);--balance-padding: 0 10px;--balance-font-style: normal;--balance-bg: #202020;--mode-toggle-bg: #202020;--history-row-bg: rgba(89, 132, 166, .5);--history-row-border: rgba(89, 132, 166, .5);--toggle-button-radius: var(--input-border-radius);--mode-button-radius: var(--input-border-radius);--button-border-radius: var(--input-border-radius);--balance-border-radius: var(--input-border-radius);--toggle-container-padding: 4px;--toggle-container-bg: transparent;--toggle-button-font-size: 10px;--toggle-button-padding: 8px 15px;--control-panel-padding-horizontal: 10px;--control-panel-padding-vertical: 16px;--control-panel-border-radius: 10px;--history-modal-bg: var(--bg-panel);--history-modal-border: transparent;--history-modal-border-width: 0;--history-modal-border-radius: 10px;--history-modal-width: 30%;--history-modal-title-size: 14px;--history-modal-header-size: 12px;--history-modal-body-size: 12px;--players-info-container-border-radius: 10px;--players-info-container-border-radius-collapsed: 30px}body{margin:0;padding:0;background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-family);overflow-y:auto;overflow-x:hidden}@media(min-width:600px){body{overflow:hidden}}#app{width:100vw;position:relative;display:flex;align-items:flex-start;justify-content:center;min-height:100vh;height:auto}@media(min-width:600px){#app{height:100vh;min-height:auto;overflow:hidden;align-items:center}}.game-container{position:relative;width:100%;padding:10px;display:flex;flex-direction:column;height:auto;min-height:100vh;overflow:visible}@media(min-width:600px){.game-container{max-width:180vh;max-height:55.56vw;height:100%;min-height:auto;flex-direction:row;gap:10px;overflow:hidden}}.middle-area{display:contents}@media(min-width:600px){.middle-area{display:flex;flex-direction:column;flex:1;min-width:0;height:100%;gap:10px;order:1}}.right-sidebar{display:none}@media(min-width:600px){.right-sidebar{display:flex;flex-direction:column;gap:10px;width:42px;flex-shrink:0;order:2}}.mobile-header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;left:0;right:0;z-index:100;padding:10px 0;background-color:var(--bg-main);flex-shrink:0}@media(min-width:600px){.mobile-header{display:none}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-main);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease-out,visibility .5s ease-out;overflow:hidden;background-image:var(--bg-image-loading);background-size:cover;background-position:center}.loading-screen.hide{opacity:0;visibility:hidden;pointer-events:none}.loading-content{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;z-index:1;padding:10px}.loading-logo-container{position:relative;max-width:80%}.loading-crash-logo{width:100%;max-width:400px;height:auto}.loading-crash-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.loading-vector{position:absolute;left:0;top:0;width:100%;height:100%;mix-blend-mode:screen}.loading-vector img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.loading-progress-container{position:relative;width:100%;height:20px;background:#13202c;border:2px solid #ffd945;border-radius:66.667px;overflow:hidden}.loading-progress-bar{position:absolute;left:0;top:50%;transform:translateY(-50%);height:20px;background:linear-gradient(to right,#48c364,#199f38);border-radius:66.667px 2.667px 2.667px 66.667px;width:0%;transition:width .3s ease-out}.loading-footer{position:absolute;bottom:25px;left:50%;transform:translate(-50%);display:flex;align-items:center}.loading-huat-logo{flex-shrink:0;width:100%}.loading-huat-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.loading-huat-text{font-family:Montserrat,sans-serif;font-weight:900;font-style:italic;font-size:24.64px;letter-spacing:1.9664px;text-transform:uppercase;background:linear-gradient(180deg,#ffd945,#ffa800);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:.986px .986px 0px #6d4d0d}@keyframes to-the-moon{0%{left:-56.5px;top:calc(100% - 56.5px)}50%{left:calc(65% - 56.5px);top:calc(65% - 56.5px)}75%{left:calc(85% - 56.5px);top:calc(35% - 56.5px)}to{left:calc(100% - 56.5px);top:calc(0% - 56.5px)}}.results-chips{position:sticky;top:60px;display:flex;gap:5px;align-items:center;z-index:90;flex-direction:row;--chip-animation-distance: clamp(12px, 1vw, 20px);width:100%;order:0;padding:5px 0;background-color:var(--bg-main);flex-shrink:0}@media(min-width:600px){.results-chips{position:relative;top:auto;left:auto;right:auto;flex-direction:row-reverse;width:100%;flex-shrink:0;min-height:30px;order:unset;overflow:hidden;padding:0;background-color:transparent}}.chip:nth-child(n+6){display:none}@media(min-width:600px){.chip:nth-child(n+6){display:flex}}.chip{border:1px solid var(--border-primary);border-radius:999px;padding:4px 12px;font-size:10px;font-weight:700;white-space:nowrap;text-align:center;justify-content:center;flex-grow:1;flex-shrink:1}.chip--success{border-color:var(--border-success);color:var(--text-success)}.chip--high{border-color:#0f0;color:#0f0}.chip-fade-out{animation:chip-fade-out .3s ease-out forwards;pointer-events:none}.chip-transitioning{transition:transform .25s ease-out}.chip-enter-left{animation:chip-enter-left .3s ease-out forwards}@keyframes chip-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes chip-enter-left{0%{opacity:0;transform:translate(30px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}.action-buttons{position:relative;display:flex;flex-direction:row-reverse;gap:10px;z-index:100}@media(min-width:600px){.action-buttons{display:none}}.action-btn{width:32px;aspect-ratio:1;border-radius:var(--action-button-border-radius);border:2px solid var(--action-button-border-color);background:var(--action-button-bg-color);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.action-btn:hover{background:linear-gradient(0deg,#f161224d 0% 100%),#000}.action-btn:active,.action-btn:focus{opacity:.8}.action-btn img,.action-btn svg{width:50%;height:50%}.control-panel{width:100%;background-color:var(--bg-panel);display:flex;flex-direction:column;flex-shrink:0;border-radius:var(--control-panel-border-radius, 10px);order:2;height:auto;overflow:visible;border:1px solid var(--border-panel);z-index:10;position:relative}@media(min-width:600px){.control-panel{position:relative;left:auto;top:auto;transform:none;width:350px;min-width:350px;max-width:400px;height:100%;overflow:auto;order:0}}#visual-keyboard-container{margin-top:-10px;height:0;order:5;width:100%;transition:all .3s ease;flex-shrink:0}@media(max-width:599px){.control-panel{width:100%;position:relative;height:auto;max-height:none}.control-panel.is-expanded-with-keyboard #visual-keyboard-container{margin-top:0;height:126px}}.control-panel-scrollable{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px;overflow:visible}@media(min-width:600px){.control-panel-scrollable{overflow:visible;padding:var(--control-panel-padding-vertical, 16px) var(--control-panel-padding-horizontal, 10px)}}#control-panel-header{margin-top:-5px}@media(min-width:600px){#control-panel-header{margin-top:0}}.panel-header{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.balance-display{display:none;flex-direction:column;min-width:80px;max-width:50%;height:40px;padding:var(--balance-padding);align-items:flex-start;justify-content:center;border-radius:var(--input-border-radius);border:1px solid var(--balance-border);background:var(--balance-bg, #202020);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media(min-width:600px){.balance-display{display:flex;position:relative;top:auto;left:auto}}.balance-display--mobile{display:flex;flex-direction:column;min-width:80px;max-width:calc(100% - 140px);height:40px;padding:var(--balance-padding);align-items:flex-start;justify-content:center;position:relative;z-index:100;border-radius:var(--input-border-radius);border:1px solid var(--balance-border);background:var(--balance-bg, #202020);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media(min-width:600px){.balance-display--mobile{display:none}}.balance-label{color:var(--text-primary);text-align:center;font-size:10px;font-style:var(--balance-font-style, normal);font-weight:400;line-height:120%}.balance-amount{color:#fff;font-size:12px;font-style:var(--balance-font-style, normal);font-weight:700;line-height:120%}.mode-toggle-container{width:100%;display:none;background:var(--mode-toggle-bg, #202020);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:var(--input-border-radius)}@media(min-width:600px){.mode-toggle-container{display:block;width:160px}}.mode-toggle-container--mobile{display:block;padding:10px;flex-shrink:0;background-color:var(--bg-panel);order:-1}@media(min-width:600px){.mode-toggle-container--mobile{display:none}}.mode-toggle{display:flex;padding:4px;align-items:center;border-radius:var(--balance-border-radius, var(--input-border-radius));border:1px solid var(--mode-container-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%}@media(min-width:600px){.mode-toggle{width:160px}}.mode-btn{border-radius:var(--mode-button-radius, var(--input-border-radius));display:flex;padding:8px 15px 5px;justify-content:center;align-items:center;gap:10px;flex:1 0 0;align-self:stretch;transition:all .3s;color:var(--text-primary);text-align:center;font-family:var(--font-family-thin);font-size:12px;font-style:normal;font-weight:700;line-height:120%;border:1px solid transparent;background:transparent}.mode-btn--active{background:var(--gradient-primary);border:1px solid var(--mode-button-border);font-family:var(--font-family)}.form-group{display:flex;width:100%;gap:10px}.form-field{display:flex;flex-direction:column;gap:6px;width:100%}.field-label{font-size:12px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;cursor:pointer}.input-control{padding:var(--input-padding);justify-content:center;align-items:center;width:100%;font-family:var(--font-family);color:var(--text-primary);font-weight:700;font-size:12px;background-color:var(--bg-input);border:1px solid var(--border-dark);border-radius:var(--input-border-radius, 4px);box-sizing:border-box}.input-control:active,.input-control:focus{border:1px solid var(--input-border-selected)}.input-control:-moz-read-only{background-color:transparent;border:1px solid var(--border-primary);cursor:default}.input-control:read-only,.input-control:disabled{background-color:transparent;border:1px solid var(--border-primary);cursor:default}.input-control-symbol--left{pointer-events:none;padding:var(--input-padding);left:0;position:absolute}.input-control-symbol--right{pointer-events:none;padding:var(--input-padding);right:0;position:absolute}.input-control--with-symbol-left{padding-left:calc(var(--input-padding-left, 10px) + 21px)}.input-control--with-symbol-right{padding-right:calc(var(--input-padding-right, 10px) + 21px)}.input-with-button{display:flex;align-items:center;gap:0;background-color:var(--bg-input);border:1px solid var(--border-dark);border-radius:var(--input-border-radius, 4px);overflow:hidden}input{border:none;outline:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus{outline:none;border:none;box-shadow:none}.input-field{flex:1;background:transparent;border:none;outline:none}.input-field::-moz-placeholder{color:#ffffff80}.input-field::placeholder{color:#ffffff80}.input-max-btn{color:var(--text-primary);font-family:var(--font-family);font-size:12px;font-style:normal;font-weight:700;line-height:120%;padding:var(--input-padding)}.input-max-btn:hover{opacity:.8}.players-info{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;flex-shrink:0;cursor:pointer;transition:all .3s ease;padding:var(--input-padding)}.players-info:hover{border-color:var(--border-light)}.players-info[aria-expanded=true] #players-dropdown-icon{transform:rotate(180deg)}#players-info-container{display:flex;align-items:center;flex-direction:column;width:100%;border:1px solid var(--border-leaderboard);border-radius:var(--players-info-container-border-radius-collapsed);flex-shrink:0;margin-bottom:auto;transition:all .3s ease}@media(min-width:600px){#players-info-container{margin-bottom:0;margin-top:auto}}#players-info-container:has(#players-info[aria-expanded=true]){border-radius:var(--players-info-container-border-radius)}.players-count{display:flex;gap:4px;align-items:center}.players-count img{width:clamp(14px,1.6vw,18px);height:clamp(14px,1.6vw,18px)}.players-count span{font-size:clamp(10px,1.1vw,12px);font-weight:700;color:var(--text-primary)}.players-total{display:flex;gap:10px;align-items:center}.players-total span{font-size:clamp(10px,1.1vw,12px);font-weight:700;color:var(--text-primary);text-align:right}.players-total img{width:clamp(12px,1.4vw,16px);height:clamp(12px,1.4vw,16px);transition:transform .3s ease}#leaderboard-content{width:100%;border-radius:var(--input-border-radius);padding:10px;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;gap:10px}.leaderboard-header{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--border-leaderboard)}.leaderboard-col{font-size:10px;font-weight:400;color:var(--text-primary);line-height:120%}.leaderboard-col-center{text-align:center}.leaderboard-col-right{text-align:right}.leaderboard-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto}.leaderboard-item{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;padding:4px 0;font-size:10px;font-weight:400;color:var(--text-primary);line-height:120%}.leaderboard-item-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-item-username.is-you{font-weight:700}.leaderboard-item-separator{text-align:center}.leaderboard-item-amount{text-align:right;font-weight:700}.bet-button{display:flex;padding:9px 0;justify-content:center;align-items:center;flex-shrink:0;align-self:stretch;text-transform:var(--text-case);color:var(--text-primary);text-align:center;font-family:var(--font-family);font-size:12px;font-style:normal;font-weight:700;line-height:120%}.button.primary{background:var(--gradient-primary);border:1px solid var(--primary-button-border);border-radius:var(--button-border-radius, var(--input-border-radius))}.button.primary:hover{background:linear-gradient(0deg,#fff3 0% 100%),#f16122;border:1px solid var(--primary-button-border)}.button.primary:disabled{background:var(--gradient-primary-lighter);border:1px solid var(--primary-button-border);opacity:.8}.button.secondary{background:#000;border:1px solid var(--primary-button-border);border-radius:var(--button-border-radius, var(--input-border-radius))}.button.secondary:hover{border:1px solid var(--Otaku-Orange, #F16122);background:linear-gradient(0deg,#fff3 0% 100%),#000}.button.secondary:disabled{opacity:.8}#advanced-controls{display:flex;flex-direction:column;gap:10px;width:100%}@media(min-width:600px){#advanced-controls{overflow:hidden;max-height:0;opacity:0;margin-top:0;margin-bottom:0;gap:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1) .1s,margin-top .4s cubic-bezier(.4,0,.2,1),margin-bottom .4s cubic-bezier(.4,0,.2,1),gap .4s cubic-bezier(.4,0,.2,1)}}@media(min-width:600px){#advanced-controls.is-visible{max-height:1000px;opacity:1;margin-top:0;margin-bottom:0;gap:10px;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),margin-top .4s cubic-bezier(.4,0,.2,1),margin-bottom .4s cubic-bezier(.4,0,.2,1),gap .4s cubic-bezier(.4,0,.2,1)}}.input-label{padding:var(--label-padding);font-size:12px;font-weight:700;color:var(--text-primary)}.toggle-container{display:flex;align-items:stretch;padding:var(--toggle-container-padding, 4px);flex:1;border-radius:var(--balance-border-radius, var(--input-border-radius));border:1px solid var(--toggle-container-border);background:var(--toggle-container-bg, transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-sizing:border-box;gap:0;width:100%}.toggle-container label{width:50%}.toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;border-radius:var(--toggle-button-radius, var(--input-border-radius));font-family:var(--font-family-thin);font-size:var(--toggle-button-font-size, 10px);font-weight:400;color:var(--text-primary);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .3s;white-space:nowrap;padding:var(--toggle-button-padding, 8px 15px);min-height:24px}.toggle-btn--active{background:var(--gradient-primary);border:1px solid var(--border-dark);font-family:var(--font-family);font-weight:700}.toggle-radio{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0;pointer-events:none}.toggle-container label.toggle-btn{margin:0}.toggle-radio:not(:checked)+.toggle-btn{background:transparent;border:1px solid transparent;font-weight:400}.toggle-radio:checked+.toggle-btn{background:var(--gradient-primary);border:1px solid var(--toggle-button-border);font-weight:700}.input-container{display:flex;gap:6px;width:100%;flex-direction:column}.input-text{font-family:var(--font-family);font-size:12px;font-weight:700;color:var(--text-primary)}.button-container{display:flex;flex-direction:row;gap:8px;width:100%;order:0}@media(min-width:600px){.button-container{order:7}}#bet-button,#cashout-button{width:100%;flex-shrink:1}.toggle-expand-btn{position:relative;width:32px;height:32px;padding:0;background:transparent;border:none;cursor:pointer;flex-shrink:0;display:none}@media(min-width:600px){.toggle-expand-btn{display:none}}.toggle-expand-bg{position:absolute;inset:0;background:var(--toggle-expand-bg-color, #000000);border:1.6px solid var(--toggle-container-border);border-radius:53.623px}.toggle-expand-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;display:block;transition:transform .3s ease;pointer-events:none;color:var(--border-primary)}.control-panel.is-expanded .toggle-expand-icon,.control-panel.is-expanded-with-keyboard .toggle-expand-icon{transform:translate(-50%,-50%) rotate(180deg)}.toggle-expand-btn:hover .toggle-expand-bg{background:#0a0a0a}.toggle-expand-btn:active .toggle-expand-bg{background:#050505}#form-input-group{order:2}#players-info-container{order:8}#advanced-controls{order:5}#advanced-control-switch{order:4}#profit-on-win-group{order:3}#cashout-at-group{order:2}#bet-amount-group{order:1}#control-panel-header{order:7}@media(min-width:600px){#control-panel-header{order:0}}#form-input-group{display:flex;width:100%;flex-direction:column;gap:10px}.chart-container{position:relative;width:100%;aspect-ratio:708 / 580;margin-top:0;margin-bottom:10px;order:1;flex-shrink:0;border-radius:var(--control-panel-border-radius, 10px);border:1px solid var(--button-border, #3D475C);overflow:hidden}@media(min-width:600px){.chart-container{position:relative;flex:1;width:100%;height:0;min-height:0;margin-top:0;margin-bottom:0;aspect-ratio:708 / 580;order:unset}}.chart-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--bg-image-main, none);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.4;z-index:-1;pointer-events:none}#phaser-root{position:absolute;left:0;bottom:0;width:100%;height:100%;aspect-ratio:708 / 580;box-sizing:border-box}@media(min-width:600px){#phaser-root{position:relative;width:100%;height:100%;max-width:100%;max-height:100%}}#phaser-root canvas{width:100%!important;height:100%!important;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:var(--control-panel-border-radius, 10px)}#history-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-bg, rgba(0, 0, 0, .7));z-index:1000;display:flex;align-items:center;justify-content:center}#history-modal-overlay.hidden{display:none}#history-modal{background:var(--Background, #000);border-radius:10px;border:3px solid var(--Otaku-Orange, #F16122);width:var(--history-modal-width, 30%);max-height:80vh;display:flex;flex-direction:column;z-index:1001;box-shadow:var(--modal-shadow, 0 4px 20px rgba(0, 0, 0, .5))}#history-modal.hidden{display:none}.history-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 10px;border-bottom:1px solid var(--border-light-opacity, rgba(255, 255, 255, .1))}.history-modal-title-container{display:flex;align-items:center;gap:12px}.history-modal-title-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.history-modal-title-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.history-modal-title{color:var(--text-primary);font-family:var(--font-family);font-size:var(--history-modal-title-size, 14px);font-weight:700;margin:0}.history-modal-close{background:none;border:none;color:var(--text-primary);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--input-border-radius);transition:background-color .2s}.history-modal-close:hover{background-color:var(--hover-bg, rgba(255, 255, 255, .1))}.history-modal-content{padding:10px;overflow-y:auto;flex:1}.history-modal-table{width:100%;border-collapse:separate;border-spacing:0}.history-modal-thead{border-bottom:1px solid var(--border-light-opacity, rgba(255, 255, 255, .1))}.history-modal-th{color:var(--text-primary);font-family:var(--font-family);font-size:var(--history-modal-header-size, 12px);padding:10px;text-align:left}.history-modal-th.time{text-align:left}.history-modal-th.multiplier{text-align:center}.history-modal-th.details{text-align:right}.history-modal-tbody{color:var(--text-primary);font-family:var(--font-family);min-height:450px;display:table-row-group}.history-loading-row{height:450px;border:none}.history-loading-cell{text-align:center;padding:20px;color:var(--text-primary);font-family:var(--font-family);vertical-align:middle;height:450px}@keyframes fadeInRow{0%{opacity:0}to{opacity:1}}.history-row{border-bottom:1px solid var(--history-row-border)}.history-row:last-child{border-bottom:none}.history-row:nth-child(2n){background:var(--history-row-bg);border-radius:4px}.history-row:nth-child(2n) td:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.history-row:nth-child(2n) td:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.history-time{padding:10px;text-align:left;color:var(--text-primary);font-family:var(--font-family);font-size:var(--history-modal-body-size, 12px)}.history-multiplier{padding:10px;text-align:center;color:var(--text-primary);font-family:var(--font-family);font-size:var(--history-modal-body-size, 12px)}.history-multiplier.multiplier-green{color:var(--text-green, #0F0)}.history-details{padding:10px;text-align:right}.history-view-button{background:none;border:none;color:var(--text-primary);font-family:var(--font-family);font-size:var(--history-modal-body-size, 12px);padding:0;cursor:pointer;text-decoration:underline;transition:opacity .2s}.history-view-button:hover:not(:disabled){opacity:.7}.history-view-button:disabled{opacity:.5;cursor:not-allowed}.history-modal-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px 24px;border-top:1px solid var(--border-light-opacity, rgba(255, 255, 255, .1))}.history-pagination-button{background:none;border:1px solid var(--pagination-border, rgba(255, 255, 255, .3));color:var(--text-primary);font-family:var(--font-family);font-size:14px;padding:8px 20px;border-radius:var(--input-border-radius);cursor:pointer;transition:all .2s}.history-pagination-button:hover:not(:disabled){background:var(--hover-bg, rgba(255, 255, 255, .1));border-color:var(--pagination-border-hover, rgba(255, 255, 255, .5))}.history-pagination-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){#history-modal{width:95%;max-height:90vh}.history-modal-header{padding:16px 20px}.history-modal-content{padding:16px}.history-modal-th,.history-time,.history-multiplier,.history-details{font-size:12px;padding:10px}}#visual-keyboard-container{display:flex;flex-direction:column;gap:8px;width:100%;box-sizing:border-box;overflow:hidden}@media(max-width:600px){.control-panel.is-expanded-with-keyboard #visual-keyboard-container{display:flex}}.keyboard-row{display:flex;gap:8px;justify-content:space-between;width:100%}.keyboard-btn{flex:1;width:50px;height:40px;border-radius:6px;flex-grow:1;flex-shrink:1;background:linear-gradient(180deg,#fff,#898c9a);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#1e1e1e;text-align:center;font-family:Berlin Sans FB Demi,sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:normal;box-shadow:0 2px 4px #0003;transition:transform .05s,box-shadow .05s,opacity .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding:0}.keyboard-btn:active{transform:translateY(1px);box-shadow:0 1px 2px #0003;opacity:.8}.keyboard-btn:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(1)}.keyboard-row:nth-child(3) .keyboard-btn{aspect-ratio:auto;height:30px;border-radius:6px}.keyboard-btn svg{width:20px;height:20px;fill:currentColor}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.panel{border-radius:.75rem;border-width:1px;padding:1rem;background-color:var(--color-panel);border-color:var(--color-border);color:var(--color-text)}.input{width:100%;border-radius:.5rem;border-width:1px;background-color:transparent;padding:.5rem .75rem;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-color:var(--color-border);color:var(--color-text)}.input:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;padding:.5rem 1rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.switch{display:inline-flex;align-items:center;justify-content:space-between;align-self:stretch}.switch .switch-label{justify-content:center}.switch .switch-label{font-size:.75rem;line-height:1rem}.switch .switch-label{font-weight:700}.switch .switch-label{line-height:1rem}.switch .switch-label{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.switch .switch-label{font-family:var(--font-family);padding:var(--label-padding)}.switch .switch-control{display:inline-flex}.switch .switch-control{cursor:pointer}.switch .switch-control{align-items:center}.switch .switch-control{border-radius:9999px}.switch .switch-control{border-width:1px}.switch .switch-indicator{position:relative}.switch .switch-indicator{height:1.25rem}.switch .switch-indicator{width:2.25rem}.switch .switch-indicator{border-radius:9999px}.switch .peer:focus~.switch-indicator{outline:2px solid transparent;outline-offset:2px}.switch .peer:focus~.switch-indicator{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.switch .switch-indicator:after{content:var(--tw-content);position:absolute}.switch .switch-indicator:after{content:var(--tw-content);top:2px}.switch .switch-indicator:after{content:var(--tw-content);inset-inline-start:2px}.switch .switch-indicator:after{content:var(--tw-content);height:1rem}.switch .switch-indicator:after{content:var(--tw-content);width:1rem}.switch .switch-indicator:after{content:var(--tw-content);border-radius:9999px}.switch .switch-indicator:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.switch .switch-indicator:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.switch .switch-indicator:after{--tw-content: "";content:var(--tw-content)}.switch .peer:checked~.switch-indicator{background-color:var(--color-primary)}.switch .peer:checked~.switch-indicator:after{content:var(--tw-content);--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.switch .peer:checked~.switch-indicator:where([dir=rtl],[dir=rtl] *):after{content:var(--tw-content);--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-0{bottom:0}.right-0{right:0}.top-0{top:0}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.w-1\/2{width:50%}.w-\[55\%\]{width:55%}.grow{flex-grow:1}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize{resize:both}.items-center{align-items:center}.rounded{border-radius:.25rem}.border{border-width:1px}.border-none{border-style:none}.pr-5{padding-right:1.25rem}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}:root{color-scheme:dark}.theme-default{--color-bg: #0b1220;--color-surface: #0f172a;--color-panel: #111827;--color-border: #263246;--color-text: #e5e7eb;--color-muted: #9aa7bd;--color-primary: #4f46e5;--color-primary-600: #4338ca;--color-success: #16a34a;--color-danger: #ef4444;--on-primary: #ffffff}.theme-emerald{--color-bg: #081a14;--color-surface: #0b2420;--color-panel: #0f2d27;--color-border: #1f4a41;--color-text: #e5fff5;--color-muted: #9ddbc3;--color-primary: #10b981;--color-primary-600: #059669;--color-success: #22c55e;--color-danger: #ef4444;--on-primary: #00120b}.theme-violet{--color-bg: #0e0c1a;--color-surface: #14112b;--color-panel: #19103a;--color-border: #2e2b55;--color-text: #f2e9ff;--color-muted: #b6a8d6;--color-primary: #8b5cf6;--color-primary-600: #7c3aed;--color-success: #22c55e;--color-danger: #ef4444;--on-primary: #0e031f}.bg-app{background-color:var(--color-bg)}.bg-surface{background-color:var(--color-surface)}.bg-panel{background-color:var(--color-panel)}.text-app{color:var(--color-text)}.text-muted{color:var(--color-muted)}.border-app{border-color:var(--color-border)}.bg-primary{background-color:var(--color-primary)}.bg-primary-600{background-color:var(--color-primary-600)}.text-primary{color:var(--color-primary)}.ring-primary{--tw-ring-color: var(--color-primary)}html,body{height:100%}
