@import "https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap";:root{--sport-accent-rgb:255 92 53;--sport-accent:rgb(var(--sport-accent-rgb));--sport-accent-bg:rgb(var(--sport-accent-rgb) / .14);--sport-accent-bg-strong:rgb(var(--sport-accent-rgb) / .22);--sport-accent-subtle:rgb(var(--sport-accent-rgb) / .06);--sport-accent-border:rgb(var(--sport-accent-rgb) / .32);--sport-accent-border-strong:rgb(var(--sport-accent-rgb) / .55);--sport-accent-glow:0 0 20px rgb(var(--sport-accent-rgb) / .18);--sport-accent-glow-strong:0 0 32px rgb(var(--sport-accent-rgb) / .28);--color-primary:var(--sport-accent);--color-primary-hover:color-mix(in srgb, var(--sport-accent) 88%, #000);--color-primary-light:color-mix(in srgb, var(--sport-accent) 78%, #fff);--color-primary-muted:rgb(var(--sport-accent-rgb) / .12);--color-primary-subtle:rgb(var(--sport-accent-rgb) / .06);--color-bg-primary:#060810;--color-bg-secondary:#0c1019;--color-bg-tertiary:#121826;--color-bg-elevated:#1a2035;--color-text-primary:#eceef2;--color-text-secondary:#8b95ad;--color-text-tertiary:#76819a;--color-text-quaternary:#3d4557;--color-text-inverse:#060810;--color-on-accent:#fff;--color-border-default:#1a2035;--color-border-subtle:#141a2a;--color-border-strong:#2a3452;--color-success:#22c55e;--color-success-muted:#22c55e1f;--color-warning:#eab308;--color-warning-muted:#eab3081f;--color-error:#ef4444;--color-error-muted:#ef44441f;--color-info:#3b82f6;--color-info-muted:#3b82f61f;--color-sport-volleyball:#ff5c35;--color-sport-football:#22c55e;--color-sport-basketball:#eab308;--color-sport-tennis:#3b82f6;--color-sport-running:#a855f7;--font-display:"Geologica", sans-serif;--font-body:"Geologica", sans-serif;--font-mono:"JetBrains Mono", monospace;--text-hero:32px;--text-h1:24px;--text-h2:18px;--text-h3:15px;--text-body:14px;--text-caption:12px;--text-micro:10px;--leading-tight:1.15;--leading-normal:1.5;--leading-relaxed:1.65;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--padding-card:16px;--padding-screen:20px;--padding-section:24px;--gap-list:10px;--gap-cards:12px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 12px 40px #00000080;--shadow-glow:0 0 20px rgb(var(--sport-accent-rgb) / .15)}[data-sport]{--sport-accent:rgb(var(--sport-accent-rgb));--sport-accent-bg:rgb(var(--sport-accent-rgb) / .14);--sport-accent-bg-strong:rgb(var(--sport-accent-rgb) / .22);--sport-accent-subtle:rgb(var(--sport-accent-rgb) / .06);--sport-accent-border:rgb(var(--sport-accent-rgb) / .32);--sport-accent-border-strong:rgb(var(--sport-accent-rgb) / .55);--sport-accent-glow:0 0 20px rgb(var(--sport-accent-rgb) / .18);--sport-accent-glow-strong:0 0 32px rgb(var(--sport-accent-rgb) / .28);--color-primary:var(--sport-accent);--color-primary-hover:color-mix(in srgb, var(--sport-accent) 88%, #000);--color-primary-light:color-mix(in srgb, var(--sport-accent) 78%, #fff);--color-primary-muted:rgb(var(--sport-accent-rgb) / .12);--color-primary-subtle:rgb(var(--sport-accent-rgb) / .06);--shadow-glow:0 0 20px rgb(var(--sport-accent-rgb) / .15)}[data-sport=volleyball]{--sport-accent-rgb:255 92 53}[data-sport=beach_volleyball]{--sport-accent-rgb:251 191 36}[data-sport=football]{--sport-accent-rgb:34 197 94}[data-sport=basketball]{--sport-accent-rgb:234 179 8}[data-sport=hockey]{--sport-accent-rgb:99 102 241}[data-sport=tennis]{--sport-accent-rgb:59 130 246}[data-sport=badminton]{--sport-accent-rgb:6 182 212}[data-sport=table_tennis]{--sport-accent-rgb:236 72 153}[data-theme=dark]{--color-bg-primary:#060810;--color-bg-secondary:#0c1019;--color-bg-tertiary:#121826;--color-bg-elevated:#1a2035;--color-text-primary:#eceef2;--color-text-secondary:#8b95ad;--color-text-tertiary:#76819a;--color-text-quaternary:#3d4557;--color-text-inverse:#060810;--color-border-default:#1a2035;--color-border-subtle:#141a2a;--color-border-strong:#2a3452;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 12px 40px #00000080;--overlay-soft:#ffffff0a;--overlay-medium:#ffffff14;--color-bar-bg:#060810c7;--hero-bg:linear-gradient(135deg, #0f1421 0%, #0a0e18 100%);--hero-glow-opacity:.32;--hero-glow-2:#4cc2ff;--hero-cd-color:var(--color-primary);--glass-bg:#1218267a;--glass-border:#ffffff1a;--pattern-dot:#ffffff0d}[data-theme=light]{--color-bg-primary:#f4f6fa;--color-bg-secondary:#fff;--color-bg-tertiary:#edf1f7;--color-bg-elevated:#fff;--color-text-primary:#0e1320;--color-text-secondary:#586074;--color-text-tertiary:#858ea1;--color-text-quaternary:#aeb6c4;--color-text-inverse:#fff;--color-border-default:#e3e8f0;--color-border-subtle:#edf1f7;--color-border-strong:#d0d7e2;--color-success-muted:#22c55e1f;--color-warning-muted:#eab30829;--color-error-muted:#ef44441a;--color-info-muted:#3b82f61a;--color-primary-muted:rgb(var(--sport-accent-rgb) / .1);--color-primary-subtle:rgb(var(--sport-accent-rgb) / .05);--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 4px 16px #1018281a;--shadow-lg:0 12px 40px #10182824;--shadow-glow:0 0 20px rgb(var(--sport-accent-rgb) / .12);--sport-accent-bg:rgb(var(--sport-accent-rgb) / .12);--sport-accent-bg-strong:rgb(var(--sport-accent-rgb) / .2);--sport-accent-subtle:rgb(var(--sport-accent-rgb) / .07);--overlay-soft:#1018280a;--overlay-medium:#10182812;--color-bar-bg:#fffc;--hero-bg:linear-gradient(100deg, color-mix(in srgb, #5aa5f0 16%, var(--color-bg-secondary)) 0%, var(--color-bg-secondary) 42%, var(--color-bg-secondary) 60%, color-mix(in srgb, rgb(var(--sport-accent-rgb)) 13%, var(--color-bg-secondary)) 100%);--hero-glow-opacity:.22;--hero-glow-2:#7fb6f2;--hero-cd-color:var(--color-text-primary);--glass-bg:#ffffff80;--glass-border:#fffc;--pattern-dot:#10182817}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%}body{font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-medium);line-height:var(--leading-normal);color:var(--color-text-primary);background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-fill-color:currentColor;min-height:100%;overflow-x:hidden}#root{min-height:100vh}.app-shell{max-width:480px;min-height:100vh;margin:0 auto;position:relative}@media (width>=481px){.app-shell{border-left:1px solid var(--color-border-subtle);border-right:1px solid var(--color-border-subtle)}}.screen-content{padding-top:env(safe-area-inset-top);padding-bottom:calc(56px + env(safe-area-inset-bottom));padding-left:var(--padding-screen);padding-right:var(--padding-screen)}h1,h2,h3,h4{font-family:var(--font-display);line-height:var(--leading-tight);-webkit-text-fill-color:currentColor}h1{font-size:var(--text-h1);font-weight:var(--weight-extrabold)}h2{font-size:var(--text-h2);font-weight:var(--weight-bold)}h3{font-size:var(--text-h3);font-weight:var(--weight-bold)}a{color:var(--color-primary);text-decoration:none}ul,ol{list-style:none}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;-webkit-text-fill-color:currentColor;-webkit-tap-highlight-color:transparent;background:0 0;border:none}input,textarea,select{font:inherit;color:inherit;-webkit-text-fill-color:currentColor;-webkit-appearance:none;background:0 0;border:none;outline:none;font-size:16px}[data-bento] [style*="var(--color-bg-secondary)"]{-webkit-backdrop-filter:blur(18px)saturate(1.5);backdrop-filter:blur(18px)saturate(1.5);background:var(--glass-bg)!important;border-color:var(--glass-border)!important}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::-webkit-scrollbar{width:0;height:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.game-tile .game-tile__share{opacity:.65;transition:opacity .15s,background .15s,color .15s}.game-tile:hover .game-tile__share,.game-tile:focus-within .game-tile__share,.game-tile .game-tile__share:hover{opacity:1}.game-tile .game-tile__share:hover{background:var(--overlay-medium);color:var(--color-text-primary)}.create-game-input::placeholder{color:var(--color-text-tertiary);-webkit-text-fill-color:var(--color-text-tertiary);opacity:.55}.onboarding-input::placeholder{color:var(--color-text-tertiary);-webkit-text-fill-color:var(--color-text-tertiary);opacity:.7}.heart-btn{color:#ffffffd9;cursor:pointer;background:#0006;border:none;border-radius:999px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px;transition:transform .15s,color .15s;display:inline-flex}.heart-btn[data-favorite=true]{color:#ff4d6d}.heart-btn:active{transform:scale(.92)}.explore-row__fav.heart-btn{min-width:auto;min-height:auto;color:var(--color-text-tertiary);background:0 0;margin:-2px -2px 0 0;padding:2px}.explore-row__fav.heart-btn[data-favorite=true]{color:#ff4d6d}.venue-card__fav.heart-btn{color:#ff4d6d;background:0 0;flex-shrink:0;min-width:auto;min-height:auto;padding:2px}.map-card__fav{z-index:1;position:absolute;top:8px;right:8px}.venue-hero__fav{background:0 0;flex-shrink:0}.explore-fav-chip{border:1px solid var(--color-border-subtle);height:30px;color:var(--color-text-secondary);-webkit-text-fill-color:var(--color-text-secondary);font-family:var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;transition:color .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex}.explore-fav-chip:hover{color:var(--color-text-primary);-webkit-text-fill-color:currentColor;border-color:var(--color-border-default)}.explore-fav-chip[data-active=true]{color:#ff4d6d;-webkit-text-fill-color:#ff4d6d;background:#ff4d6d1f;border-color:#ff4d6d52;box-shadow:0 8px 24px -10px #ff4d6d80}.venue-pick__fav-mark{color:#ff4d6d;flex-shrink:0;margin-left:6px}.chat-block{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--padding-card);flex-direction:column;gap:12px;display:flex}.chat-block--loading,.chat-block--locked,.chat-block--pending{text-align:center;min-height:160px;color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-body);justify-content:center;align-items:center;gap:8px;padding:32px 16px}.chat-block__hint{color:var(--color-text-tertiary);font-size:var(--text-caption);font-family:var(--font-body)}.chat-block--active{min-height:480px;max-height:70vh}.chat-block__header{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:8px;padding-bottom:4px;display:flex}.chat-block__title{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-bold);color:var(--color-text-primary);-webkit-text-fill-color:var(--color-text-primary);letter-spacing:-.01em;margin:0}.chat-block__count{font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-bold);color:var(--color-primary);-webkit-text-fill-color:var(--color-primary);background:var(--color-primary-muted);border-radius:var(--radius-full);font-variant-numeric:tabular-nums;padding:2px 8px}.chat-list{flex-direction:column-reverse;flex:1;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.chat-list__inner{width:100%;position:relative}.chat-list__loadmore{border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);-webkit-text-fill-color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-caption);font-weight:var(--weight-semibold);cursor:pointer;background:0 0;align-self:center;margin:8px 0;padding:6px 14px;transition:background .15s,border-color .15s,color .15s}.chat-list__loadmore:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-strong);color:var(--color-text-primary);-webkit-text-fill-color:var(--color-text-primary)}.chat-list__loadmore:disabled{opacity:.5;cursor:not-allowed}.chat-list__empty{color:var(--color-text-tertiary);-webkit-text-fill-color:var(--color-text-tertiary);font-family:var(--font-body);font-size:var(--text-body);text-align:center;align-self:center;margin:auto 0;padding:32px 16px}.chat-row{width:100%;margin:6px 0;padding:0 4px;display:flex}.chat-row--grouped{margin-top:2px}.chat-row--mine{justify-content:flex-end}.chat-row--theirs{justify-content:flex-start}.chat-row--system,.chat-row--deleted{justify-content:center;margin:10px 0}.chat-row--system span{font-family:var(--font-body);font-size:var(--text-caption);font-weight:var(--weight-medium);color:var(--color-text-tertiary);-webkit-text-fill-color:var(--color-text-tertiary);background:var(--overlay-soft);border-radius:var(--radius-full);padding:4px 12px}.chat-row--deleted span{font-family:var(--font-body);color:var(--color-text-tertiary);-webkit-text-fill-color:var(--color-text-tertiary);font-size:12px;font-style:italic}.chat-bubble-wrap{flex-direction:column;min-width:0;max-width:min(78%,540px);display:flex}.chat-row--mine .chat-bubble-wrap{align-items:flex-end}.chat-bubble-author{font-family:var(--font-body);font-size:11px;font-weight:var(--weight-bold);color:var(--color-primary-light);-webkit-text-fill-color:var(--color-primary-light);letter-spacing:.01em;padding:0 12px 2px}.chat-bubble{font-family:var(--font-body);line-height:var(--leading-normal);word-break:break-word;border:1px solid #0000;border-radius:18px;padding:8px 12px 6px;transition:border-color .12s;position:relative}.chat-bubble--theirs{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-bottom-left-radius:6px}.chat-bubble--mine{background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary-hover));color:#fff;-webkit-text-fill-color:#fff;border-bottom-right-radius:6px;box-shadow:inset 0 1px #0000002e}.chat-row--grouped .chat-bubble--theirs{border-top-left-radius:6px;border-bottom-left-radius:18px}.chat-row--grouped .chat-bubble--mine{border-top-right-radius:6px;border-bottom-right-radius:18px}.chat-bubble--pending{opacity:.6}.chat-bubble:hover{border-color:var(--overlay-medium)}.chat-bubble-body{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;font-size:var(--text-body);padding-right:44px}.chat-bubble--theirs .chat-bubble-mention{background:var(--color-primary-muted);color:var(--color-primary);-webkit-text-fill-color:var(--color-primary);border-radius:var(--radius-xs);font-weight:var(--weight-semibold);padding:0 4px}.chat-bubble--mine .chat-bubble-mention{color:#fff;-webkit-text-fill-color:#fff;border-radius:var(--radius-xs);font-weight:var(--weight-semibold);background:#ffffff38;padding:0 4px}.chat-bubble-meta{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em;pointer-events:none;align-items:baseline;gap:4px;font-size:10px;display:inline-flex;position:absolute;bottom:4px;right:10px}.chat-bubble--theirs .chat-bubble-meta{color:var(--color-text-tertiary);-webkit-text-fill-color:var(--color-text-tertiary)}.chat-bubble--mine .chat-bubble-meta{color:#ffffffc7;-webkit-text-fill-color:#ffffffc7}.chat-bubble-edited{font-family:var(--font-body);font-style:italic}.chat-bubble-reactions{flex-wrap:wrap;gap:4px;margin-top:4px;padding:0 4px;display:flex}.chat-bubble-reaction{border-radius:var(--radius-full);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);cursor:pointer;height:22px;font-family:var(--font-body);font-size:11px;font-weight:var(--weight-semibold);color:var(--color-text-secondary);-webkit-text-fill-color:var(--color-text-secondary);align-items:center;gap:4px;padding:2px 8px;transition:background .12s,border-color .12s;display:inline-flex}.chat-bubble-reaction:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.chat-bubble-reaction--mine{background:var(--color-primary-muted);border-color:rgb(var(--sport-accent-rgb) / .4);color:var(--color-primary);-webkit-text-fill-color:var(--color-primary)}.chat-bubble-actions{background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:2;opacity:0;pointer-events:none;gap:2px;padding:2px;transition:opacity .12s,transform .12s;display:flex;position:absolute;top:-14px;transform:translateY(2px)}.chat-row--theirs .chat-bubble-actions{left:8px}.chat-row--mine .chat-bubble-actions{right:8px}@media (hover:hover) and (pointer:fine){.chat-bubble:hover .chat-bubble-actions{opacity:1;pointer-events:auto;transform:translateY(0)}}.chat-bubble-actions--open{opacity:1;pointer-events:auto;transform:translateY(0)}.chat-bubble{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.chat-bubble-action{border-radius:var(--radius-xs);width:28px;height:28px;color:var(--color-text-secondary);-webkit-text-fill-color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-family:var(--font-body);background:0 0;border:none;justify-content:center;align-items:center;transition:background .12s;display:inline-flex}.chat-bubble-action:hover{background:var(--color-bg-tertiary)}.chat-bubble-action--danger:hover{color:var(--color-error);-webkit-text-fill-color:var(--color-error)}@media (width<=640px){.chat-row{padding:0 2px}.chat-bubble-wrap{max-width:86%}.chat-bubble{padding:7px 11px 5px}.chat-bubble-body{padding-right:42px}}.chat-compose{flex-shrink:0;align-items:flex-end;gap:8px;display:flex;position:relative}.game-chat-page__body .chat-compose{padding-bottom:max(10px, env(safe-area-inset-bottom))}.chat-compose__textarea{resize:none;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-primary);-webkit-text-fill-color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-normal);outline:none;flex:1;min-height:40px;max-height:140px;padding:10px 12px;font-size:16px;transition:border-color .12s,background .12s;overflow-y:auto}.chat-compose__textarea::placeholder{color:var(--color-text-tertiary);-webkit-text-fill-color:var(--color-text-tertiary)}.chat-compose__textarea:focus{border-color:var(--color-border-strong);background:var(--color-bg-secondary)}.chat-compose__send{border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;-webkit-text-fill-color:#fff;cursor:pointer;min-width:44px;height:40px;font-family:var(--font-display);font-size:13px;font-weight:var(--weight-bold);border:none;justify-content:center;align-items:center;gap:6px;padding:0 14px;transition:background .15s,transform .15s,opacity .15s;display:inline-flex}.chat-compose__send:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.chat-compose__send:disabled{opacity:.4;cursor:not-allowed}.chat-compose__reply{background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);font-family:var(--font-body);color:var(--color-text-secondary);-webkit-text-fill-color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex;position:absolute;bottom:calc(100% + 4px);left:0;right:0}.chat-compose__reply-cancel{cursor:pointer;color:var(--color-text-tertiary);-webkit-text-fill-color:var(--color-text-tertiary);border-radius:var(--radius-xs);background:0 0;border:none;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.chat-compose__reply-cancel:hover{color:var(--color-text-primary);-webkit-text-fill-color:var(--color-text-primary);background:var(--color-bg-elevated)}.mention-picker{background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);max-height:200px;box-shadow:var(--shadow-md);z-index:10;margin:0;padding:4px 0;list-style:none;position:absolute;bottom:calc(100% + 6px);left:0;right:60px;overflow-y:auto}.mention-picker__item{cursor:pointer;font-family:var(--font-body);font-size:var(--text-body);color:var(--color-text-primary);-webkit-text-fill-color:var(--color-text-primary);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 12px;transition:background .12s;display:flex}.mention-picker__item:hover,.mention-picker__item--active{background:var(--color-bg-tertiary)}.mention-picker__avatar{border-radius:var(--radius-full);background:var(--color-primary-muted);width:28px;height:28px;color:var(--color-primary);-webkit-text-fill-color:var(--color-primary);font-family:var(--font-display);font-size:12px;font-weight:var(--weight-bold);background-position:50%;background-size:cover;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mention-picker__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.game-chat-page{height:calc(100dvh - env(keyboard-inset-height,0px));background:var(--color-bg-primary);padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;display:flex;position:fixed;top:0;left:0;right:0}.game-chat-page__bar{border-bottom:1px solid var(--color-border-subtle);background:var(--color-bar-bg);-webkit-backdrop-filter:blur(20px);flex-shrink:0;align-items:center;gap:8px;height:52px;padding:0 8px;display:flex}.game-chat-page__back{border-radius:var(--radius-full);width:44px;height:44px;color:var(--color-text-primary);-webkit-text-fill-color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.game-chat-page__title{font-family:var(--font-display);font-size:15px;font-weight:var(--weight-bold);color:var(--color-text-primary);-webkit-text-fill-color:var(--color-text-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.game-chat-page__body{flex-direction:column;flex:1;min-height:0;display:flex}.game-chat-page__body .chat-block,.game-chat-page__body .chat-block.chat-block--active{background:var(--color-bg-primary);border:none;border-radius:0;flex:auto;height:auto;min-height:0;max-height:none;padding:12px 14px}.game-chat-page__body .chat-block__header{display:none}.game-card__chat-badge{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;-webkit-text-fill-color:#fff;min-width:20px;height:20px;font-family:var(--font-display);font-size:11px;font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--color-bg-secondary);justify-content:center;align-items:center;padding:0 6px;display:inline-flex;position:absolute;top:8px;right:8px}