.connection-banner{position:fixed;top:0;left:0;right:0;z-index:900;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;color:#fff;background:var(--cg-warning, #b26a00);box-shadow:0 2px 10px #00000040;pointer-events:none}.connection-banner--reconnecting,.connection-banner--connecting{background:#b26a00}.connection-banner--shutdown{background:#245a8d}.connection-banner--offline{background:#8d2424}.connection-banner__dot{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.9;animation:connection-banner-pulse 1.4s ease-in-out infinite}.connection-banner--offline .connection-banner__dot{animation:none}@keyframes connection-banner-pulse{0%,to{opacity:.25}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.connection-banner__dot{animation:none}}.game-grid-wrapper{position:relative;width:100%;aspect-ratio:4 / 3}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:2px;width:100%;height:100%}.grid-cell{background:var(--cg-surface-2);border:1.5px solid rgba(255,255,255,.35);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:default;transition:border-color .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.grid-cell--selected{border-color:var(--cg-primary);box-shadow:0 0 8px var(--cg-primary-alpha);cursor:pointer}.grid-cell--question{border-color:var(--cg-accent);animation:questionPulse .6s ease-in-out infinite}@keyframes questionPulse{0%,to{box-shadow:0 0 4px var(--cg-accent)}50%{box-shadow:0 0 16px var(--cg-accent)}}.cell-nominal{font-size:1.4rem;font-weight:700;color:var(--cg-text);font-variant-numeric:tabular-nums}.grid-cell--normal{cursor:pointer}.grid-cell--exhausted{cursor:not-allowed;opacity:.4;background:var(--cg-surface-1, var(--cg-surface-2));border-color:#ffffff26}.grid-cell--exhausted .cell-nominal{text-decoration:line-through;color:var(--cg-text-dim, var(--cg-text))}.grid-cell--below-promo-min{cursor:not-allowed}.grid-cell--below-promo-min .cell-nominal{opacity:.4}.cell-question{font-size:1.8rem;font-weight:700;color:var(--cg-accent)}.game-grid-canvas{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;pointer-events:none}.promo-invest-panel{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;width:100%;height:100%;background:#1f293799;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid #FFD700;box-shadow:0 0 15px #ffd70040;border-radius:12px;padding:16px;box-sizing:border-box;font-family:inherit;color:var(--cg-text)}.promo-invest-title{font-size:1.3rem;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:.05em;color:gold;text-shadow:0 0 8px rgba(255,215,0,.4)}.promo-invest-tariff{font-size:.9rem;text-align:center;color:var(--cg-text-muted);margin-bottom:8px}.gold-text{color:gold;font-weight:800}.gold-text.bold{font-size:1.4rem;text-shadow:0 0 10px rgba(255,215,0,.5)}.promo-invest-input-wrapper{display:flex;flex-direction:column;gap:6px}.promo-input-label{font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--cg-text-muted);letter-spacing:.02em}.promo-amount-input{background:#111827cc;border:1.5px solid rgba(255,215,0,.4);border-radius:8px;color:#fff;font-size:1.3rem;font-weight:800;padding:10px 12px;width:100%;box-sizing:border-box;text-align:center;outline:none;transition:border-color .2s,box-shadow .2s}.promo-amount-input:focus:not(:disabled){border-color:gold;box-shadow:0 0 10px #ffd7004d}.promo-amount-input:disabled{color:#fff9;background:#1f2937cc;border-color:#ffffff26;cursor:not-allowed}.promo-input-help{font-size:.75rem;color:var(--cg-text-muted);text-align:center}.trial-help{color:#34d399;font-weight:700}.promo-invest-summary{background:#11182780;border-radius:8px;padding:10px;border:1px solid rgba(255,255,255,.1)}.promo-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;font-weight:700}.game-grid--promo .grid-cell{border-color:#ffd70066}.game-grid--promo .grid-cell--selected{border-color:#fff;box-shadow:0 0 10px #ffffffa6;cursor:pointer}.game-grid--promo .grid-cell--question{border-color:gold;animation:promoQuestionPulse .6s ease-in-out infinite}@keyframes promoQuestionPulse{0%,to{box-shadow:0 0 4px gold}50%{box-shadow:0 0 16px gold}}.color-palette{display:flex;flex-direction:column;gap:var(--cg-circle-gap, 4px);padding:10px 10px 8px;background:var(--cg-surface);border:1px solid var(--cg-border);border-radius:14px}.palette-header{text-align:center;font-size:.95rem;letter-spacing:.04em;color:var(--cg-text);font-weight:900;text-transform:uppercase;white-space:nowrap;line-height:1;margin-bottom:8px}.palette-row{display:grid;grid-template-columns:repeat(8,1fr);align-items:center;column-gap:0}.palette-row--top>.color-circle:nth-child(1){grid-column:1 / span 2}.palette-row--top>.color-circle:nth-child(2){grid-column:3 / span 2}.palette-row--top>.color-circle:nth-child(3){grid-column:5 / span 2}.palette-row--top>.color-circle:nth-child(4){grid-column:7 / span 2}.palette-row--bottom>.color-circle:nth-child(1){grid-column:2 / span 2}.palette-row--bottom>.color-circle:nth-child(2){grid-column:4 / span 2}.palette-row--bottom>.color-circle:nth-child(3){grid-column:6 / span 2}.color-circle{width:calc(100% - var(--cg-circle-gap, 4px));max-width:96px;aspect-ratio:1;margin:0 auto;border-radius:50%;border:4px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease,background .2s ease,border-color .2s ease;padding:0;font-weight:800;font-size:1.1rem;min-width:0;min-height:0}.color-circle:disabled{cursor:not-allowed}.color-circle--filled{box-shadow:0 2px 6px #00000040}.color-circle--passive{opacity:.85}.color-circle--locked{opacity:.35}.color-circle--active{border-color:#fff!important;box-shadow:0 0 0 3px var(--cg-primary),0 0 14px var(--cg-primary-alpha)}.color-circle--chosen{transform:scale(1.18);box-shadow:0 0 0 3px #fff,0 0 18px currentColor;opacity:1}.color-circle-label{pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.4);color:#fff;font-weight:900;font-size:1.4rem}.palette-session{display:flex;align-items:center;justify-content:stretch;width:100%}.tariff-circle{font-family:inherit;box-shadow:0 4px 10px #0000004d;border:2px solid transparent!important}.tariff-circle:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 14px #0006}.tariff-circle:disabled{opacity:.6}.tariff-days{text-shadow:0 1px 2px rgba(0,0,0,.3);font-size:.85rem}.tariff-pct{text-shadow:0 1px 2px rgba(0,0,0,.3);font-size:.95rem;font-weight:700}.palette-row--center{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:10px 0}.promo-side-block{display:flex;flex-direction:column;justify-content:center;font-size:clamp(.82rem,3.6vw,1.12rem);font-weight:800;color:var(--cg-text);line-height:1.15;overflow-wrap:anywhere}.promo-side-block--left{text-align:right;align-items:flex-end}.promo-side-block--right{text-align:left;align-items:flex-start;color:var(--promo-gold, #FFD700)}.color-circle--promo-answer{width:80px;height:80px;max-width:80px;border-radius:50%;aspect-ratio:1;background:gold;border-color:transparent!important;box-shadow:0 0 15px #ffd70080;opacity:.5;cursor:default;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.color-circle--promo-answer:not(:disabled){opacity:1;cursor:pointer}.color-circle--promo-answer.color-circle--chosen{box-shadow:0 0 15px #ffd700e6;cursor:default}@media(max-width:340px){.color-circle--promo-answer{width:70px;height:70px}}.color-circle--complexity{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:4px 0}.color-circle--complexity .color-circle-label{line-height:1;font-size:1.4rem;margin:0}.color-circle-sublabel{font-size:.6rem;font-weight:900;text-transform:uppercase;color:#ffffffd9;line-height:1;text-align:center;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.4)}.promo-min-stake{margin-top:2px;font-size:.9em;opacity:.95}.timer-bar{position:relative;display:flex;align-items:stretch;width:100%;height:100%}.timer-segments{display:flex;gap:3px;width:100%;height:100%;min-height:36px}.timer-segment{flex:1;height:100%;border-radius:3px;background:var(--cg-surface-2);opacity:.25;transition:background .15s ease,opacity .15s ease,box-shadow .15s ease}.timer-segment--lit{opacity:1}.timer-segment--demo.timer-segment--lit{background:var(--cg-primary);box-shadow:0 0 6px var(--cg-primary-alpha)}.timer-segment--answer.timer-segment--lit{background:var(--cg-accent);box-shadow:0 0 8px #8b5cf673}.mode-panel{display:flex;flex-direction:column;gap:6px;width:100%;height:100%}.mode-button{background:var(--cg-primary);border:none;border-radius:18px;padding:10px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;animation:modePulse 2s ease-in-out infinite;flex:1 1 0;min-height:0;width:100%;position:relative}.mode-button--active{animation:modePulse 1s ease-in-out infinite}.mode-button:disabled{opacity:.5;cursor:not-allowed;animation:none}@keyframes modePulse{0%,to{box-shadow:0 0 4px var(--cg-primary)}50%{box-shadow:0 0 14px var(--cg-primary),0 0 28px var(--cg-primary-alpha)}}.mode-button-text{font-size:.78rem;font-weight:900;color:var(--cg-bg-dark);text-align:center;line-height:1.1;text-transform:uppercase;letter-spacing:0}.diamond{display:block;width:15px;height:15px;transform:rotate(45deg);background:#fff;border:1px solid rgba(0,0,0,.15)}.diamond--active{background:var(--cg-danger);border-color:var(--cg-danger);box-shadow:0 0 6px var(--cg-danger)}.mode-button-mint-marker{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:#0fc;box-shadow:0 0 8px #0fc,0 0 16px #0fc6}.info-panel-game{display:grid;grid-template-columns:minmax(max-content,40%) minmax(0,1fr);grid-auto-rows:1fr;gap:1px;background:#ffffff2e;border:1px solid rgba(255,255,255,.18);border-radius:14px;overflow:hidden;width:100%;height:100%;min-width:0}.info-row{display:contents}.info-label,.info-value{background:var(--cg-surface);padding:6px 8px;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;text-align:center}.info-label{color:var(--cg-text-muted);text-transform:uppercase;white-space:normal;letter-spacing:.02em;font-size:clamp(.55rem,1.5vw,.72rem);font-weight:800;text-overflow:ellipsis}.info-value{color:var(--cg-text);white-space:nowrap;font-weight:800;font-size:.85rem;font-variant-numeric:tabular-nums;text-overflow:ellipsis;gap:4px}.info-value--prize{color:var(--cg-success)}.info-row--link{cursor:pointer;text-decoration:none;color:inherit}.info-row--link:hover>.info-label,.info-row--link:hover>.info-value{background:var(--cg-surface-2)}.info-row__chevron{display:inline-block;color:var(--cg-text-muted);font-weight:400}.info-prize-breakdown{display:flex;align-items:center;justify-content:center;white-space:nowrap}.info-value__body{color:#fff}.info-value__profit,.info-value__hold-bonus{color:#0f0}.info-value__separator{color:var(--cg-text-muted);margin:0 3px}.info-label--stacked{display:flex;align-items:center;justify-content:center;gap:2px;line-height:1.05}.info-label__stack{display:flex;flex-direction:column;align-items:center}.info-label__stack span{font-size:clamp(.48rem,1.2vw,.62rem);line-height:1.05}.info-label__sep{opacity:1;color:var(--cg-text);font-weight:900;font-size:clamp(1rem,3.2vw,1.35rem);line-height:1;margin:0 3px}.info-label__icon{font-size:1.15em;line-height:1}.info-value--gift-quota{font-size:clamp(.6rem,2.6vw,.85rem);letter-spacing:-.01em}.info-value__unit-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}.start-button-wrapper{position:relative;display:flex;flex-direction:column;align-items:stretch;width:100%}.start-button{background:var(--cg-danger);border:none;border-radius:14px;color:#fff;font-weight:900;font-size:1.25rem;letter-spacing:.04em;text-transform:uppercase;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:10px 22px;width:100%;height:100%;min-height:48px;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.4);transition:transform .1s ease,box-shadow .15s ease,opacity .15s ease}.start-button--ready{box-shadow:0 0 12px #ef444466;animation:startPulse 1.4s ease-in-out infinite}.start-button--disabled{opacity:.4;cursor:not-allowed;animation:none}.start-button:active:not(:disabled){transform:scale(.97)}@keyframes startPulse{0%,to{box-shadow:0 0 8px #ef444466}50%{box-shadow:0 0 18px #ef4444cc}}.start-tooltip{position:absolute;top:-24px;background:#ef444426;color:var(--cg-danger);font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px;white-space:nowrap}.start-button--gift{background:var(--cg-success);box-shadow:0 0 12px #10b98166}.start-button--gift.start-button--ready{animation:giftPulse 1.4s ease-in-out infinite}@keyframes giftPulse{0%,to{box-shadow:0 0 8px #10b98166}50%{box-shadow:0 0 18px #10b981cc}}.gift-toggle-container{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px;font-size:.75rem;font-weight:700;color:var(--cg-success);cursor:pointer}.gift-toggle-container input{cursor:pointer;accent-color:var(--cg-success);width:14px;height:14px}.topup-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#10b981,#059669);color:#fff;border:none;border-radius:14px;min-height:38px;padding:6px 18px;font-size:.95rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:transform .1s ease,box-shadow .15s ease,filter .15s ease;white-space:nowrap;width:100%;box-shadow:0 2px 8px #05966973,inset 0 1px #ffffff59;text-shadow:0 1px 2px rgba(6,78,59,.45)}.topup-button:hover{filter:brightness(1.05);box-shadow:0 3px 12px #0596698c,inset 0 1px #ffffff59}.topup-button:active{transform:scale(.98);box-shadow:0 1px 4px #0596694d,inset 0 1px #ffffff59}.topup-button__icon{font-size:1.25rem;line-height:1;color:#fff;text-shadow:0 1px 2px rgba(6,78,59,.55),0 0 6px rgba(255,255,255,.45)}.topup-button__label{line-height:1}.rounds-toggle{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:var(--cg-surface-2);border:1px solid var(--cg-border);border-radius:16px;padding:3px;height:48px;width:auto;-webkit-user-select:none;user-select:none}.rounds-toggle__option{position:relative;z-index:2;background:transparent;border:none;color:var(--cg-text-muted);cursor:pointer;font-weight:900;letter-spacing:.02em;border-radius:13px;padding:4px 14px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.95rem;line-height:1;text-transform:uppercase;transition:color .2s ease;min-width:0}.rounds-toggle__num{font-size:1.1rem;font-weight:900}.rounds-toggle__suffix{font-size:.85rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.rounds-toggle__option--active{color:var(--cg-bg-dark)}.rounds-toggle__thumb{position:absolute;z-index:1;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:13px;background:var(--cg-primary);box-shadow:0 2px 6px #f59e0b66;transition:left .22s cubic-bezier(.4,.2,.2,1),background .2s ease,box-shadow .2s ease}.rounds-toggle--right .rounds-toggle__thumb{left:50%;background:#fbbf24;box-shadow:0 0 8px #fbbf248c}.rounds-toggle--promo .rounds-toggle__thumb{background:gold;box-shadow:0 0 12px #ffd700b3}.rounds-toggle--right .rounds-toggle__option:last-of-type,.rounds-toggle--right .rounds-toggle__option--active{color:var(--cg-bg-dark)}.rounds-toggle__option:disabled{cursor:not-allowed}.rounds-toggle--disabled{opacity:.55}.rounds-toggle__option--locked{opacity:.4;cursor:not-allowed}.rounds-toggle__label-2lines{display:block;white-space:pre-line;line-height:1.1;font-size:.7rem;font-weight:900;text-align:center;text-transform:uppercase}.rounds-toggle__label-2lines-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.rounds-toggle__badge{font-size:.55rem;background:#111827;color:gold;padding:1px 4px;border-radius:4px;font-weight:900;margin-top:2px;line-height:1}.rounds-toggle__option--active .rounds-toggle__badge{background:#111827;color:gold}.tma-title-bar{position:fixed;top:var(--tg-safe-area-inset-top, 0px);left:0;right:0;height:var(--tg-content-safe-area-inset-top, 0px);min-height:0;display:flex;align-items:center;justify-content:center;padding-left:96px;padding-right:96px;gap:8px;font-size:.85rem;font-weight:600;letter-spacing:.01em;color:var(--cg-text);pointer-events:none;z-index:100;overflow:hidden}.tma-title-bar__user{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.tma-title-bar__sep{color:var(--cg-text-muted);font-weight:400}.tma-title-bar__pts{white-space:nowrap;color:var(--cg-primary);font-variant-numeric:tabular-nums}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100;display:flex;align-items:flex-end;justify-content:center}.menu-sheet{background:var(--cg-surface);border-radius:20px 20px 0 0;padding:12px 16px 16px;width:100%;max-width:480px;border-top:1px solid var(--cg-border);animation:menu-slide-up .25s ease-out;max-height:85dvh;display:flex;flex-direction:column;padding-bottom:calc(var(--cg-safe-bottom) + 16px)}@keyframes menu-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.menu-handle{width:36px;height:4px;border-radius:2px;background:var(--cg-border);margin:0 auto 12px;flex-shrink:0}.menu-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:2px}.menu-title{margin:0 0 12px;font-size:1.1rem;font-weight:700;text-align:center;color:var(--cg-text)}.menu-title--sub{flex:1 1 auto;margin:0}.menu-subheader{display:flex;align-items:center;gap:8px;margin-bottom:12px}.menu-back-btn{width:32px;height:32px;border-radius:8px;background:var(--cg-surface-2);border:1px solid var(--cg-border);color:var(--cg-text);font-size:1.4rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.menu-back-btn:active{transform:translateY(1px)}.menu-back-spacer{width:32px;flex-shrink:0}.menu-list{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:6px}.menu-section-label{text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;color:var(--cg-text-muted);font-weight:600;padding:6px 4px 2px}.menu-item{width:100%;display:flex;align-items:center;gap:12px;background:var(--cg-surface-2);border:1px solid var(--cg-border);border-radius:12px;padding:12px 14px;font-weight:600;color:var(--cg-text);cursor:pointer;text-align:left;transition:transform .05s,background .15s}.menu-item:hover{background:var(--cg-surface)}.menu-item:active{transform:translateY(1px)}.menu-item__icon{font-size:1.05rem;line-height:1;width:22px;text-align:center;flex-shrink:0}.menu-item__label{flex:1;font-size:.95rem;min-width:0}.menu-item__hint{color:var(--cg-text-muted);font-size:.8rem;font-weight:500;white-space:nowrap;max-width:50%;overflow:hidden;text-overflow:ellipsis}.menu-item__chevron{color:var(--cg-text-muted);font-size:1.1rem;line-height:1;flex-shrink:0}.menu-item--admin{border-color:var(--cg-primary)}.menu-empty{padding:14px;text-align:center;font-size:.85rem;color:var(--cg-text-muted);background:var(--cg-surface-2);border:1px dashed var(--cg-border);border-radius:12px}.menu-section{display:flex;flex-direction:column;gap:10px;background:var(--cg-surface-2);border:1px solid var(--cg-border);border-radius:12px;padding:14px;margin-bottom:12px}.menu-section--rules{font-size:.85rem;line-height:1.5;color:var(--cg-text);max-height:52dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.menu-section--rules ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.menu-section--rules li{list-style:disc}.menu-kv{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.9rem;border-bottom:1px solid var(--cg-border);padding-bottom:8px}.menu-kv:last-child{border-bottom:none;padding-bottom:0}.menu-kv__k{color:var(--cg-text-muted);flex-shrink:0}.menu-kv__v{color:var(--cg-text);font-weight:600;text-align:right;word-break:break-all}.menu-kv__v--mono{font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;font-weight:500}.menu-hint{font-size:.8rem;color:var(--cg-text-muted);line-height:1.45;margin:0}.menu-btn{width:100%;border-radius:10px;padding:10px 14px;font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:transform .05s,background .15s}.menu-btn:active{transform:translateY(1px)}.menu-btn--secondary{background:var(--cg-surface);color:var(--cg-text);border-color:var(--cg-border)}.menu-btn--secondary:hover{background:var(--cg-surface-2)}.menu-close-btn{width:100%;background:transparent;color:var(--cg-text-muted);border:1px solid var(--cg-border);border-radius:12px;padding:10px 0;font-size:.9rem;font-weight:500;cursor:pointer;flex-shrink:0;margin-top:8px}.menu-close-btn:hover{background:var(--cg-surface-2)}.menu-exit-btn{width:100%;background:var(--cg-surface-2);color:var(--cg-danger, #ef4444);border:1px solid var(--cg-border);border-radius:12px;padding:11px 14px;font-size:.95rem;font-weight:700;cursor:pointer;flex-shrink:0;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .05s,background .15s}.menu-exit-btn:hover{background:#ef444414}.menu-exit-btn:active{transform:translateY(1px)}.menu-exit-btn__icon{font-size:1.05rem}.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:50;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlayFadeIn .2s ease}.result-overlay--won{background:#10b98159}.result-overlay--lost,.result-overlay--timeout{background:#ef444466}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.result-card{background:var(--cg-surface);border:1px solid var(--cg-border);border-radius:16px;padding:24px 28px;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:240px;cursor:default;box-shadow:0 12px 32px #0006}.result-status{font-size:1.4rem;font-weight:800}.result-color-reveal{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--cg-text-muted)}.result-color-circle{width:28px;height:28px;border-radius:50%;border:2px solid white;box-shadow:0 0 8px currentColor}.result-prize{font-size:1.6rem;font-weight:800;color:var(--cg-success)}.result-prize-details{display:flex;flex-direction:column;align-items:center;gap:6px;margin:4px 0;text-align:center}.result-body-return{font-size:1.1rem;font-weight:800;color:var(--cg-success)}.result-delta-vault{font-size:.85rem;font-weight:600;color:var(--cg-text-muted)}.result-points{font-size:1.2rem;font-weight:700;color:var(--cg-primary)}.result-round-counter{font-size:.85rem;color:var(--cg-text-muted);font-weight:600}.result-overlay--session{background:#0f0f1ab3}.session-summary-card{min-width:280px}.session-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.session-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:var(--cg-surface-2);border-radius:8px}.session-stat-label{font-size:.65rem;color:var(--cg-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.session-stat-value{font-size:1.3rem;font-weight:800;font-variant-numeric:tabular-nums}.session-stat-value--won{color:var(--cg-success)}.session-stat-value--lost{color:var(--cg-danger)}.session-close-btn{background:var(--cg-primary);color:var(--cg-bg-dark);border:none;border-radius:8px;padding:8px 20px;font-weight:800;cursor:pointer;margin-top:4px}.promo-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:flex-end}.promo-modal-sheet{background:var(--cg-surface-1, #1f2937);border-top:2px solid #FFD700;box-shadow:0 -4px 20px #ffd70033;border-radius:20px 20px 0 0;width:100%;max-width:480px;padding:24px 20px;box-sizing:border-box;animation:slideUp .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;text-align:center}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.promo-modal-handle{width:40px;height:4px;background:#fff3;border-radius:2px;margin-bottom:20px}.promo-modal-title{font-size:1.4rem;font-weight:900;color:gold;margin:0 0 12px;text-shadow:0 0 8px rgba(255,215,0,.3)}.promo-modal-description{font-size:.95rem;color:var(--cg-text-muted, #9ca3af);line-height:1.5;margin:0 0 20px}.promo-modal-stat-box{background:#11182799;border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:16px;width:100%;box-sizing:border-box;margin-bottom:24px}.promo-modal-stat-label{font-size:.85rem;font-weight:700;text-transform:uppercase;color:var(--cg-text-muted, #9ca3af);margin:0 0 4px;letter-spacing:.02em}.promo-modal-stat-value{font-size:1.8rem;font-weight:900;color:gold;margin:0;text-shadow:0 0 10px rgba(255,215,0,.4)}.promo-modal-actions{display:flex;flex-direction:column;gap:10px;width:100%}.promo-modal-btn{border:none;border-radius:12px;font-size:1rem;font-weight:800;padding:14px;cursor:pointer;transition:transform .1s,opacity .2s;width:100%;box-sizing:border-box;outline:none}.promo-modal-btn:active{transform:scale(.98)}.promo-modal-btn--primary{background:gold;color:#111827;box-shadow:0 4px 12px #ffd7004d}.promo-modal-btn--primary:hover{opacity:.9}.promo-modal-btn--secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.1)}.promo-modal-btn--secondary:hover{background:#ffffff26}.live-counter{display:inline-flex;align-items:center;gap:8px;background:var(--cg-surface-2);border:1px solid var(--cg-border);padding:6px 14px;border-radius:999px;font-size:.9rem;font-weight:600;color:var(--cg-text);box-shadow:0 2px 8px #00000026;font-variant-numeric:tabular-nums;margin:4px auto;align-self:center}.live-counter__dot{width:8px;height:8px;background-color:var(--cg-primary);border-radius:50%;animation:live-counter-pulse 2s infinite ease-in-out}@keyframes live-counter-pulse{0%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.15);box-shadow:0 0 6px var(--cg-primary)}to{opacity:.4;transform:scale(.9)}}:root{--cg-mode-col-width: 52px;--cg-timer-h: 36px}.game-screen{display:flex;flex-direction:column;min-height:100dvh;padding:calc(8px + var(--cg-safe-top)) calc(10px + var(--cg-safe-right)) calc(18px + var(--cg-safe-bottom)) calc(10px + var(--cg-safe-left));gap:6px;overflow-y:auto;overflow-x:hidden}.game-screen__live-counter-row{display:flex;justify-content:center;width:100%;margin-bottom:4px}.game-board-top{display:grid;grid-template-columns:var(--cg-mode-col-width) 1fr;gap:6px;align-items:center;flex-shrink:0}.round-duration-pill{display:flex;align-items:center;justify-content:center;background:#ffffffeb;color:var(--cg-bg-dark);border:1px solid rgba(255,255,255,.5);border-radius:999px;font-weight:800;font-size:.95rem;letter-spacing:.02em;padding:0 6px;height:var(--cg-timer-h);min-height:var(--cg-timer-h);width:100%;font-variant-numeric:tabular-nums;box-shadow:0 0 6px #ffffff2e}.game-board-top__timer{display:flex;align-items:center;height:var(--cg-timer-h);min-height:var(--cg-timer-h)}.game-board{display:grid;grid-template-columns:var(--cg-mode-col-width) 1fr;gap:6px;align-items:stretch;flex-shrink:0}.start-row{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;align-items:stretch;flex-shrink:0}.start-row__start{display:flex;align-items:stretch;min-width:0}.start-row__start .start-button-wrapper{flex:1;width:100%}.start-row__rounds{display:flex;align-items:stretch}.action-bar{display:grid;grid-template-columns:minmax(0,1fr) 48px;grid-template-rows:auto auto auto;grid-template-areas:"info    menu" "topup   help" "counter counter";column-gap:8px;row-gap:4px;align-items:stretch;flex-shrink:0}.action-bar .game-screen__live-counter-row{grid-area:counter;margin-top:2px;margin-bottom:0}.action-bar__info{grid-area:info;min-width:0;display:flex}.action-bar__info>.info-panel-game{flex:1;min-width:0}.action-bar__menu{grid-area:menu;display:flex;align-items:stretch;width:48px;min-width:48px}.action-bar__topup{grid-area:topup;display:flex;align-items:stretch}.menu-pill{display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;padding:4px 8px;font-weight:800;letter-spacing:.02em;transition:transform .1s ease,opacity .1s ease,box-shadow .15s ease}.menu-pill:active{transform:scale(.96)}.menu-pill--menu{flex:1;width:100%;background:#60a5fa;color:#fff;border-radius:18px;font-size:.7rem;line-height:1;min-height:0;box-shadow:0 0 8px #60a5fa59}.menu-pill--menu .menu-pill__text{font-weight:900;font-size:1.05rem;letter-spacing:.04em;line-height:1.1;text-align:center;text-transform:uppercase}.action-bar__help{grid-area:help;display:flex;align-items:stretch;width:48px;min-width:48px}.menu-pill--help{flex:1;width:48px;max-width:48px;background:#60a5fa;color:#fff;border-radius:18px;font-size:1.3rem;font-weight:900;line-height:1;min-height:0;box-shadow:0 0 8px #60a5fa59}.color-palette{flex-shrink:0}.error-banner{padding:8px 12px;border-radius:8px;background:#ef444426;color:var(--cg-danger);font-size:13px;flex-shrink:0}.not-found-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:calc(100vh - var(--tg-safe-area-inset-top, 0px) - var(--tg-safe-area-inset-bottom, 0px));padding:32px 24px;text-align:center}.not-found-page h1{font-size:2.5rem;margin:0}.not-found-page p{margin:0;color:var(--cg-text-secondary, #9ca3af)}.not-found-page__actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px;margin-top:16px}.not-found-page__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;font-weight:600;font-size:1rem;text-decoration:none;border:none;cursor:pointer;transition:filter .15s ease,transform .1s ease}.not-found-page__btn:active{transform:scale(.98)}.not-found-page__btn--primary{background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff}.not-found-page__btn--secondary{background:transparent;color:var(--cg-text-primary, #f3f4f6);border:1px solid var(--cg-border, rgba(255, 255, 255, .15))}:root{--cg-primary: #f59e0b;--cg-primary-alpha: rgba(245, 158, 11, .3);--cg-accent: #8b5cf6;--cg-success: #10b981;--cg-danger: #ef4444;--cg-bg-dark: #0f0f1a;--cg-surface: #1a1a2e;--cg-surface-2: #242438;--cg-border: rgba(255, 255, 255, .1);--cg-text: #f8fafc;--cg-text-muted: #94a3b8;--cg-accent-yellow: #facc15;--tg-safe-area-inset-top: 0px;--tg-safe-area-inset-bottom: 0px;--tg-safe-area-inset-left: 0px;--tg-safe-area-inset-right: 0px;--tg-content-safe-area-inset-top: 0px;--tg-content-safe-area-inset-bottom: 0px;--tg-content-safe-area-inset-left: 0px;--tg-content-safe-area-inset-right: 0px;--cg-safe-top: max( env(safe-area-inset-top, 0px), calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top)) );--cg-safe-bottom: max( env(safe-area-inset-bottom, 0px), calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom)) );--cg-safe-left: max( env(safe-area-inset-left, 0px), calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left)) );--cg-safe-right: max( env(safe-area-inset-right, 0px), calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right)) )}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--cg-bg-dark);color:var(--cg-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}#root{min-height:100dvh}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;gap:16px;color:var(--cg-text-muted);padding-top:var(--cg-safe-top);padding-bottom:var(--cg-safe-bottom)}.spinner{width:36px;height:36px;border:3px solid var(--cg-border);border-top-color:var(--cg-primary);border-radius:50%;animation:cg-spin .8s linear infinite}@keyframes cg-spin{to{transform:rotate(360deg)}}.game-grid-placeholder{flex:1;display:flex;align-items:center;justify-content:center;background:var(--cg-surface);border:1px dashed var(--cg-border);border-radius:16px}.info-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px}.balance-item{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:var(--cg-surface-2);border:1px solid var(--cg-border);border-radius:12px}.balance-item .label{font-size:12px;color:var(--cg-text-muted);text-transform:uppercase;letter-spacing:.05em}.balance-item .value{font-size:18px;font-weight:700;color:var(--cg-primary)}.error-banner{padding:8px 12px;border-radius:8px;background:#ef444426;color:var(--cg-danger);font-size:13px}.cg-toast{position:fixed;top:calc(var(--cg-safe-top) + 12px);left:50%;transform:translate(-50%) translateY(-20px);background:var(--cg-success);color:#fff;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;z-index:200;opacity:0;transition:opacity .2s ease,transform .2s ease;white-space:nowrap;box-shadow:0 4px 12px #00000040;pointer-events:none}.cg-toast--error{background:var(--cg-danger)}.cg-toast--info{background:var(--cg-accent)}.cg-toast--visible{opacity:1;transform:translate(-50%) translateY(0)}.page-scroll{height:100dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}