.app{position:fixed;inset:0}.game-canvas{display:block}.topbar{position:fixed;top:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;gap:8px}.pill{padding:6px 12px;border-radius:var(--r-pill);background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--border);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent}.logo{font-size:13px;font-weight:900;letter-spacing:6px}.history{position:fixed;top:52px;left:0;right:0;z-index:2;display:flex;gap:5px;padding:0 12px}.history__cap{width:31px;height:22px;display:grid;place-items:center;border-radius:8px;background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--border)}.betpanel{position:fixed;left:0;right:0;bottom:0;z-index:2;padding:10px 12px 16px;display:flex;flex-direction:column;gap:8px}.progress{height:4px;border-radius:var(--r-pill);background:#ffffff14;overflow:hidden}.progress__fill{height:100%;background:linear-gradient(90deg,#ffd257,#ff9e3d);transition:width .2s linear}.chips{display:flex;gap:6px}.chip{padding:6px 12px;border-radius:12px;color:var(--text);border:1px solid var(--border);background:var(--glass);backdrop-filter:blur(12px);cursor:pointer;-webkit-tap-highlight-color:transparent}.chip--on{border-color:var(--gold);color:var(--gold)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.card{background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:14px;padding:8px;text-align:center;position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .2s var(--ease-back),filter .2s var(--ease-back),border-color .2s var(--ease-back),box-shadow .2s var(--ease-back)}.card--mine{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 18px #ffd25766}.card--dim{opacity:.45;filter:saturate(.6)}.card__bar{position:absolute;top:0;left:0;right:0;height:4px}.card__name{font-size:13px;font-weight:900;margin-top:6px}.card__class{font-size:8.5px;letter-spacing:1.8px;color:var(--text2)}.card__coef{font-size:24px;font-weight:900;margin:2px 0}.card__win{font-size:10px;color:var(--text2)}.strip{position:fixed;left:0;right:0;bottom:0;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 12px 16px}.cell{background:var(--glass);backdrop-filter:blur(12px);display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:12px;border:1px solid var(--border)}.cell--mine{border-color:var(--gold)}.cell--won{box-shadow:0 0 0 1px var(--win);color:var(--win)}.cell--lost{opacity:.4}.dot{width:8px;height:8px;border-radius:50%}.cell__name{font-size:12px;font-weight:700}.cell__coef{margin-left:auto;font-weight:900}.result{position:fixed;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none}.result__name{font-size:34px;font-weight:900}.result__sub{color:var(--gold);font-weight:700}.result__win{font-size:40px;font-weight:900;color:var(--win)}.result__lose{font-size:24px;color:var(--lose)}.feed{position:fixed;left:8px;top:50%;transform:translateY(-50%);z-index:2;font-size:11px;color:var(--text2);padding:6px 12px;border-radius:var(--r-pill);background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--border)}.err{font-size:11px;color:#ff7a59}.profile-overlay{position:fixed;inset:0;z-index:100;color:var(--text);display:flex;flex-direction:column;overflow:hidden;background:var(--glass);backdrop-filter:blur(16px);animation:profile-up .32s var(--ease-back)}@keyframes profile-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.profile-header{display:flex;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top,0px) + 18px) calc(env(safe-area-inset-right,0px) + 20px) 8px calc(env(safe-area-inset-left,0px) + 20px);min-height:56px;border-bottom:1px solid var(--border)}.profile-header__back{appearance:none;background:transparent;border:0;color:var(--text2);padding:8px;margin:-8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .15s}.profile-header__back:hover{color:var(--text)}.profile-header__back:active{transform:scale(.94)}.profile-header__title{flex:1;text-align:center;font-weight:900;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--text)}.profile-header__spacer{width:22px;height:22px}.profile-body{flex:1;overflow-y:auto;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 40px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);scroll-behavior:smooth}.profile-screen{display:flex;flex-direction:column;min-height:100%;animation:profile-fade .24s var(--ease-back)}@keyframes profile-fade{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}.profile-hub__head{padding:24px 24px 28px;display:flex;align-items:center;gap:16px}.profile-hub__avatar{width:60px;height:60px;border-radius:var(--r-pill);border:1px solid var(--border);background:linear-gradient(150deg,#2a2f4a,#1a1e36);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;color:var(--text2);flex-shrink:0}.profile-hub__name{font-weight:900;font-size:20px;letter-spacing:-.01em;line-height:1.1}.profile-hub__sub{font-size:11px;color:var(--text2);margin-top:6px;letter-spacing:.06em}.profile-hub__balances{margin:0 24px 28px;padding:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.profile-hub__balances>div{padding:0 4px}.profile-hub__balances>div+div{border-left:1px solid var(--border);padding-left:18px}.profile-hub__bal-label{font-size:10px;font-weight:700;color:var(--text2);letter-spacing:.05em;text-transform:uppercase}.profile-hub__bal-value{margin-top:8px;font-weight:900;font-size:22px;letter-spacing:-.01em;color:var(--text)}.profile-hub__bal-main,.profile-hub__bal-ref{color:var(--text)}.profile-list{margin:0 24px;display:flex;flex-direction:column}.profile-list__row{width:100%;appearance:none;background:transparent;border:0;color:var(--text);font:700 15px/1 inherit;padding:18px 0;display:flex;align-items:center;gap:16px;cursor:pointer;text-align:left;border-bottom:1px solid var(--border);transition:color .15s,background-color .15s;-webkit-tap-highlight-color:transparent}.profile-list__row:last-child{border-bottom:0}.profile-list__row:active{background:#ffffff05}.profile-list__row--accent{background:linear-gradient(90deg,#ffd25724,#ffd2570a);border-radius:var(--r-md)}.profile-list__row--accent .profile-list__hint{color:var(--gold);font-size:11px;font-weight:700}.profile-list__row--me{background:linear-gradient(90deg,#ffd2572e,#ffd2570a);border-radius:var(--r-md)}.profile-list__icon{color:var(--text2);display:inline-flex;align-items:center;justify-content:center;width:22px}.profile-list__label{flex:1}.profile-list__hint{color:var(--text2);font-size:12px;font-weight:600;letter-spacing:.04em}.profile-list__chev{color:var(--text2);display:inline-flex}.profile-section{padding:8px 24px 32px;display:flex;flex-direction:column;gap:18px;flex:1;color:var(--text2)}.profile-card{padding:16px 16px 18px;background:#ffffff06;border:1px solid var(--border);border-radius:var(--r-md)}.profile-btn{appearance:none;width:100%;border:1px solid var(--border);background:transparent;color:var(--text);padding:14px 16px;border-radius:var(--r-md);font-weight:700;font-size:14px;cursor:pointer;transition:transform .08s ease-out,background .15s,border-color .15s}.profile-btn:hover{border-color:#fff3}.profile-btn:active{transform:scale(.985)}.profile-btn:disabled{opacity:.4;cursor:not-allowed}.profile-btn--primary{border:0;background:var(--gold);color:#14171c}.profile-btn--primary:hover{filter:brightness(1.05)}.profile-chip{padding:6px 12px;border-radius:var(--r-pill);border:1px solid var(--border);background:transparent;color:var(--text2);font-size:12px;cursor:pointer}.profile-chip--active{background:#ffd25729;color:var(--gold);border-color:var(--gold)}.legal-footer{margin-top:auto;padding:18px 4px calc(env(safe-area-inset-bottom,0px) + 12px);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;font-size:11px;line-height:1.4;color:var(--text2)}.legal-footer a,.legal-footer button{appearance:none;background:transparent;border:0;padding:0;font:inherit;cursor:pointer;color:var(--text2);text-decoration:none;transition:color .15s}.legal-footer a:hover,.legal-footer a:active,.legal-footer button:hover,.legal-footer button:active{color:var(--text)}.legal-footer a+a:before,.legal-footer button+button:before,.legal-footer a+button:before,.legal-footer button+a:before{content:"·";margin-right:10px;color:var(--text2)}.profile-empty{padding:80px 32px;text-align:center;color:var(--text2);font-size:13px;line-height:1.7}.profile-card__label{font-size:12px;font-weight:700;color:var(--text2);letter-spacing:.04em;text-transform:uppercase}.profile-card__value{margin-top:10px;font-size:13px;color:var(--text2);word-break:break-all;line-height:1.55}.profile-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-stat-tile{background:#ffffff08;border:1px solid var(--border);border-radius:var(--r-md);padding:14px;display:flex;flex-direction:column;gap:4px}.profile-stat-tile__label{font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.05em}.profile-stat-tile__value{font-size:20px;font-weight:900;color:var(--text)}.profile-stat-tile__value--pos{color:var(--win)}.profile-stat-tile__value--neg{color:#ff7a59}.profile-list__hint--pos{color:var(--win)}.profile-list__hint--neg{color:#ff7a59}.profile-toggle{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--border);font-weight:700;font-size:15px;cursor:pointer}.profile-toggle:last-child{border-bottom:0}.profile-toggle__switch{width:38px;height:22px;border-radius:var(--r-pill);background:#ffffff1a;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.profile-toggle__switch.on{background:var(--gold)}.profile-toggle__switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .2s cubic-bezier(.4,0,.2,1)}.profile-toggle__switch.on:after{left:18px}.profile-textarea{width:100%;background:#ffffff0a;color:var(--text);border:1px solid var(--border);border-radius:var(--r-sm);padding:10px;font-size:14px;font-family:inherit;resize:vertical;outline:none}.profile-textarea:focus{border-color:var(--gold)}.profile-textarea-count{font-size:11px;color:var(--text2);margin-top:4px;text-align:right}.profile-files{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:6px}.profile-file{position:relative;aspect-ratio:1 / 1;border-radius:var(--r-sm);background:#ffffff0a;overflow:hidden}.profile-file img,.profile-file video{width:100%;height:100%;object-fit:cover}.profile-file__placeholder{display:grid;place-items:center;width:100%;height:100%;color:var(--text2);font-size:11px;padding:4px;text-align:center}.profile-file__remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;font-size:12px;line-height:1}.profile-file-add{aspect-ratio:1 / 1;border-radius:var(--r-sm);border:2px dashed rgba(255,210,87,.4);background:transparent;color:var(--gold);font-size:24px;cursor:pointer}.profile-msg{margin-top:10px;padding:10px 12px;border-radius:var(--r-sm);font-size:13px}.profile-msg--ok{background:#48e57e1f;color:var(--win)}.profile-msg--err{background:#ff7a591f;color:#ff7a59}.legal-screen__doc{color:var(--text);font-size:14px;line-height:1.6;max-width:100%;overflow-wrap:break-word}.legal-screen__doc h1,.legal-screen__doc h2{font-weight:900;line-height:1.25;color:var(--text)}.legal-screen__doc h1{font-size:20px;margin:4px 0 14px}.legal-screen__doc h2{font-size:16px;margin:22px 0 10px}.legal-screen__doc p{margin:10px 0;white-space:pre-wrap;color:var(--text2)}:root{--bg: #0b0f12;--glass: rgba(11, 15, 20, .58);--border: rgba(255, 255, 255, .09);--text: #edf2f6;--text2: rgba(255, 255, 255, .6);--gold: #ffd257;--win: #48e57e;--lose: #9aa4ad;--r-sm: 10px;--r-md: 16px;--r-pill: 999px;--ease-back: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,system-ui,sans-serif;font-variant-numeric:tabular-nums;overflow:hidden;-webkit-user-select:none;user-select:none}.glass{background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--border)}.num{font-variant-numeric:tabular-nums}