:root{--left-panel-width: clamp(320px, 16.67vw, 480px);--right-panel-width: 0px;--top-panel-height: 48px;--transition-speed: 0.3s}#hacksaw-realtime-wrapper-root{--panel-bg: var(--hg-bg-user-panel, rgba(9, 14, 27, 0.95));--panel-border: var(--hg-border-color, rgba(71, 85, 105, 0.3));--text-primary: var(--hg-text-primary, #f1f5f9);--text-secondary: var(--hg-text-secondary, #94a3b8);--accent-color-rgb: var(--hg-bg-accent-rgb, #47b04b);--btn-box-shadow-color: var(--hg-btn-box-shadow-color, rgba(71, 176, 75, 0.6));--accent-color: var(--hg-bg-accent, #47b04b);--success-color: var(--hg-bg-accent, #47b04b)}@media(max-width: 1024px){:root{--left-panel-width: 0px;--right-panel-width: 0px}}@media(max-width: 768px){:root{--top-panel-height: 38px}}@media(orientation: landscape)and (max-height: 768px){:root{--top-panel-height: 32px}}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes messageEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box}.realtime-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:9000;transition:z-index 0s .3s}.realtime-wrapper.panel-overlay-active{z-index:9020;transition:z-index 0s 0s}.realtime-wrapper__content{position:absolute;transition:all var(--transition-speed) ease;pointer-events:auto}.panel__title{margin:0;color:var(--text-secondary);font-size:1rem;font-weight:600}
:root{--left-panel-width: clamp(320px, 16.67vw, 480px);--right-panel-width: 0px;--top-panel-height: 48px;--transition-speed: 0.3s}#hacksaw-realtime-wrapper-root{--panel-bg: var(--hg-bg-user-panel, rgba(9, 14, 27, 0.95));--panel-border: var(--hg-border-color, rgba(71, 85, 105, 0.3));--text-primary: var(--hg-text-primary, #f1f5f9);--text-secondary: var(--hg-text-secondary, #94a3b8);--accent-color-rgb: var(--hg-bg-accent-rgb, #47b04b);--btn-box-shadow-color: var(--hg-btn-box-shadow-color, rgba(71, 176, 75, 0.6));--accent-color: var(--hg-bg-accent, #47b04b);--success-color: var(--hg-bg-accent, #47b04b)}@media(max-width: 1024px){:root{--left-panel-width: 0px;--right-panel-width: 0px}}@media(max-width: 768px){:root{--top-panel-height: 38px}}@media(orientation: landscape)and (max-height: 768px){:root{--top-panel-height: 32px}}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes messageEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.realtime-wrapper__left-panel{position:fixed;top:0;bottom:0;background:var(--panel-bg);pointer-events:auto;display:flex;flex-direction:column;z-index:9001;transition:transform var(--transition-speed) ease;left:0;width:clamp(320px,16.67vw,480px);border-right:1px solid var(--panel-border);transform:translateX(0)}.realtime-wrapper__left-panel.hidden{transform:translateX(-100%);pointer-events:none}.realtime-wrapper__left-panel.visible{transform:none}.realtime-wrapper__left-panel.no-transition{transition:none !important}@media(max-width: 1024px){.realtime-wrapper__left-panel{width:280px;transform:translateX(-100%)}.realtime-wrapper__left-panel.visible{transform:none}}@media(max-width: 768px){.realtime-wrapper__left-panel{width:100%;top:var(--top-panel-height, 48px);bottom:0}}.left-panel__content{flex:1;overflow:hidden;display:flex;flex-direction:column}.left-panel__tabs{display:flex;gap:0;height:48px;border-bottom:1px solid var(--panel-border);align-items:center}.left-panel__tabs .tab{flex:1;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);padding-inline:.5rem;border:none;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;border-bottom:2px solid rgba(0,0,0,0)}.left-panel__tabs .tab:hover{color:var(--text-primary)}.left-panel__tabs .tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.left-panel__round-info{padding:1rem .5rem;border-bottom:1px solid var(--panel-border);background:rgba(20,30,50,.5)}.left-panel__filters{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;padding:.75rem .5rem;border-bottom:1px solid var(--panel-border);background:rgba(20,30,50,.5)}.left-panel__filters .filter-chip{display:inline-flex;align-items:center;justify-content:center;min-width:60px;padding:.25rem .75rem;border:1px solid var(--panel-border);border-radius:999px;background:rgba(0,0,0,0);color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-weight:600;transition:all .2s}.left-panel__filters .filter-chip:hover{color:var(--text-primary);border-color:var(--accent-color)}.left-panel__filters .filter-chip.active{background:rgba(71,176,75,.14);border-color:var(--accent-color);color:var(--accent-color)}@media(max-width: 768px){.left-panel__filters{padding:.5rem .75rem}}.left-panel__table{flex:1;min-width:0;overflow-y:auto;overflow-x:auto}.left-panel__table::-webkit-scrollbar{width:6px;height:4px}.left-panel__table::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.left-panel__table::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:3px}.left-panel__table{scrollbar-width:thin;scrollbar-color:var(--panel-border) rgba(0,0,0,0)}.left-panel__table table{width:100%;border-collapse:collapse;min-width:100%;width:max-content}.left-panel__table thead{position:sticky;top:0;background:var(--panel-bg);z-index:10}.left-panel__table th{padding:.75rem .5rem;text-align:left;color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase;border-bottom:1px solid var(--panel-border)}.left-panel__table td{padding:.75rem .5rem;color:var(--text-primary);font-size:.875rem;border-bottom:1px solid rgba(71,85,105,.2)}.left-panel__table tbody tr{transition:transform .2s ease-out,background-color .2s ease}.left-panel__table tbody tr:hover{background:rgba(20,30,50,.5)}.left-panel__table tbody tr.own-bet{background:rgba(71,176,75,.08);box-shadow:inset 2px 0 0 var(--accent-color)}.left-panel__table tbody tr.own-bet:hover{background:rgba(71,176,75,.15)}.left-panel__table th.rank-cell,.left-panel__table td.rank-cell{width:40px;min-width:40px;text-align:center}@media(max-width: 768px){.left-panel__table th,.left-panel__table td{padding:.5rem .25rem;font-size:.75rem}}.left-panel__placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.875rem;text-align:center;padding:2rem}.round-info__item{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.round-info__item:last-child{margin-bottom:0}.round-info__item .label{color:var(--text-secondary);font-size:.875rem}.round-info__item .value{color:var(--text-primary);font-weight:600;font-size:.875rem}.round-info__progress{height:4px;background:rgba(71,85,105,.3);border-radius:2px;margin-bottom:.5rem;overflow:hidden}.round-info__progress-bar{height:100%;background:var(--accent-color);border-radius:2px;transition:width .2s ease}.player-cell{display:flex;align-items:center;gap:.5rem}.player-avatar{width:24px;height:24px;border-radius:4px;background:linear-gradient(135deg, var(--accent-color), var(--success-color));flex-shrink:0}.top-wins-table tbody td{font-size:.75rem;white-space:nowrap}.top-wins-table .player-cell{gap:.25rem;min-width:0}.top-wins-table .player-cell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-wins-table .player-avatar{width:20px;height:20px}.multiplier-cell{font-weight:600}.multiplier-cell[data-color-tier="1"]{color:var(--accent-color);color:color-mix(in srgb, var(--accent-color) 55%, black)}.multiplier-cell[data-color-tier="2"]{color:var(--accent-color);color:color-mix(in srgb, var(--accent-color) 75%, black)}.multiplier-cell[data-color-tier="3"]{color:var(--accent-color)}.multiplier-cell[data-color-tier="4"]{color:var(--accent-color);color:color-mix(in srgb, var(--accent-color) 85%, white)}.multiplier-cell[data-color-tier="5"]{color:var(--accent-color);color:color-mix(in srgb, var(--accent-color) 65%, white)}.multiplier-cell[data-color-tier="6"]{color:var(--accent-color);color:color-mix(in srgb, var(--accent-color) 40%, white)}.win-cell{font-weight:600}.no-data{text-align:center;color:var(--text-secondary);padding:2rem !important}
:root{--left-panel-width: clamp(320px, 16.67vw, 480px);--right-panel-width: 0px;--top-panel-height: 48px;--transition-speed: 0.3s}#hacksaw-realtime-wrapper-root{--panel-bg: var(--hg-bg-user-panel, rgba(9, 14, 27, 0.95));--panel-border: var(--hg-border-color, rgba(71, 85, 105, 0.3));--text-primary: var(--hg-text-primary, #f1f5f9);--text-secondary: var(--hg-text-secondary, #94a3b8);--accent-color-rgb: var(--hg-bg-accent-rgb, #47b04b);--btn-box-shadow-color: var(--hg-btn-box-shadow-color, rgba(71, 176, 75, 0.6));--accent-color: var(--hg-bg-accent, #47b04b);--success-color: var(--hg-bg-accent, #47b04b)}@media(max-width: 1024px){:root{--left-panel-width: 0px;--right-panel-width: 0px}}@media(max-width: 768px){:root{--top-panel-height: 38px}}@media(orientation: landscape)and (max-height: 768px){:root{--top-panel-height: 32px}}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes messageEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.realtime-wrapper__right-panel{position:fixed;top:0;bottom:0;background:var(--panel-bg);pointer-events:auto;display:flex;flex-direction:column;z-index:9001;transition:transform var(--transition-speed) ease;right:0;width:clamp(320px,16.67vw,480px);border-left:1px solid var(--panel-border);transform:translateX(100%)}.realtime-wrapper__right-panel.visible{transform:none}.realtime-wrapper__right-panel.hidden{transform:translateX(100%);pointer-events:none}.realtime-wrapper__right-panel.no-transition{transition:none !important}@media(max-width: 1024px){.realtime-wrapper__right-panel{width:280px}}@media(max-width: 768px){.realtime-wrapper__right-panel{width:100%;top:var(--top-panel-height, 48px);bottom:0}}.right-panel__header{display:flex;align-items:center;height:48px;padding:0 1rem;border-bottom:1px solid var(--panel-border);gap:.5rem}.right-panel__content{flex:1;overflow:hidden;display:flex;flex-direction:column}.chat__messages-wrap{position:relative;flex:1;display:flex;min-height:0;overflow:hidden}.chat__messages{flex:1;min-height:0;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.chat__messages::-webkit-scrollbar{width:6px;height:4px}.chat__messages::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.chat__messages::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:3px}.chat__messages{scrollbar-width:thin;scrollbar-color:var(--panel-border) rgba(0,0,0,0);touch-action:pan-y;-webkit-overflow-scrolling:touch}.chat__empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.875rem;text-align:center;padding:2rem}.chat__message{display:flex;gap:.5rem;animation:messageEnter .3s ease-out}.chat__avatar{width:28px;height:28px;min-width:28px;border-radius:50%;flex-shrink:0}.chat__message-body{flex:1;min-width:0}.chat__scroll-to-present{cursor:pointer;border:none;font-size:.875rem;font-weight:600;transition:all .2s}.chat__scroll-to-present:disabled{opacity:.5;cursor:not-allowed}.chat__scroll-to-present{position:absolute;left:50%;bottom:.75rem;z-index:10;transform:translateX(-50%);padding:.5rem .75rem;border:1px solid var(--accent-color);border-radius:6px;background:rgba(15,23,42,.96);box-shadow:0 8px 20px rgba(0,0,0,.28);color:var(--text-primary);white-space:nowrap;pointer-events:auto}.chat__scroll-to-present:hover{background:rgba(30,41,59,.98)}.chat__scroll-to-present:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.chat__notice{display:block;margin:0 1rem .5rem;padding:.5rem .75rem;border:1px solid rgba(248,113,113,.5);border-radius:4px;background:rgba(127,29,29,.38);color:#fecaca;font-size:.875rem;line-height:1.35}.chat__input-form{display:flex;gap:.5rem;padding:1rem;border-top:1px solid var(--panel-border);background:rgba(20,30,50,.5);pointer-events:auto}.chat__input{flex:1;touch-action:auto;pointer-events:auto;padding:.75rem;background:rgba(15,23,42,.8);border:1px solid var(--panel-border);border-radius:6px;color:var(--text-primary);font-size:.875rem;outline:none;transition:border-color .2s}.chat__input:focus{border-color:var(--accent-color)}.chat__input::placeholder{color:var(--text-secondary)}.chat__input{font-size:max(1rem,16px);-webkit-user-select:text;user-select:text}.chat__send-btn{touch-action:manipulation;pointer-events:auto;min-width:72px;cursor:pointer;border:none;font-size:.875rem;font-weight:600;transition:all .2s}.chat__send-btn:disabled{opacity:.5;cursor:not-allowed}.chat__send-btn{padding:.75rem 1.5rem;background:var(--accent-color);border-radius:6px;color:#fff}.chat__send-btn:hover:not(:disabled){background:#3d9640}.message__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.message__username{color:var(--accent-color);font-weight:600;font-size:.875rem}.message__time{color:var(--text-secondary);font-size:.75rem}.message__content{color:var(--text-primary);font-size:.875rem;word-wrap:break-word;line-height:1.5}
:root{--left-panel-width: clamp(320px, 16.67vw, 480px);--right-panel-width: 0px;--top-panel-height: 48px;--transition-speed: 0.3s}#hacksaw-realtime-wrapper-root{--panel-bg: var(--hg-bg-user-panel, rgba(9, 14, 27, 0.95));--panel-border: var(--hg-border-color, rgba(71, 85, 105, 0.3));--text-primary: var(--hg-text-primary, #f1f5f9);--text-secondary: var(--hg-text-secondary, #94a3b8);--accent-color-rgb: var(--hg-bg-accent-rgb, #47b04b);--btn-box-shadow-color: var(--hg-btn-box-shadow-color, rgba(71, 176, 75, 0.6));--accent-color: var(--hg-bg-accent, #47b04b);--success-color: var(--hg-bg-accent, #47b04b)}@media(max-width: 1024px){:root{--left-panel-width: 0px;--right-panel-width: 0px}}@media(max-width: 768px){:root{--top-panel-height: 38px}}@media(orientation: landscape)and (max-height: 768px){:root{--top-panel-height: 32px}}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes messageEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel-trigger{position:fixed;top:50%;transform:translateY(-50%);height:80px;z-index:9002;pointer-events:auto;transition:height var(--transition-speed) ease,top var(--transition-speed) ease,transform var(--transition-speed) ease}.panel-trigger.panel-hidden{top:var(--top-panel-height, 48px);bottom:var(--game-wrapper-bottom-padding, 0px);height:auto;transform:none;pointer-events:none}.panel-trigger:hover .panel__toggle-btn{opacity:1}.panel-trigger--left{left:0;width:50px;transition:left var(--transition-speed) ease,width var(--transition-speed) ease}.panel-trigger--left.panel-visible{left:calc(clamp(320px, 16.67vw, 480px) - 50px)}.panel-trigger--left.panel-hidden{width:80px}@media(max-width: 1024px){.panel-trigger--left.panel-visible{left:calc(280px - 50px)}}@media(max-width: 768px){.panel-trigger--left.panel-visible{left:calc(240px - 50px)}}.panel-trigger--right{right:0;width:50px;transition:right var(--transition-speed) ease,width var(--transition-speed) ease}.panel-trigger--right.panel-visible{right:calc(clamp(320px, 16.67vw, 480px) - 50px)}.panel-trigger--right.panel-hidden{width:80px}@media(max-width: 1024px){.panel-trigger--right.panel-visible{right:calc(280px - 50px)}}@media(max-width: 768px){.panel-trigger--right.panel-visible{right:calc(240px - 50px)}}.realtime-wrapper:has(.realtime-wrapper__left-panel:hover) .panel__toggle-btn--left.panel-visible{opacity:1}.realtime-wrapper:has(.realtime-wrapper__right-panel:hover) .panel__toggle-btn--right.panel-visible{opacity:1}.panel__toggle-btn{padding:.5rem;background:rgba(15,23,42,.8);border:1px solid var(--panel-border);border-radius:6px;color:var(--text-primary);font-size:1rem;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s}.panel__toggle-btn:hover{background:#1e293b;border-color:var(--accent-color)}.panel__toggle-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:9003;pointer-events:auto;cursor:pointer;opacity:0;transition:opacity .2s ease}.panel__toggle-btn.panel-hidden{top:calc(50vh - var(--top-panel-height, 48px));opacity:.4}.panel__toggle-btn.panel-hidden:hover{opacity:1}.panel__toggle-btn--left{right:.5rem}.panel__toggle-btn--left.panel-visible{right:auto;left:100%;margin-left:.5rem}.panel__toggle-btn--left.panel-hidden{right:auto;left:.5rem}.panel__toggle-btn--right{left:.5rem}.panel__toggle-btn--right.panel-visible{left:auto;right:100%;margin-right:.5rem}.panel__toggle-btn--right.panel-hidden{left:auto;right:.5rem}
:root{--left-panel-width: clamp(320px, 16.67vw, 480px);--right-panel-width: 0px;--top-panel-height: 48px;--transition-speed: 0.3s}#hacksaw-realtime-wrapper-root{--panel-bg: var(--hg-bg-user-panel, rgba(9, 14, 27, 0.95));--panel-border: var(--hg-border-color, rgba(71, 85, 105, 0.3));--text-primary: var(--hg-text-primary, #f1f5f9);--text-secondary: var(--hg-text-secondary, #94a3b8);--accent-color-rgb: var(--hg-bg-accent-rgb, #47b04b);--btn-box-shadow-color: var(--hg-btn-box-shadow-color, rgba(71, 176, 75, 0.6));--accent-color: var(--hg-bg-accent, #47b04b);--success-color: var(--hg-bg-accent, #47b04b)}@media(max-width: 1024px){:root{--left-panel-width: 0px;--right-panel-width: 0px}}@media(max-width: 768px){:root{--top-panel-height: 38px}}@media(orientation: landscape)and (max-height: 768px){:root{--top-panel-height: 32px}}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes messageEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.realtime-wrapper__top-panel{position:fixed;top:0;left:var(--left-panel-width);right:var(--right-panel-width);height:48px;background:var(--panel-bg);border-bottom:1px solid var(--panel-border);display:flex;align-items:center;padding:0 1rem;gap:1rem;pointer-events:auto;transition:left var(--transition-speed) ease,right var(--transition-speed) ease;z-index:9012}.top-panel__label{color:var(--text-secondary);font-weight:600;font-size:.875rem;white-space:nowrap}.top-panel__ticker{flex:1;overflow:hidden}.top-panel__toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(0,0,0,0);border:1px solid var(--panel-border);border-radius:6px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:all .2s}.top-panel__toggle:hover,.top-panel__toggle:active{background:rgba(20,30,50,.5);color:var(--text-primary);border-color:var(--accent-color)}.top-panel__toggle.active{background:rgba(71,176,75,.12);box-shadow:inset 0 0 0 1px var(--btn-box-shadow-color);border-color:var(--accent-color);color:var(--text-primary)}.top-panel__toggle svg{width:20px;height:20px;pointer-events:none}.top-panel__toggle--chat{width:auto;gap:.25rem;min-width:fit-content;padding:0 .5rem}.top-panel__toggle-label{font-size:.875rem;margin-right:.5rem;white-space:nowrap}@media(max-width: 768px){.top-panel__toggle-label{display:none}}@media(orientation: landscape)and (max-height: 768px){.top-panel__toggle-label{display:none}}.top-panel__toggle-indicator{width:5px;height:5px;border-radius:50%;flex-shrink:0;background:var(--accent-color);box-shadow:0 0 4px 1px var(--accent-color)}@media(max-width: 768px){.top-panel__toggle-indicator{display:none}}@media(orientation: landscape)and (max-height: 768px){.top-panel__toggle-indicator{display:none}}.top-panel__toggle-count{font-size:.875rem;white-space:nowrap}@media(max-width: 768px){.top-panel__toggle-count{display:none}}@media(orientation: landscape)and (max-height: 768px){.top-panel__toggle-count{display:none}}@media(orientation: portrait){.realtime-wrapper__top-panel{height:40px;padding:0 .75rem;gap:.75rem}.top-panel__toggle{width:32px;height:32px}.top-panel__toggle--chat{gap:0;padding:0;width:32px}}@media(orientation: landscape)and (max-height: 768px){.realtime-wrapper__top-panel{height:32px;padding:0 .5rem;gap:.5rem}.top-panel__toggle{width:28px;height:28px}.top-panel__toggle--chat{width:28px;gap:0;padding:0}}.ticker__container{display:flex;gap:1rem;overflow-x:auto;padding:.5rem 0;align-items:center}.ticker__container::-webkit-scrollbar{width:6px;height:4px}.ticker__container::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.ticker__container::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:3px}.ticker__container{scrollbar-width:thin;scrollbar-color:var(--panel-border) rgba(0,0,0,0)}.ticker__container--shifting .ticker__item:not(.ticker__item--new){animation:shiftRight .3s ease}.ticker__item{font-weight:600;font-size:.875rem;white-space:nowrap}@media(max-width: 768px){.ticker__item{font-size:.75rem}}@media(max-height: 768px)and (orientation: landscape){.ticker__item{font-size:.625rem}}.ticker__item--new{animation:slideIn .3s ease}.ticker__item[data-color-tier="1"]{color:var(--accent-color);color:color-mix(in srgb, var(--accent-color) 55%, black)}.ticker__item[data-color-tier="2"]{color:var(--accent-color);color:color-mix(in srgb, var(--accent-color) 75%, black)}.ticker__item[data-color-tier="3"]{color:var(--accent-color)}.ticker__item[data-color-tier="4"]{color:var(--accent-color);color:color-mix(in srgb, var(--accent-color) 85%, white)}.ticker__item[data-color-tier="5"]{color:var(--accent-color);color:color-mix(in srgb, var(--accent-color) 65%, white)}.ticker__item[data-color-tier="6"]{color:var(--accent-color);color:color-mix(in srgb, var(--accent-color) 40%, white)}.ticker__empty{color:var(--text-secondary);font-size:.875rem}@keyframes shiftRight{from{transform:translateX(-60px);opacity:.7}to{transform:translateX(0);opacity:1}}
:root{--left-panel-width: clamp(320px, 16.67vw, 480px);--right-panel-width: 0px;--top-panel-height: 48px;--transition-speed: 0.3s}#hacksaw-realtime-wrapper-root{--panel-bg: var(--hg-bg-user-panel, rgba(9, 14, 27, 0.95));--panel-border: var(--hg-border-color, rgba(71, 85, 105, 0.3));--text-primary: var(--hg-text-primary, #f1f5f9);--text-secondary: var(--hg-text-secondary, #94a3b8);--accent-color-rgb: var(--hg-bg-accent-rgb, #47b04b);--btn-box-shadow-color: var(--hg-btn-box-shadow-color, rgba(71, 176, 75, 0.6));--accent-color: var(--hg-bg-accent, #47b04b);--success-color: var(--hg-bg-accent, #47b04b)}@media(max-width: 1024px){:root{--left-panel-width: 0px;--right-panel-width: 0px}}@media(max-width: 768px){:root{--top-panel-height: 38px}}@media(orientation: landscape)and (max-height: 768px){:root{--top-panel-height: 32px}}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes messageEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}body.preloader-hiding-game #webgl,body.preloader-hiding-game #hacksaw-casino,body.preloader-hiding-game .realtime-wrapper,body.preloader-hiding-game .realtime-wrapper__content{visibility:hidden !important;opacity:0 !important}body.preloader-show-dialog #webgl,body.preloader-show-dialog #hacksaw-casino,body.preloader-show-dialog .realtime-wrapper,body.preloader-show-dialog .realtime-wrapper__content{visibility:visible !important;opacity:1 !important}body.preloader-show-dialog #CoreOverlay,body.preloader-show-dialog .CoreOverlay{display:none !important;visibility:hidden !important;opacity:0 !important}body.preloader-show-dialog .preloader{z-index:8999 !important;pointer-events:none}.preloader{position:fixed;inset:0;background:#030712;display:flex;align-items:center;justify-content:center;z-index:2147483647;transition:opacity .4s ease,visibility .4s ease;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.preloader--fading{opacity:0;visibility:hidden;pointer-events:none}.preloader__content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.preloader__spinner{position:relative;width:60px;height:60px}.preloader__image-container{position:relative;width:clamp(250px,30vmin,600px);height:clamp(250px,30vmin,600px)}.preloader__image{width:clamp(250px,30vmin,600px);height:clamp(250px,30vmin,600px);background-size:contain;background-position:center;background-repeat:no-repeat}.preloader__image--background{opacity:.2;filter:brightness(0.5)}.preloader__image--fill{position:absolute;top:0;left:0;width:100%;height:100%;transition:clip-path .15s ease-out;will-change:clip-path;transform:translateZ(0)}.spinner__ring{position:absolute;inset:0;border-radius:50%;border:3px solid rgba(0,0,0,0);border-top-color:var(--accent-color, #47b04b)}.spinner__ring:nth-child(1){animation:spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite}.spinner__ring:nth-child(2){inset:6px;border-top-color:rgba(71,176,75,.6);animation:spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;animation-delay:-0.15s}.spinner__ring:nth-child(3){inset:12px;border-top-color:rgba(71,176,75,.3);animation:spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;animation-delay:-0.3s}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}