.cookie-consent{position:fixed;z-index:99998;left:0;right:0;bottom:0;padding:var(--space-4);padding-bottom:max(var(--space-4),env(safe-area-inset-bottom));pointer-events:none;display:flex;justify-content:center}.cookie-consent-inner{pointer-events:auto;max-width:min(42rem,100%);background:var(--ice-panel, #1a1d23);border:1px solid var(--ice-border);border-radius:var(--ice-radius);padding:var(--space-5);box-shadow:0 -8px 32px #00000059,var(--ice-shadow)}.cookie-consent-title{margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:700;color:var(--ice-text)}.cookie-consent-text{margin:0 0 var(--space-4);font-size:var(--text-sm);line-height:1.55;color:var(--ice-text-muted)}.cookie-consent-text a{color:var(--ice-cyan);font-weight:600}.cookie-consent-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.cookie-consent-btn{min-height:44px;padding:0 var(--space-5);border-radius:var(--ice-radius-sm);font-size:var(--text-sm);font-weight:600;cursor:pointer;border:none;font-family:inherit}.cookie-consent-btn--primary{background:var(--ice-cyan);color:#fff}.cookie-consent-btn--primary:hover{filter:brightness(1.06)}.cookie-consent-btn--secondary{background:transparent;color:var(--ice-text);border:1px solid var(--ice-border)}.cookie-consent-btn--secondary:hover{background:var(--ice-surface)}[data-theme=light] .cookie-consent-inner{background:#fff;box-shadow:0 -8px 32px #0f172a1f}:root{--color-bg-page: #1a1a1a;--color-bg-surface: #252525;--color-bg-elevated: #2e2e2e;--color-bg-input: #333333;--color-border-subtle: #3a3a3a;--color-border-default: #444444;--color-text-primary: #ffffff;--color-text-secondary: #d8d8d8;--color-text-muted: #9a9a9a;--color-text-disabled: #555555;--shadow-card: 0 1px 2px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .15);--shadow-elevated: 0 2px 8px rgba(0, 0, 0, .22), 0 1px 3px rgba(0, 0, 0, .18);--shadow-modal: 0 4px 20px rgba(0, 0, 0, .3), 0 2px 6px rgba(0, 0, 0, .2);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 18px;--radius-full: 9999px;--border-radius-lg: var(--radius-lg);--color-background-secondary: var(--color-bg-surface);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-xs: var(--space-1);--space-sm: var(--space-2);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.65;--letter-tight: -.02em;--letter-normal: 0;--layout-sidebar-width: 240px;--layout-main-width: 800px;--layout-main-max-width: 1150px;--layout-right-width: 300px;--layout-max-width: 1400px;--layout-desktop: 1280px;--layout-tablet: 901px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .12s;--duration-normal: .2s;--duration-smooth: .35s;--bg-body: var(--color-bg-page);--bg-main: var(--color-bg-page);--bg-primary: var(--color-bg-page);--bg-card: var(--color-bg-surface);--bg-secondary: var(--color-bg-surface);--bg-sidebar: var(--color-bg-surface);--glass-bg: var(--color-bg-surface);--section-panel-bg: var(--color-bg-surface);--bg-elevated: var(--color-bg-elevated);--bg-tertiary: var(--color-bg-elevated);--bg-hover: var(--color-bg-elevated);--card-hover-bg: var(--color-bg-elevated);--bg-input: var(--color-bg-input);--border-subtle: var(--color-border-subtle);--border: var(--color-border-default);--border-hover: var(--color-border-default);--border-column: var(--color-border-default);--glass-border: var(--color-border-subtle);--section-panel-border: var(--color-border-subtle);--card-hover-border: var(--color-border-default);--text: var(--color-text-primary);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--text-inverse: var(--color-bg-page);--shadow-card-hover: var(--shadow-elevated);--shadow-premium: var(--shadow-card);--shadow-premium-hover: var(--shadow-elevated);--shadow-sticky: var(--shadow-card);--accent: #58a6ff;--accent-hover: #79b8ff;--accent-muted: var(--color-bg-elevated);--accent-light: #79b8ff;--accent-subtle: #1e2a38;--border-focus: #58a6ff;--success: #3fb950;--warning: #d29922;--danger: #f85149;--color-icon-accent: #E8233A;--ice-base: var(--color-bg-page);--ice-surface: var(--color-bg-surface);--ice-panel: var(--color-bg-surface);--ice-border: var(--color-border-subtle);--ice-border-hover: var(--color-border-default);--ice-text: var(--color-text-primary);--ice-text-muted: var(--color-text-muted);--ice-text-inverse: var(--color-bg-page);--ice-accent: #E8F4FF;--ice-cyan: #00D4FF;--ice-amber: #FFB340;--ice-live: #FF3B3B;--ice-radius: var(--radius-lg);--ice-radius-sm: var(--radius-sm);--ice-shadow: var(--shadow-card);--ice-shadow-hover: var(--shadow-elevated);--ice-transition: .2s ease;--ice-font-display: "Bebas Neue", sans-serif;--ice-font-body: "DM Sans", system-ui, sans-serif;--focus-ring: 2px solid var(--accent);--focus-offset: 2px;--warning-muted: rgba(210, 153, 34, .15);--danger-muted: rgba(248, 81, 73, .15);--reaction-like-bg: rgba(63, 185, 80, .06);--reaction-dislike-bg: rgba(248, 81, 73, .06);--glow-accent: 0 0 24px rgba(88, 166, 255, .15);--glow-accent-strong: 0 0 32px rgba(88, 166, 255, .2);--border-gradient: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .02) 50%, rgba(255, 255, 255, .05) 100%);--sport-accent: var(--accent);--sport-accent-dim: rgba(88, 166, 255, .25);--hot-glow: 0 0 32px rgba(248, 81, 73, .18);--hot-glow-strong: 0 0 48px rgba(248, 81, 73, .22);--hot-pulse-shadow: 0 0 0 0 rgba(248, 81, 73, .25);--hot-pulse-shadow-mid: 0 0 12px 2px rgba(248, 81, 73, .2);--card-accent-border: linear-gradient(180deg, var(--accent) 0%, transparent 100%);--gradient-accent-08: rgba(88, 166, 255, .08);--gradient-accent-04: rgba(88, 166, 255, .04);--gradient-hot-03: rgba(248, 81, 73, .03);--gradient-overlay-dark: rgba(0, 0, 0, .4);--gradient-white-015: rgba(255, 255, 255, .015);--gradient-accent-02: rgba(88, 166, 255, .02);--scrollbar-thumb: rgba(255, 255, 255, .15);--scrollbar-thumb-hover: rgba(255, 255, 255, .25);--surface-overlay-02: rgba(255, 255, 255, .02);--surface-overlay-04: rgba(255, 255, 255, .04);--surface-overlay-06: rgba(255, 255, 255, .06);--border-overlay-03: rgba(255, 255, 255, .03);--focus-accent-inset: inset 0 0 0 1px rgba(88, 166, 255, .12), 0 0 20px rgba(88, 166, 255, .06);--focus-ring-subtle: 0 0 0 1px rgba(88, 166, 255, .1);--shadow-elevated-strong: 0 2px 10px rgba(0, 0, 0, .22), var(--glow-accent);--shadow-input: 0 0 0 1px rgba(0, 0, 0, .2);--shadow-input-focus: 0 0 0 1px rgba(88, 166, 255, .1);--shadow-pill: 0 0 0 1px rgba(0, 0, 0, .15);--border-overlay-08: rgba(255, 255, 255, .08);--surface-accent-08: rgba(88, 166, 255, .08);--ice-cyan-dim: rgba(0, 212, 255, .35);--ice-amber-dim: rgba(255, 179, 64, .2);--ice-amber-border: rgba(255, 179, 64, .25);--ice-live-glow: rgba(255, 59, 59, .4);--ice-error-bg: rgba(255, 59, 59, .1);--ice-stagger: 60ms;--ice-tag-0: #00D4FF;--ice-tag-1: #6C9EFF;--ice-tag-2: #00E5A0;--ice-tag-3: #B388FF;--ice-tag-4: #7DD3FC;--ice-tag-5: #A78BFA;--ice-green: #22c55e;--ice-green-0: var(--ice-text-muted);--ice-green-1: rgba(34, 197, 94, .35);--ice-green-2: rgba(34, 197, 94, .55);--ice-green-3: rgba(34, 197, 94, .75);--ice-green-4: rgba(34, 197, 94, .9);--ice-green-5: #22c55e;--ice-red: #ef4444;--ice-red-0: var(--ice-text-muted);--ice-red-1: rgba(239, 68, 68, .35);--ice-red-2: rgba(239, 68, 68, .55);--ice-red-3: rgba(239, 68, 68, .75);--ice-red-4: rgba(239, 68, 68, .9);--ice-red-5: #ef4444}[data-theme=light]{--border-radius-lg: var(--radius-lg);--color-background-secondary: var(--color-bg-surface);--color-bg-page: #f6f8fa;--color-bg-surface: #ffffff;--color-bg-elevated: #ffffff;--color-bg-input: #eef1f4;--color-border-subtle: #dce0e4;--color-border-default: #cfd5db;--color-text-primary: #1f2328;--color-text-secondary: #656d76;--color-text-muted: #8c959f;--color-text-disabled: #8c959f;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-elevated: 0 4px 12px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-modal: 0 8px 32px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .08);--bg-body: var(--color-bg-page);--bg-main: var(--color-bg-page);--bg-primary: var(--color-bg-page);--bg-card: var(--color-bg-surface);--bg-secondary: var(--color-bg-surface);--bg-sidebar: #f0f2f5;--glass-bg: rgba(255, 255, 255, .9);--section-panel-bg: rgba(255, 255, 255, .85);--bg-elevated: var(--color-bg-elevated);--bg-tertiary: var(--color-bg-elevated);--bg-hover: #e4e8ec;--card-hover-bg: rgba(0, 0, 0, .04);--bg-input: var(--color-bg-input);--border-subtle: var(--color-border-subtle);--border: var(--color-border-default);--border-hover: #c2c8ce;--border-column: #c2c8ce;--glass-border: rgba(0, 0, 0, .08);--section-panel-border: rgba(0, 0, 0, .06);--card-hover-border: rgba(0, 0, 0, .08);--text: var(--color-text-primary);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--text-inverse: #ffffff;--accent-muted: rgba(88, 166, 255, .2);--ice-base: var(--color-bg-page);--ice-surface: var(--color-bg-surface);--ice-panel: var(--color-bg-surface);--ice-border: rgba(15, 23, 42, .1);--ice-border-hover: rgba(15, 23, 42, .2);--ice-text: #0F172A;--ice-text-muted: #475569;--ice-text-inverse: #ffffff;--ice-accent: #0F172A;--ice-cyan: #0E7490;--ice-cyan-dim: rgba(14, 116, 144, .25);--ice-amber: #C2410C;--ice-amber-dim: rgba(194, 65, 12, .12);--ice-amber-border: rgba(194, 65, 12, .2);--ice-live: #DC2626;--ice-live-glow: rgba(220, 38, 38, .35);--ice-error-bg: rgba(220, 38, 38, .08);--ice-shadow: 0 2px 12px rgba(0, 0, 0, .06), 0 0 0 1px rgba(0, 0, 0, .04);--ice-shadow-hover: 0 8px 24px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .06);--ice-tag-0: #0E7490;--ice-tag-1: #1D4ED8;--ice-tag-2: #047857;--ice-tag-3: #6D28D9;--ice-tag-4: #0369A1;--ice-tag-5: #5B21B6;--ice-green: #16a34a;--ice-green-0: var(--ice-text-muted);--ice-green-1: rgba(22, 163, 74, .4);--ice-green-2: rgba(22, 163, 74, .6);--ice-green-3: rgba(22, 163, 74, .8);--ice-green-4: #15803d;--ice-green-5: #16a34a;--ice-red: #dc2626;--ice-red-0: var(--ice-text-muted);--ice-red-1: rgba(220, 38, 38, .4);--ice-red-2: rgba(220, 38, 38, .6);--ice-red-3: rgba(220, 38, 38, .8);--ice-red-4: #b91c1c;--ice-red-5: #dc2626}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:var(--color-bg-input);border:1px solid var(--color-border-default);color:var(--color-text-primary)}@keyframes hot-pulse{0%,to{opacity:1;box-shadow:var(--hot-pulse-shadow)}50%{opacity:.95;box-shadow:var(--hot-pulse-shadow-mid)}}.ds-section{margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--section-panel-bg);border:1px solid var(--section-panel-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ds-section:last-child{margin-bottom:0}.ds-section-title{margin:0 0 var(--space-md);font-size:var(--text-xl);font-weight:700;letter-spacing:var(--letter-tight);color:var(--text)}.ds-section-desc{margin:0 0 var(--space-md);font-size:var(--text-sm);color:var(--text)}.ds-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);transition:border-color var(--duration-normal),box-shadow var(--duration-smooth) var(--ease-out),transform var(--duration-smooth) var(--ease-spring),background var(--duration-normal)}.ds-card:hover{border-color:var(--card-hover-border);background:var(--card-hover-bg);box-shadow:var(--shadow-premium-hover);transform:translateY(-2px)}.ds-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-sm)}.ds-empty{text-align:center;padding:var(--space-xl);background:var(--section-panel-bg);border:1px solid var(--section-panel-border);border-radius:var(--radius-lg);color:var(--text-muted)}.ds-empty a{margin-top:var(--space-sm);display:inline-block}.ds-list{list-style:none;margin:0;padding:0;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-premium)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-height-normal);letter-spacing:var(--letter-normal);background:var(--bg-body);color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;touch-action:none;background:radial-gradient(ellipse 140% 100% at 50% -30%,var(--gradient-accent-08) 0%,transparent 45%),radial-gradient(ellipse 100% 60% at 80% 20%,var(--gradient-hot-03) 0%,transparent 40%),radial-gradient(ellipse 90% 70% at 20% 60%,var(--gradient-accent-04) 0%,transparent 45%),radial-gradient(ellipse 70% 50% at 50% 100%,var(--gradient-overlay-dark) 0%,transparent 50%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;touch-action:none;background:radial-gradient(ellipse 100% 40% at 50% 0%,var(--gradient-white-015) 0%,transparent 60%)}[data-theme=light] body:before{background:radial-gradient(ellipse 120% 80% at 50% -20%,var(--gradient-accent-04) 0%,transparent 50%),radial-gradient(ellipse 80% 50% at 100% 50%,var(--gradient-accent-02) 0%,transparent 45%)}[data-theme=light] body:after{background:none}#root{min-height:100vh}#main-content{min-height:70vh;color:var(--text);position:relative;z-index:1;pointer-events:auto}#main-content a,#main-content button,#main-content [role=button]{touch-action:manipulation}@media (max-width: 768px){#main-content button:not(.comment-reply-submit):not(.comment-reply-cancel),#main-content .thread-single-action,#main-content .category-feed-reply-cancel,#main-content .login-submit,#main-content .profil-edit-icon{min-height:44px;min-width:44px;padding:.5rem .75rem}#main-content a[href].header-login-link,#main-content .bottom-nav-item{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}}.skip-link{position:absolute;top:var(--space-2);left:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--accent);color:var(--text-inverse);font-weight:600;border-radius:var(--radius-md);z-index:100;transform:translateY(-120%);transition:transform var(--duration-fast) var(--ease-out)}.skip-link:focus{transform:translateY(0);outline:var(--focus-ring);outline-offset:var(--focus-offset)}input,button{font:inherit}a{color:var(--accent);text-decoration:none;transition:color var(--duration-normal) var(--ease-out)}a:hover{color:var(--accent-hover);text-decoration:none}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.rich-text-compose:focus-visible,.chat-compose-input:focus-visible,.compose-input-with-send__input:focus-visible,.compact-reply-input:focus-visible,.chat-window-input:focus-visible,.quick-reply-input:focus-visible,.quick-reply-textarea:focus-visible,.category-create-form-input:focus-visible,.category-create-form-textarea:focus-visible,.category-feed-reply-input:focus-visible,.new-thread-input:focus-visible,.new-thread-textarea:focus-visible,[contenteditable=true]:focus-visible{outline:none;box-shadow:none}.prose{max-width:65ch;line-height:var(--line-height-relaxed)}.post-html img{max-width:100%;max-height:min(400px,70vh);width:auto;height:auto;object-fit:contain;border-radius:var(--radius-md);cursor:pointer}.post-html img.inline-gif{display:block;clear:both;margin-top:2px;margin-bottom:4px}.post-html img.inline-gif+br{display:none}.post-html p:has(img.inline-gif:only-child),.post-html p:has(>br:first-child+img.inline-gif:last-child){line-height:0;margin-top:2px;margin-bottom:.25em}.post-html p:has(img.inline-gif:only-child) img,.post-html p:has(>br:first-child+img.inline-gif:last-child) img{margin-top:0;margin-bottom:2px}.post-html blockquote+p{margin-top:0}.post-html blockquote:has(+p img.inline-gif),.post-html blockquote:has(+p:has(img.inline-gif:only-child)){margin-bottom:4px}.post-html p:has(img:nth-of-type(2)){display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2);align-items:start}.post-html p:has(img:nth-of-type(2)) img{width:100%;max-height:min(280px,50vh);object-fit:cover;margin:0}.post-html a{color:var(--accent)}.post-html code{background:var(--bg-elevated);padding:.2em .45em;border-radius:var(--radius-sm);font-size:.9em}.match-thread-opener{margin:var(--space-3) 0;padding:var(--space-3);background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.match-thread-opener .match-thread-teams{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-2);font-size:var(--text-lg)}.match-thread-opener .match-thread-logo{width:32px;height:32px;object-fit:contain;vertical-align:middle}.match-thread-opener p{margin:var(--space-1) 0;font-size:var(--text-sm)}@media (max-width: 900px){html{font-size:18px;overflow-x:hidden}body{font-size:1rem;padding-bottom:env(safe-area-inset-bottom);overflow-x:hidden}button,a.header-login-btn,a.header-register-btn,.header-profile-trigger,.app-sidebar-link,.discussion-card,.thread-single-action,.comment-action,.thread-sidebar-action-btn,input[type=submit],input[type=button]{min-height:44px;min-width:44px;padding:var(--space-2) var(--space-3)}.compose-input-with-send__btn{min-height:32px;min-width:32px;padding:0}input[type=text],input[type=email],input[type=password],input[type=search],select,textarea,[contenteditable=true]{font-size:16px}input[type=text],input[type=email],input[type=password],input[type=search],select,textarea{min-height:44px;padding:var(--space-3)}.bottom-nav-item{min-height:44px}}