:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0d1117;--bg-card: #161b22;--bg-elevated: #202833;--bg-hover: #25303c;--text: #f0f6fc;--muted: #8b98a5;--home: #38bdf8;--home-dim: rgba(56, 189, 248, .14);--home-soft: #b9e7fb;--away: #f87171;--away-dim: rgba(248, 113, 113, .14);--away-soft: #fecaca;--gold: #fbbf24;--tourist: #a855f7;--accent: #2dd4bf;--accent-dim: rgba(45, 212, 191, .13);--accent-glow: rgba(45, 212, 191, .28);--live: #2ea043;--caution: #eab308;--danger: #ef4444;--border: rgba(139, 152, 165, .2);--border-strong: rgba(45, 212, 191, .36);--shadow-card: 0 14px 34px rgba(0, 0, 0, .24);--shadow-float: 0 20px 48px rgba(0, 0, 0, .48);--radius: 12px;--radius-sm: 8px;--font: "DM Sans", system-ui, sans-serif;--font-display: "Bebas Neue", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);background-image:radial-gradient(ellipse 80% 42% at 50% -18%,rgba(240,246,252,.1),transparent 62%),radial-gradient(ellipse 45% 38% at 0% 100%,rgba(56,189,248,.07),transparent 70%),radial-gradient(ellipse 45% 38% at 100% 100%,rgba(248,113,113,.06),transparent 70%);background-attachment:fixed;line-height:1.45}a{color:inherit;text-decoration:none}code{font-size:.85em;background:var(--bg-elevated);padding:.1em .35em;border-radius:4px}.app-shell{min-height:100%;display:flex;flex-direction:column;max-width:720px;margin:0 auto;padding:0 1rem 2rem}.app-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.primary-nav{display:flex;align-items:center;gap:.35rem;margin-left:auto}.primary-nav-link{font-size:.85rem;font-weight:600;color:var(--muted);padding:.4rem .75rem;border-radius:999px;transition:color .15s,background .15s}.primary-nav-link.is-active{color:var(--bg);background:#fff}.league-tabs{display:flex;gap:.25rem;margin-top:.35rem;border-bottom:1px solid rgba(255,255,255,.08);overflow-x:auto;align-items:center}.league-tabs-mark{display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;margin:0 .15rem 0 .35rem;flex-shrink:0}.league-tabs-mark img{width:100%;height:100%;object-fit:contain}.league-tab{flex:0 0 auto;font-size:.9rem;font-weight:600;color:var(--muted);padding:.75rem .9rem .65rem;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.league-tab.is-active{color:var(--text);border-bottom-color:#fff}.brand{display:flex;align-items:center;gap:.5rem}.brand-mark{font-size:1.5rem}.brand-name{font-family:var(--font-display);font-size:1.75rem;letter-spacing:.06em;color:var(--gold)}.header-actions{display:flex;align-items:center;gap:.5rem}.user-menu{position:relative}.user-avatar{width:2.25rem;height:2.25rem;border-radius:50%;border:2px solid var(--accent);background:linear-gradient(145deg,#1a3d36,#0d221e);color:var(--accent);font:inherit;font-size:.7rem;font-weight:800;letter-spacing:.02em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:transform .15s,box-shadow .15s}.user-avatar:hover,.user-avatar[aria-expanded=true]{transform:scale(1.05);box-shadow:0 0 0 3px var(--accent-dim)}.user-menu-panel{position:absolute;right:0;top:calc(100% + .45rem);min-width:11.5rem;background:#0e1522;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 12px 32px #00000073;padding:.45rem;z-index:40}.user-menu-identity{padding:.55rem .65rem .45rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:.3rem}.user-menu-name{margin:0;font-weight:700;font-size:.9rem}.user-menu-club{margin:.2rem 0 0;font-size:.75rem;color:var(--muted)}.user-menu-item{width:100%;text-align:left;font:inherit;font-size:.85rem;font-weight:600;color:var(--text);background:transparent;border:none;border-radius:8px;padding:.55rem .65rem;cursor:pointer}.user-menu-item:hover{background:#ffffff0f}@media(max-width:520px){.primary-nav{order:3;width:100%;margin-left:0;justify-content:flex-start}}.page-hero{padding:1.25rem 0 .5rem}.page-hero h1{font-family:var(--font-display);font-size:2rem;font-weight:400;letter-spacing:.04em;margin:0 0 .25rem}.page-hero p{margin:0;color:var(--muted);font-size:.95rem}.app-main{flex:1}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.auth-card{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.auth-card label{font-size:.85rem;font-weight:600;color:var(--muted)}.input,.compose-input{width:100%;padding:.75rem 1rem;font:inherit;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px}.input:focus,.compose-input:focus{outline:2px solid var(--home);outline-offset:1px}.btn{font:inherit;font-weight:600;cursor:pointer;border:none;border-radius:8px;padding:.65rem 1.1rem;transition:opacity .15s,transform .1s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--home),#1f6b45);color:#fff}.btn-block{width:100%;margin-top:.25rem}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn-sm{padding:.4rem .75rem;font-size:.85rem}.btn-home{flex:1;background:var(--home-dim);color:#fff;border:2px solid var(--home)}.btn-away{flex:1;background:var(--away-dim);color:#fff;border:2px solid var(--away)}.form-error{color:#ff8a8a;font-size:.9rem;margin:0}.hint,.muted{color:var(--muted);font-size:.85rem;margin:0}.lobby-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0 .25rem}.lobby-filter{font:inherit;font-size:.85rem;font-weight:600;color:var(--muted);background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.45rem .9rem;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.lobby-filter.is-active{color:var(--text);border-color:var(--accent);background:var(--accent-dim);box-shadow:0 0 0 1px var(--accent-glow)}.lobby-status{margin-top:1rem}.lobby-empty{margin-top:1rem;padding:1.25rem;border:1px dashed rgba(255,255,255,.12);border-radius:var(--radius);text-align:center}.vs-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.85rem}.vs-card{display:block;background:linear-gradient(180deg,#0d1524,#0a101c);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem .75rem;transition:border-color .18s,transform .15s,box-shadow .18s}.vs-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 28px #00000059,0 0 0 1px var(--accent-glow)}.vs-card-live{border-color:#ff5a5a73;box-shadow:0 0 24px #ff5a5a1f}.vs-card-league{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.68rem;font-weight:700;letter-spacing:.1em;color:var(--muted);margin-bottom:.85rem}.vs-card-league-icon{width:.55rem;height:.55rem;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.vs-card-live .vs-card-league-icon{background:var(--live);box-shadow:0 0 8px #ff5a5a80;animation:pulse-dot 1.4s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.vs-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;min-height:3.5rem}.vs-side{display:flex;align-items:center;gap:.55rem;min-width:0}.vs-side-home{justify-content:flex-start}.vs-side-away{justify-content:flex-end;text-align:right}.vs-team-name{font-weight:700;font-size:.95rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vs-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 .35rem;min-width:5.5rem}.vs-time{font-family:var(--font-display);font-size:1.55rem;letter-spacing:.04em;color:var(--accent);line-height:1}.vs-date{margin-top:.25rem;font-size:.72rem;color:var(--muted)}.vs-live-badge{font-family:var(--font-display);font-size:1.45rem;letter-spacing:.12em;color:var(--live);line-height:1;text-shadow:0 0 12px rgba(255,90,90,.45)}.vs-card-footer{margin-top:.85rem;text-align:center;font-size:.78rem;color:var(--muted);padding:.35rem .75rem;border-radius:999px;background:#ffffff0a;width:fit-content;margin-left:auto;margin-right:auto}.team-crest{flex-shrink:0;width:2.35rem;height:2.35rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;letter-spacing:.02em;border:2px solid rgba(255,255,255,.15);overflow:hidden}.team-crest-sm{width:1.55rem;height:1.55rem;font-size:.5rem}.team-crest-xs{width:1.15rem;height:1.15rem;font-size:.42rem;border-width:1px}.team-crest-lg{width:3rem;height:3rem;font-size:.8rem}.team-crest-logo{background:#fffffff0;border-color:#ffffff59;padding:.18rem}.team-crest-img{width:100%;height:100%;object-fit:contain;display:block}.team-crest-home{background:linear-gradient(145deg,#1f6b45,#0d3a26);color:#9ee6b8;border-color:#2d8f5c8c}.team-crest-away{background:linear-gradient(145deg,#8b2a35,#4a1520);color:#ffb3b3;border-color:#c23c4a8c}.team-crest-club{width:1.85rem;height:1.85rem;font-size:.58rem}.vs-card-league-logo{height:.95rem;width:auto;max-width:4.5rem;object-fit:contain;opacity:.92}.team-pick-btn{display:inline-flex;align-items:center;gap:.65rem;justify-content:center}.club-picker{border:0;margin:1rem 0 0;padding:0;min-width:0}.club-picker legend{display:block;margin-bottom:.55rem;font-size:.85rem;color:var(--muted)}.club-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.6rem,1fr));gap:.45rem}.club-picker-option{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.55rem .35rem;border-radius:10px;border:1px solid rgba(139,152,165,.18);background:#0d111773;color:var(--text);cursor:pointer;transition:border-color .15s ease,background .15s ease}.club-picker-option:hover{border-color:#38bdf873;background:#141c26d9}.club-picker-option.is-selected{border-color:#38bdf8bf;background:#14557847;box-shadow:inset 0 0 0 1px #38bdf840}.club-picker-name{font-size:.68rem;line-height:1.15;text-align:center;color:var(--muted)}.club-picker-option.is-selected .club-picker-name{color:var(--text)}.user-menu-club-row{display:flex;align-items:center;gap:.4rem}.user-avatar .team-crest{border-width:0;box-shadow:none}.terrace-side{align-items:center}.table-hint{margin-top:1rem;font-size:.85rem}.table-hint a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.placeholder-card{margin-top:1rem;padding:1.25rem;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);background:var(--bg-card);display:flex;flex-direction:column;gap:.75rem}.placeholder-card a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.banter-you{margin:.5rem 0 0;font-size:.85rem;display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.banter-you-club{display:inline-flex;align-items:center;gap:.35rem}.banter-board-wrap{margin-top:.75rem;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);overflow:hidden;background:#07070a}.banter-board-head,.banter-row{display:grid;grid-template-columns:2rem minmax(5rem,1.1fr) minmax(6rem,1.2fr) 3.2rem 2.8rem 2.6rem;align-items:center;gap:.35rem;padding:.65rem .75rem}.banter-board-head{font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid rgba(255,255,255,.08);background:#0c0c10}.banter-board{list-style:none;margin:0;padding:0}.banter-row{border-bottom:1px solid rgba(255,255,255,.06);min-height:3rem}.banter-row:last-child{border-bottom:none}.banter-row.is-you{background:#2dd4bf14}.banter-row.is-podium .bb-rank{color:var(--gold);font-weight:800}.bb-rank{color:var(--muted);font-size:.85rem;text-align:center}.bb-user{min-width:0}.banter-username{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.you-chip{font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--bg);background:var(--accent);padding:.1rem .35rem;border-radius:999px}.bb-club{display:flex;align-items:center;gap:.4rem;min-width:0}.banter-club-name{font-size:.8rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-stat{text-align:center;font-size:.88rem;color:var(--muted);font-variant-numeric:tabular-nums}.bb-pts{color:var(--gold);font-weight:800}@media(max-width:520px){.banter-board-head,.banter-row{grid-template-columns:1.6rem minmax(0,1fr) 3rem 2.6rem 2.6rem}.bb-club{display:none}}.team-home{color:#6fcf97}.team-away{color:#f08080}.status-pill{font-size:.7rem;font-weight:700;letter-spacing:.06em;padding:.2em .5em;border-radius:4px;background:var(--bg-elevated)}.status-live{background:#3d1a1a;color:#ff6b6b}.team-pick h2{margin:0 0 .5rem;font-size:1.1rem}.team-pick-row{display:flex;gap:.75rem;margin-top:1rem}.room-stage{display:flex;flex-direction:column;gap:.75rem;margin-top:.35rem;min-height:min(70vh,640px)}.room-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.room-identity{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.allowance-pill{font-size:.74rem;color:var(--muted);padding:.3rem .55rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff08}.terrace-scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;margin-bottom:.85rem;padding:.75rem .85rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);background:linear-gradient(90deg,#2d8f5c2e,#0b122099 48%,#c23c4a2e)}.terrace-side{display:flex;align-items:baseline;gap:.55rem;min-width:0}.terrace-home{justify-content:flex-start}.terrace-away{justify-content:flex-end}.terrace-label{font-size:.82rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:9rem}.terrace-points{font-family:var(--font-display);font-size:1.85rem;letter-spacing:.03em;line-height:1}.terrace-home .terrace-points{color:#5ee0a0}.terrace-away .terrace-points{color:#ff8a96}.terrace-side.is-leading .terrace-points{text-shadow:0 0 18px rgba(255,255,255,.18)}.terrace-vs{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.match-badges{margin:0 0 .85rem;padding:.75rem .9rem;border-radius:var(--radius);border:1px solid rgba(212,175,55,.35);background:#d4af3714}.match-badges h3{margin:0 0 .45rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gold)}.match-badges ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.match-badges li{font-size:.92rem}.badge-type{display:inline-block;margin-right:.45rem;padding:.12rem .4rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#d4af3733;color:var(--gold)}.side-pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;padding:.4rem .85rem;border-radius:999px}.side-pill.team-home{background:var(--home-dim);color:#9ee6b8}.side-pill.team-away{background:var(--away-dim);color:#ffb3b3}.bp-pill{font-size:.85rem;font-weight:600;color:var(--gold);border:1px solid rgba(212,175,55,.35);padding:.35rem .65rem;border-radius:999px}.stadium-feed{position:relative;flex:1;display:flex;flex-direction:column;background:linear-gradient(180deg,#0c121c,#080c14);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);min-height:320px;max-height:min(58vh,520px);overflow:hidden}.stadium-feed-scroll{position:relative;z-index:1;flex:1;min-height:0;overflow-y:auto;scroll-behavior:smooth;display:flex;flex-direction:column}.feed-watermark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;align-items:center;justify-content:center;gap:1.1rem;pointer-events:none;opacity:.22;filter:grayscale(.1)}.feed-watermark .team-crest{width:5.5rem;height:5.5rem;font-size:1.35rem;box-shadow:none}.feed-watermark .team-crest-img{width:78%;height:78%}.feed-watermark-vs{font-family:var(--font-display);font-size:1.35rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#f0f6fc8c}.feed-empty{margin:auto;padding:2.5rem 1.5rem;text-align:center;color:var(--muted);max-width:22rem}.feed-empty-title{margin:0 0 .35rem;color:var(--text);font-weight:700}.feed-end{height:1px;flex-shrink:0}.message-list{list-style:none;margin:0;padding:1rem .85rem .5rem;display:flex;flex-direction:column;gap:.65rem}.message-row{display:flex;width:100%}.message-row.message-theirs{justify-content:flex-start}.message-row.message-mine{justify-content:flex-end}.message-card{width:min(100%,26rem);max-width:85%;padding:.75rem .9rem;border-radius:14px;background:#202833b8;border:1px solid rgba(255,255,255,.06);border-left:3px solid var(--muted);box-shadow:0 4px 16px #0003;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.message-row.message-mine .message-card{border-left-width:1px;border-right:3px solid var(--muted)}.message-card.team-home{border-left-color:var(--home)}.message-row.message-mine .message-card.team-home{border-left-color:#ffffff0f;border-right-color:var(--home);background:#2d8f5c1f}.message-card.team-away{border-left-color:var(--away)}.message-row.message-mine .message-card.team-away{border-left-color:#ffffff0f;border-right-color:var(--away);background:#c23c4a1f}.message-card.cautioned .message-body{filter:blur(4px);-webkit-user-select:none;user-select:none}.message-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;font-size:.72rem;color:var(--muted);margin-bottom:.45rem}.message-side{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;color:var(--text)}.message-meta-sep{opacity:.5}.message-time{font-variant-numeric:tabular-nums}.message-body{margin:0;line-height:1.5;word-break:break-word;font-size:.98rem;color:var(--text)}.message-card.team-home .message-body{color:#c8f0d8}.message-card.team-away .message-body{color:#ffc9c9}.caution-badge{margin:.5rem 0 0;font-size:.75rem;color:var(--gold)}.message-actions{display:flex;gap:.4rem;margin-top:.65rem;padding-top:.55rem;border-top:1px solid rgba(255,255,255,.06)}.msg-action{padding:.3rem .65rem;font-size:.75rem}.compose-bar{display:flex;gap:.55rem;align-items:stretch;padding:.15rem 0 .25rem}.compose-bar .compose-input{flex:1;padding:.85rem 1rem}.compose-wrap{position:relative}.compose-react-btn{min-width:2.6rem;font-size:1.15rem;line-height:1;padding:0 .55rem}.compose-react-btn.is-open{color:var(--accent);border-color:var(--border-strong);background:var(--accent-dim)}.reaction-tray{position:absolute;left:0;right:0;bottom:calc(100% + .4rem);z-index:12;border:1px solid var(--border);border-radius:var(--radius);background:#161b22f7;box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:.55rem;overflow:hidden;display:flex;flex-direction:column;gap:.45rem}.reaction-tray .EmojiPickerReact{--epr-bg-color: transparent;--epr-category-label-bg-color: rgba(22, 27, 34, .95);--epr-text-color: var(--text);--epr-search-input-bg-color: rgba(13, 17, 23, .65);--epr-search-input-bg-color-active: rgba(13, 17, 23, .85);--epr-search-border-color: var(--accent);--epr-picker-border-color: transparent;--epr-hover-bg-color: var(--accent-dim);--epr-focus-bg-color: var(--accent-dim);--epr-highlight-color: var(--accent);border:0;font-family:var(--font)}.reaction-tray-loading{margin:0;padding:1.5rem 0;text-align:center;color:var(--muted);font-size:.85rem}.reaction-tray-tabs{display:flex;gap:.3rem;padding:.15rem;border-radius:999px;background:#0d11178c;border:1px solid rgba(139,152,165,.12)}.reaction-tab{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.4rem .55rem;border-radius:999px;cursor:pointer}.reaction-tab.is-active{color:#071311;background:var(--accent)}.sticker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;overflow-y:auto;max-height:10.5rem;padding-bottom:.15rem}.sticker-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(139,152,165,.16);background:#0d11178c;color:var(--text);border-radius:10px;padding:.45rem .35rem;display:flex;flex-direction:column;align-items:center;gap:.2rem;cursor:pointer;min-height:3.6rem}.sticker-btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--accent-dim)}.sticker-btn:disabled{opacity:.45;cursor:not-allowed}.sticker-btn-glyph{font-size:1.45rem;line-height:1}.sticker-btn-label{font-size:.62rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);text-align:center}.message-card-sticker{max-width:12.5rem}.message-sticker{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.35rem .2rem .15rem}.message-sticker-glyph{font-size:2.35rem;line-height:1.1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.28))}.message-sticker-label{font-family:var(--font-display);font-size:.95rem;letter-spacing:.08em;color:var(--muted)}.message-card-gif{max-width:min(100%,18rem);padding:.35rem}.message-gif{border-radius:10px;overflow:hidden;background:#00000040}.message-gif img{display:block;width:100%;height:auto;max-height:14rem;object-fit:contain}.gif-picker-host{min-height:320px}.gif-picker-host.is-disabled{opacity:.55;pointer-events:none}.gif-picker-host .GifPickerReact{--gpr-bg-color: transparent;--gpr-text-color: var(--text);--gpr-search-input-bg-color: rgba(13, 17, 23, .65);--gpr-picker-border-color: transparent;border:0;font-family:var(--font)}.gif-picker-missing{padding:1.1rem .75rem .85rem;text-align:center}.gif-picker-missing-title{margin:0 0 .45rem;font-weight:700}.gif-picker-missing p{margin:.35rem 0;font-size:.85rem;color:var(--muted)}.gif-picker-missing a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.gif-attribution{margin:.15rem 0 0;font-size:.68rem;text-align:center}.banter-card-recent-gif{margin-bottom:.35rem;border-radius:8px;overflow:hidden;max-width:12rem}.banter-card-recent-gif img{display:block;width:100%;height:auto}@media(max-width:420px){.sticker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.vs-row{gap:.25rem}.vs-team-name{font-size:.8rem}.vs-time,.vs-live-badge{font-size:1.25rem}.vs-center{min-width:4.5rem}.team-crest{width:2rem;height:2rem;font-size:.62rem}.message-card{max-width:92%}}@media(min-width:600px){.app-shell{padding:0 1.5rem 2.5rem}.vs-team-name{font-size:1.05rem}.vs-time{font-size:1.75rem}.message-card{max-width:72%}}.admin-shell{max-width:960px}.admin-page h1{font-family:var(--font-display);font-size:2rem;font-weight:400;letter-spacing:.04em;margin:.75rem 0 .25rem}.admin-page h2{margin:0 0 .75rem;font-size:1.05rem}.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.75rem;margin-top:1.25rem}.admin-stat{display:flex;flex-direction:column;gap:.25rem;padding:1rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);background:var(--bg-card)}.admin-stat strong{font-size:1.6rem;color:var(--accent)}.admin-stat span{font-size:.8rem;color:var(--muted)}.admin-search{margin:1rem 0;max-width:20rem}.admin-table-wrap{overflow-x:auto;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);margin-top:1rem}.admin-table{width:100%;border-collapse:collapse;font-size:.88rem}.admin-table th,.admin-table td{text-align:left;padding:.7rem .75rem;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:top}.admin-table th{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.admin-table a{color:var(--accent);font-weight:600}.admin-perms{font-size:.75rem;color:var(--muted)}.access-pill{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .45rem;border-radius:999px}.access-active,.access-published{background:#2d8f5c40;color:#9ee6b8}.access-suspended{background:#f59e0b33;color:#fbbf24}.access-banned{background:#ef444433;color:#fca5a5}.admin-card{margin-top:1rem;padding:1.1rem;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);background:var(--bg-card)}.admin-form{display:flex;flex-direction:column;gap:.75rem}.admin-field{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--muted)}.admin-textarea{resize:vertical;min-height:8rem;font-weight:400;color:var(--text)}.admin-actions-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.admin-check{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text)}.admin-back{margin:.75rem 0 0}.admin-back a{color:var(--accent)}.admin-msg-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.admin-msg-list li{padding:.75rem;border-radius:10px;background:var(--bg-elevated)}.admin-msg-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.72rem;color:var(--muted);margin-bottom:.35rem}.admin-msg-list p{margin:0}.admin-news-preview{max-width:100%;max-height:180px;object-fit:cover;border-radius:8px;margin:.35rem 0}.admin-news-list{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.75rem}.admin-news-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.admin-news-head h3{margin:0;font-size:1.05rem}.admin-news-body{white-space:pre-wrap;color:var(--muted);font-size:.9rem}.input-sm{padding:.35rem .5rem;font-size:.8rem}.news-feed{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.85rem}.news-card{border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);overflow:hidden;background:var(--bg-card)}.news-card-link{display:grid;grid-template-columns:112px 1fr;gap:0;min-height:112px;color:inherit;transition:border-color .15s ease,background .15s ease}.news-card-link:hover{border-color:#2dd4bf59;background:var(--bg-elevated)}.news-card-thumb{width:112px;min-height:112px;background:linear-gradient(145deg,#2dd4bf33,#0b1220e6);display:flex;align-items:center;justify-content:center}.news-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;min-height:112px}.news-card-thumb-fallback{font-family:var(--font-display);font-size:2.4rem;letter-spacing:.04em;color:var(--accent);opacity:.85}.news-card-body{padding:.85rem 1rem .95rem;display:flex;flex-direction:column;gap:.25rem;min-width:0}.news-card-body h2{margin:0;font-size:1.05rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card-excerpt{margin:.2rem 0 0;color:var(--muted);font-size:.88rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.news-card-cta{margin-top:auto;padding-top:.45rem;font-size:.8rem;color:var(--accent);font-weight:600}.news-back{margin:.35rem 0 1rem;font-size:.9rem}.news-back a{color:var(--accent)}.news-article{margin-top:.25rem}.news-article-hero{width:100%;max-height:280px;object-fit:cover;border-radius:var(--radius);display:block;margin-bottom:1rem;border:1px solid rgba(255,255,255,.08)}.news-article-header h1{margin:0 0 .4rem;font-size:clamp(1.45rem,4vw,1.85rem);line-height:1.2}.news-article-body{margin-top:1.1rem;white-space:pre-wrap;line-height:1.65;font-size:1rem;color:#f4f7fbeb}@media(max-width:480px){.news-card-link{grid-template-columns:88px 1fr;min-height:96px}.news-card-thumb,.news-card-thumb img{width:88px;min-height:96px}}.user-menu-item{display:block;text-decoration:none}.banter-profile-link{color:inherit;text-decoration:none}.banter-profile-link:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.banter-card-back{margin:.35rem 0 .9rem;font-size:.85rem;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.banter-card-back a,.banter-card-back .linkish{color:var(--accent)}.banter-card-back-sep{color:var(--muted);opacity:.7}.linkish{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:none}.linkish:hover{text-decoration:underline;text-underline-offset:3px}.banter-card-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1.1rem;border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(circle at 90% 0%,rgba(45,212,191,.14),transparent 42%),var(--bg-card)}.banter-card-avatar{width:64px;height:64px;display:grid;place-items:center;border:2px solid rgba(45,212,191,.48);border-radius:50%;background:linear-gradient(145deg,#173849,#0b1824);color:var(--accent);font-family:var(--font-display);font-size:1.6rem;letter-spacing:.04em}.banter-card-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.banter-card-name-row h1{margin:0;font-size:1.45rem}.banter-card-club{display:flex;align-items:center;gap:.5rem;margin-top:.45rem;font-size:.9rem;font-weight:600}.banter-card-person>p{margin:.45rem 0 0;font-size:.78rem}.banter-card-rank{min-width:92px;text-align:right}.banter-card-rank span,.banter-card-rank small{display:block;color:var(--muted);font-size:.7rem}.banter-card-rank strong{display:block;margin:.15rem 0;color:var(--gold);font-family:var(--font-display);font-size:2rem;line-height:1}.banter-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:.75rem}.banter-card-stats>div{min-width:0;padding:.8rem;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:var(--bg-card)}.banter-card-stats strong,.banter-card-stats span{display:block}.banter-card-stats strong{font-size:1.2rem;color:var(--text)}.banter-card-stats span{margin-top:.18rem;color:var(--muted);font-size:.72rem;line-height:1.3}.banter-card-section{margin-top:.9rem;padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);background:var(--bg-card)}.banter-card-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.banter-card-section-head h2{margin:0;font-size:1rem}.banter-card-section-head>span{font-size:.75rem}.banter-card-empty{margin:.75rem 0 0;font-size:.85rem}.banter-card-badges,.banter-card-recent{list-style:none;margin:.75rem 0 0;padding:0}.banter-card-badges{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem}.banter-card-badges li{display:flex;align-items:flex-start;gap:.5rem;padding:.7rem;border-radius:9px;background:#d4af370f}.banter-card-badges strong{font-size:.82rem}.banter-card-badges p{margin:.2rem 0 0;font-size:.72rem;line-height:1.35}.banter-card-recent li{padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.07)}.banter-card-recent li:last-child{border-bottom:0;padding-bottom:0}.banter-card-recent p{margin:0;line-height:1.45}.banter-card-recent li>div{display:flex;justify-content:space-between;gap:.75rem;margin-top:.4rem;color:var(--muted);font-size:.72rem}.banter-card-recent a{color:var(--accent)}@media(max-width:540px){.banter-card-hero{grid-template-columns:auto 1fr}.banter-card-rank{grid-column:1 / -1;display:flex;align-items:baseline;gap:.5rem;text-align:left}.banter-card-rank strong{order:-1}.banter-card-stats{grid-template-columns:repeat(2,1fr)}.banter-card-badges{grid-template-columns:1fr}}::selection{color:var(--text);background:#2dd4bf47}*{scrollbar-color:rgba(139,152,165,.45) transparent;scrollbar-width:thin}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app-header{position:sticky;top:0;z-index:30;margin:0 -.25rem;padding:.85rem .25rem;border-bottom-color:var(--border);background:#0d1117db;-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%)}.brand{gap:.6rem}.brand-mark{width:2rem;height:2rem;display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:50%;background:var(--accent-dim);font-size:1rem;box-shadow:inset 0 0 16px #2dd4bf14}.brand-name{color:var(--text);font-size:1.85rem;text-shadow:0 0 24px rgba(240,246,252,.12)}.primary-nav{padding:.2rem;border:1px solid rgba(139,152,165,.14);border-radius:999px;background:#161b22b8}.primary-nav-link{padding:.38rem .75rem;border-radius:999px}.primary-nav-link:hover{color:var(--text);background:#f0f6fc0d}.primary-nav-link.is-active{color:#071311;background:var(--accent);box-shadow:0 0 18px #2dd4bf2e}.league-tabs{border-bottom-color:var(--border)}.league-tab:hover{color:var(--text)}.league-tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.user-avatar{border-color:var(--accent);background:linear-gradient(145deg,#173b39,#0e2222)}.user-menu-panel{background:#161b22fa;border-color:var(--border);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.user-menu-identity{border-bottom-color:var(--border)}.user-menu-item:hover{color:var(--accent);background:var(--accent-dim)}.page-hero{position:relative;padding-top:1.35rem}.page-hero:before{content:"";position:absolute;left:0;top:.78rem;width:2rem;height:2px;background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.page-hero h1,.admin-page h1{color:var(--text);text-transform:uppercase;letter-spacing:.055em}.card,.placeholder-card,.admin-card,.admin-stat,.news-card,.banter-card-section,.banter-card-stats>div{border-color:var(--border);background:linear-gradient(155deg,#2028336b,#161b22f5 45%);box-shadow:0 1px #f0f6fc06}.auth-card{position:relative;overflow:hidden;box-shadow:var(--shadow-card)}.auth-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--home),var(--accent),var(--away))}.input,.compose-input{border-color:var(--border);background:#0d1117b8;box-shadow:inset 0 1px #f0f6fc06;transition:border-color .15s,box-shadow .15s,background .15s}.input:hover,.compose-input:hover{border-color:#8b98a56b}.input:focus,.compose-input:focus{outline:none;border-color:var(--accent);background:var(--bg);box-shadow:0 0 0 3px var(--accent-dim)}.btn{border-radius:var(--radius-sm);transition:opacity .15s,transform .1s,border-color .15s,background .15s,box-shadow .15s}.btn:not(:disabled):active{transform:translateY(1px)}.btn-primary{color:#071311;background:linear-gradient(135deg,#35e0ca,var(--accent));box-shadow:0 7px 20px #2dd4bf29}.btn-primary:not(:disabled):hover{box-shadow:0 8px 26px #2dd4bf47}.btn-ghost{color:var(--muted);border-color:var(--border);background:#f0f6fc05}.btn-ghost:not(:disabled):hover{color:var(--text);border-color:#8b98a56b;background:#f0f6fc0e}.btn-home{color:var(--home-soft);border-color:var(--home);background:var(--home-dim)}.btn-away{color:var(--away-soft);border-color:var(--away);background:var(--away-dim)}.form-error{color:#fca5a5}.lobby-filter{border-color:var(--border);background:#161b228f}.lobby-filter:hover{color:var(--text);border-color:#8b98a56b}.lobby-filter.is-active{color:var(--accent);border-color:var(--accent);background:var(--accent-dim);box-shadow:none}.lobby-empty{border-color:var(--border);background:#161b2275}.vs-card{position:relative;overflow:hidden;border-color:var(--border);background:radial-gradient(ellipse 55% 80% at 0% 50%,rgba(56,189,248,.16),transparent 58%),radial-gradient(ellipse 55% 80% at 100% 50%,rgba(248,113,113,.14),transparent 58%),linear-gradient(90deg,rgba(56,189,248,.035),transparent 35%),linear-gradient(270deg,rgba(248,113,113,.035),transparent 35%),linear-gradient(180deg,#18202a,#121820);box-shadow:0 8px 24px #00000026,-10px 0 28px -16px #38bdf859,10px 0 28px -16px #f8717152;transition:border-color .22s ease,transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease}.vs-card:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--home);box-shadow:0 0 12px #38bdf88c}.vs-card:after{content:"";position:absolute;inset:0 0 0 auto;width:2px;background:var(--away);box-shadow:0 0 12px #f8717180}.vs-card:hover{border-color:var(--border-strong);transform:translateY(-3px) scale(1.01);box-shadow:var(--shadow-card),-14px 0 36px -14px #38bdf873,14px 0 36px -14px #f8717166}.vs-card-live{border-color:#2ea04385;box-shadow:0 0 26px #2ea0431f,-10px 0 28px -16px #38bdf859,10px 0 28px -16px #f8717152;animation:live-card-glow 2.4s ease-in-out infinite}.vs-card-live .vs-card-league-icon{background:var(--live);box-shadow:0 0 10px #2ea04399}.vs-live-badge{color:#56d364;text-shadow:0 0 14px rgba(46,160,67,.42);animation:live-badge-pulse 1.6s ease-in-out infinite}.vs-time{color:var(--text)}.vs-card-footer,.status-pill{border:1px solid rgba(139,152,165,.12);background:#0d11177a}.team-crest{border-color:#f0f6fc2e;box-shadow:0 4px 12px #0000003d}.team-crest-logo{background:#fffffff5;border-color:#f0f6fc47}.team-crest-home{color:var(--home-soft);border-color:#38bdf894;background:linear-gradient(145deg,#145578,#102d3d)}.team-crest-away{color:var(--away-soft);border-color:#f8717194;background:linear-gradient(145deg,#79383e,#3b1d25)}.team-crest-logo.team-crest-home,.team-crest-logo.team-crest-away,.team-crest-logo.team-crest-club{background:#fffffff5}.banter-board-wrap{border-color:var(--border);background:var(--bg-card);box-shadow:var(--shadow-card)}.banter-board-head{border-bottom-color:var(--border);background:var(--bg-elevated)}.banter-row{border-bottom-color:#8b98a51c;transition:background .15s}.banter-row:hover{background:#f0f6fc09}.banter-row.is-you{background:var(--accent-dim);box-shadow:inset 2px 0 0 var(--accent)}.team-home{color:var(--home)}.team-away{color:var(--away)}.status-live{color:#7ee787;background:#2ea0432e}.allowance-pill{border-color:var(--border);background:#0d111785}.terrace-scoreboard{position:relative;overflow:hidden;border-color:var(--border);background:radial-gradient(ellipse 40% 120% at 0% 50%,rgba(56,189,248,.2),transparent 55%),radial-gradient(ellipse 40% 120% at 100% 50%,rgba(248,113,113,.18),transparent 55%),linear-gradient(90deg,rgba(56,189,248,.14),transparent 42%),linear-gradient(270deg,rgba(248,113,113,.14),transparent 42%),var(--bg-card);box-shadow:var(--shadow-card),-12px 0 30px -18px #38bdf866,12px 0 30px -18px #f871715c}.terrace-scoreboard:after{content:"";position:absolute;inset:0 50% 0 auto;width:1px;background:linear-gradient(transparent,var(--border),transparent);opacity:.65}.terrace-scoreboard-live{animation:live-card-glow 2.6s ease-in-out infinite}.terrace-live-dot{position:absolute;top:.55rem;left:50%;width:.45rem;height:.45rem;margin-left:-.225rem;border-radius:50%;background:var(--live);box-shadow:0 0 10px #2ea043b3;animation:pulse-dot 1.4s ease-in-out infinite;z-index:1}.terrace-live-label{display:inline-block;font-family:var(--font-display);letter-spacing:.16em;color:#56d364;text-shadow:0 0 12px rgba(46,160,67,.45);animation:live-badge-pulse 1.6s ease-in-out infinite}.terrace-home .terrace-points{color:var(--home)}.terrace-away .terrace-points{color:var(--away)}.terrace-side.is-leading .terrace-points{text-shadow:0 0 18px currentColor}.side-pill.team-home{color:var(--home-soft);border:1px solid rgba(56,189,248,.25);background:var(--home-dim)}.side-pill.team-away{color:var(--away-soft);border:1px solid rgba(248,113,113,.25);background:var(--away-dim)}.match-badges,.bp-pill{border-color:#fbbf2452;background:#fbbf2411}.badge-type{color:var(--gold);background:#fbbf2429}.badge-ultra_home{color:var(--home);background:#38bdf824}.badge-ultra_away{color:var(--away);background:#f8717124}.badge-tourist{color:#d8b4fe;background:#a855f72b}.stadium-feed{border-color:var(--border);background:linear-gradient(rgba(240,246,252,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(240,246,252,.012) 1px,transparent 1px),#10151c;background-size:32px 32px;box-shadow:inset 0 16px 32px #0000001f}.feed-watermark{opacity:.2}.feed-watermark .team-crest-logo{background:#ffffffeb;border-color:transparent}.message-card{border-color:#8b98a521;background:#202833ad;box-shadow:0 7px 18px #0000002e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.message-card-link{cursor:pointer;transition:border-color .18s ease,transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,background .18s ease}.message-card-link:hover{border-color:#2dd4bf59;background:#202833d1;box-shadow:0 10px 22px #00000047}.message-card-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.message-row.message-mine .message-card.team-home{border-left-color:#8b98a521;background:#38bdf829}.message-row.message-mine .message-card.team-away{border-left-color:#8b98a521;background:#f8717129}.message-card.team-home .message-body,.message-card.team-away .message-body{color:var(--text)}.message-card.cautioned{border-style:dashed;border-color:#eab3089e;background:#eab3080e}.caution-badge,.msg-flag:not(:disabled){color:var(--caution)}.msg-flag:not(:disabled):hover{border-color:#eab30880;background:#eab30817}.msg-cheer:not(:disabled){color:var(--accent)}.msg-cheer:not(:disabled):hover{border-color:var(--border-strong);background:var(--accent-dim)}.message-actions{position:relative;border-top-color:#8b98a51f}.compose-wrap{position:sticky;bottom:0;z-index:5;padding:.5rem 0 .25rem;background:linear-gradient(transparent,var(--bg) 28%)}.compose-bar{padding:0;background:transparent}.admin-stat,.admin-card{box-shadow:var(--shadow-card)}.admin-stat{border-top:2px solid var(--accent)}.admin-table-wrap{border-color:var(--border);background:var(--bg-card);box-shadow:var(--shadow-card)}.admin-table th{background:var(--bg-elevated)}.admin-table th,.admin-table td{border-bottom-color:#8b98a51f}.admin-table tbody tr:hover{background:#f0f6fc09}.access-active,.access-published{color:#7ee787;background:#2ea0432e}.access-suspended{color:#facc15;background:#eab30829}.access-banned{color:#fca5a5;background:#ef44442b}.admin-msg-list li{border:1px solid rgba(139,152,165,.1);background:var(--bg-elevated)}.admin-news-preview,.news-article-hero{border:1px solid var(--border);box-shadow:var(--shadow-card)}.news-card-link:hover{border-color:var(--border-strong);background:var(--bg-elevated)}.news-card-thumb{border-right:1px solid var(--border);background:linear-gradient(145deg,#2dd4bf26,#101820)}.news-card-cta,.news-back a,.banter-card-back a,.banter-card-recent a{color:var(--accent)}.news-article-body{color:#f0f6fceb}.banter-card-hero{position:relative;overflow:hidden;border-color:var(--border-strong);background:linear-gradient(90deg,rgba(45,212,191,.075),transparent 58%),var(--bg-card);box-shadow:var(--shadow-card)}.banter-card-hero:after{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--accent),transparent 68%)}.banter-card-avatar{border-color:var(--accent);background:linear-gradient(145deg,#173b39,#0e2222);box-shadow:0 0 24px #2dd4bf24}.banter-card-stats>div{border-top:2px solid rgba(45,212,191,.34)}.banter-card-badges li{border:1px solid rgba(251,191,36,.12);background:#fbbf240b}.banter-card-recent li{border-bottom-color:#8b98a51f}@media(max-width:520px){.app-header{position:relative}.primary-nav{overflow-x:auto;justify-content:stretch}.primary-nav-link{flex:1;text-align:center}.page-hero h1,.admin-page h1{font-size:1.75rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes live-badge-pulse{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.72;filter:brightness(1.15)}}@keyframes live-card-glow{0%,to{box-shadow:0 0 22px #2ea0431a,-10px 0 28px -16px #38bdf852,10px 0 28px -16px #f8717147}50%{box-shadow:0 0 34px #2ea04338,-14px 0 34px -12px #38bdf86b,14px 0 34px -12px #f8717161}}@keyframes cheer-float{0%{opacity:0;transform:translate(-50%) scale(.7)}18%{opacity:1;transform:translate(-50%,-8px) scale(1.05)}to{opacity:0;transform:translate(-50%,-42px) scale(.95)}}@keyframes cheer-ring{0%{opacity:.55;transform:scale(.4)}to{opacity:0;transform:scale(1.85)}}@keyframes bp-flash{0%,to{box-shadow:none;transform:scale(1)}40%{box-shadow:0 0 18px #fbbf2473;transform:scale(1.06)}}@keyframes stadium-sweep{0%,to{opacity:.55}50%{opacity:.85}}.page-enter{animation:page-enter .32s cubic-bezier(.22,1,.36,1) both}.app-shell-match{position:relative}.app-shell-match:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 42% 28% at 12% 18%,rgba(56,189,248,.14),transparent 70%),radial-gradient(ellipse 42% 28% at 88% 18%,rgba(248,113,113,.12),transparent 70%),radial-gradient(ellipse 70% 36% at 50% -8%,rgba(240,246,252,.09),transparent 62%)}.app-shell-match>*{position:relative;z-index:1}.app-shell-match>.app-header{z-index:50}.page-hero-stadium{overflow:hidden;margin:.35rem -.35rem .15rem;padding:1.45rem .85rem .85rem;border-radius:var(--radius);border:1px solid rgba(139,152,165,.12);background:radial-gradient(ellipse 55% 90% at 50% -40%,rgba(255,255,255,.14),transparent 58%),radial-gradient(ellipse 30% 70% at 18% 0%,rgba(56,189,248,.12),transparent 65%),radial-gradient(ellipse 30% 70% at 82% 0%,rgba(248,113,113,.1),transparent 65%),linear-gradient(180deg,#161b22b8,#0d111733);box-shadow:inset 0 1px #ffffff0f}.page-hero-stadium:before{left:.85rem;top:1rem;width:2.25rem;animation:stadium-sweep 4.5s ease-in-out infinite}.page-hero-stadium:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.04) 48%,transparent 62%);mix-blend-mode:screen;animation:stadium-sweep 5.5s ease-in-out infinite}.room-stage{position:relative}.room-stage:before{content:"";position:absolute;inset:-.5rem -.75rem auto;height:9rem;pointer-events:none;z-index:0;background:radial-gradient(ellipse 45% 80% at 8% 40%,rgba(56,189,248,.18),transparent 70%),radial-gradient(ellipse 45% 80% at 92% 40%,rgba(248,113,113,.16),transparent 70%);filter:blur(2px)}.room-stage>*{position:relative;z-index:1}.cheer-burst{position:absolute;right:2.6rem;bottom:.35rem;width:0;height:0;pointer-events:none;z-index:2}.cheer-burst-label{position:absolute;left:50%;bottom:0;font-family:var(--font-display);font-size:1.05rem;letter-spacing:.08em;color:var(--accent);text-shadow:0 0 12px rgba(45,212,191,.55);white-space:nowrap;animation:cheer-float .9s cubic-bezier(.22,1,.36,1) forwards}.cheer-burst-ring{position:absolute;left:50%;bottom:.1rem;width:1.6rem;height:1.6rem;margin-left:-.8rem;border-radius:50%;border:2px solid rgba(45,212,191,.55);animation:cheer-ring .7s ease-out forwards}.bp-pill-flash{animation:bp-flash .7s ease}.news-card-link,.banter-row,.card,.admin-card{transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease,border-color .2s ease,background .15s ease}.news-card-link:hover{transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){.page-enter,.vs-card-live,.terrace-scoreboard-live,.vs-live-badge,.terrace-live-label,.terrace-live-dot,.cheer-burst-label,.cheer-burst-ring,.bp-pill-flash,.page-hero-stadium:before,.page-hero-stadium:after{animation:none!important}.vs-card:hover,.news-card-link:hover{transform:none}}:root[data-theme=light]{color-scheme:light;--bg: #f5f7fa;--bg-card: #ffffff;--bg-elevated: #f1f4f8;--bg-hover: #e6ebf2;--text: #101720;--muted: #5b6775;--home: #0284c7;--home-dim: rgba(2, 132, 199, .1);--home-soft: #075985;--away: #dc2626;--away-dim: rgba(220, 38, 38, .09);--away-soft: #991b1b;--gold: #b45309;--tourist: #7e22ce;--accent: #0d9488;--accent-dim: rgba(13, 148, 136, .1);--accent-glow: rgba(13, 148, 136, .24);--live: #15803d;--caution: #a16207;--danger: #dc2626;--border: rgba(16, 23, 32, .13);--border-strong: rgba(13, 148, 136, .45);--shadow-card: 0 10px 26px rgba(16, 23, 32, .07);--shadow-float: 0 18px 44px rgba(16, 23, 32, .16)}[data-theme=light] body{background-image:radial-gradient(ellipse 80% 42% at 50% -18%,rgba(16,23,32,.05),transparent 62%),radial-gradient(ellipse 45% 38% at 0% 100%,rgba(2,132,199,.07),transparent 70%),radial-gradient(ellipse 45% 38% at 100% 100%,rgba(220,38,38,.05),transparent 70%)}[data-theme=light] .app-header{background:#f5f7fadb}[data-theme=light] .brand-name{text-shadow:none}[data-theme=light] .primary-nav{border-color:var(--border);background:#fffc}[data-theme=light] .primary-nav-link:hover{background:#1017200d}[data-theme=light] .primary-nav-link.is-active,[data-theme=light] .reaction-tab.is-active,[data-theme=light] .btn-primary{color:#fff}[data-theme=light] .btn-primary{background:linear-gradient(135deg,#14b8a6,var(--accent))}[data-theme=light] .user-avatar,[data-theme=light] .banter-card-avatar{background:linear-gradient(145deg,#d7f5f0,#eef7f6)}[data-theme=light] .brand-mark{background:var(--accent-dim);box-shadow:none}[data-theme=light] .user-menu-panel{background:#fffffffc;border-color:var(--border)}[data-theme=light] .user-menu-item:hover{background:var(--accent-dim)}[data-theme=light] .user-menu-identity,[data-theme=light] .league-tabs,[data-theme=light] .banter-board-head,[data-theme=light] .banter-row,[data-theme=light] .message-actions,[data-theme=light] .admin-table th,[data-theme=light] .admin-table td,[data-theme=light] .banter-card-recent li{border-color:var(--border)}[data-theme=light] .input,[data-theme=light] .compose-input{background:#fff;box-shadow:inset 0 1px 2px #1017200d}[data-theme=light] .btn-ghost{background:#10172005}[data-theme=light] .btn-ghost:hover{border-color:#1017203d;background:#1017200d}[data-theme=light] .lobby-filter{background:#ffffffe6}[data-theme=light] .lobby-filter:hover{border-color:#10172042}[data-theme=light] .lobby-empty,[data-theme=light] .vs-card-footer,[data-theme=light] .status-pill,[data-theme=light] .allowance-pill{background:#10172008;border-color:var(--border)}[data-theme=light] .vs-card{background:radial-gradient(ellipse 55% 80% at 0% 50%,rgba(2,132,199,.09),transparent 58%),radial-gradient(ellipse 55% 80% at 100% 50%,rgba(220,38,38,.07),transparent 58%),#fff;box-shadow:0 6px 18px #1017200f,-10px 0 26px -18px #0284c74d,10px 0 26px -18px #dc262642}[data-theme=light] .vs-card:hover{box-shadow:var(--shadow-card),-14px 0 32px -16px #0284c757,14px 0 32px -16px #dc26264d}[data-theme=light] .vs-live-badge,[data-theme=light] .terrace-live-label,[data-theme=light] .status-live,[data-theme=light] .access-active,[data-theme=light] .access-published{color:#15803d}[data-theme=light] .vs-live-badge,[data-theme=light] .terrace-live-label{text-shadow:none}[data-theme=light] .status-live{background:#15803d1f}[data-theme=light] .access-suspended{color:#b45309}[data-theme=light] .access-banned,[data-theme=light] .form-error{color:#b91c1c}[data-theme=light] .badge-tourist{color:#7e22ce}[data-theme=light] .team-crest{border-color:#10172024;box-shadow:0 2px 6px #1017201f}[data-theme=light] .team-crest-home{color:#fff;background:linear-gradient(145deg,#0ea5e9,#0369a1)}[data-theme=light] .team-crest-away{color:#fff;background:linear-gradient(145deg,#f87171,#b91c1c)}[data-theme=light] .team-crest-logo,[data-theme=light] .team-crest-logo.team-crest-home,[data-theme=light] .team-crest-logo.team-crest-away,[data-theme=light] .team-crest-logo.team-crest-club{background:#fff;border-color:#1017201f}[data-theme=light] .club-pick-btn,[data-theme=light] .team-pick-btn{background:#10172008}[data-theme=light] .app-shell-match:before{background:radial-gradient(ellipse 42% 28% at 12% 18%,rgba(2,132,199,.1),transparent 70%),radial-gradient(ellipse 42% 28% at 88% 18%,rgba(220,38,38,.08),transparent 70%)}[data-theme=light] .page-hero-stadium{border-color:var(--border);background:radial-gradient(ellipse 55% 90% at 50% -40%,rgba(16,23,32,.05),transparent 58%),radial-gradient(ellipse 30% 70% at 18% 0%,rgba(2,132,199,.09),transparent 65%),radial-gradient(ellipse 30% 70% at 82% 0%,rgba(220,38,38,.07),transparent 65%),#fff;box-shadow:var(--shadow-card)}[data-theme=light] .page-hero-stadium:after{background:none}[data-theme=light] .room-stage:before{background:radial-gradient(ellipse 45% 80% at 8% 40%,rgba(2,132,199,.12),transparent 70%),radial-gradient(ellipse 45% 80% at 92% 40%,rgba(220,38,38,.1),transparent 70%)}[data-theme=light] .terrace-scoreboard{background:radial-gradient(ellipse 40% 120% at 0% 50%,rgba(2,132,199,.12),transparent 55%),radial-gradient(ellipse 40% 120% at 100% 50%,rgba(220,38,38,.1),transparent 55%),#fff;box-shadow:var(--shadow-card)}[data-theme=light] .stadium-feed{background:linear-gradient(rgba(16,23,32,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(16,23,32,.022) 1px,transparent 1px),#eef1f6;background-size:32px 32px;box-shadow:inset 0 10px 22px #1017200d}[data-theme=light] .feed-watermark{opacity:.28}[data-theme=light] .feed-watermark-vs{color:#1017208c}[data-theme=light] .message-card{border-color:#1017201a;background:#ffffffe6;box-shadow:0 4px 12px #10172012}[data-theme=light] .message-card-link:hover{border-color:var(--border-strong);background:#fff}[data-theme=light] .message-row.message-mine .message-card.team-home{border-left-color:#1017201a;background:#0284c717}[data-theme=light] .message-row.message-mine .message-card.team-away{border-left-color:#1017201a;background:#dc262614}[data-theme=light] .message-gif{background:#1017200d}[data-theme=light] .compose-wrap{background:linear-gradient(transparent,var(--bg) 28%)}[data-theme=light] .reaction-tray{background:#fffffffc}[data-theme=light] .reaction-tray-tabs{background:#1017200a;border-color:var(--border)}[data-theme=light] .sticker-btn{background:#10172008;border-color:var(--border)}[data-theme=light] .reaction-tray .EmojiPickerReact{--epr-category-label-bg-color: rgba(255, 255, 255, .95);--epr-search-input-bg-color: rgba(16, 23, 32, .05);--epr-search-input-bg-color-active: rgba(16, 23, 32, .08)}[data-theme=light] .gif-picker-host .GifPickerReact{--gpr-search-input-bg-color: rgba(16, 23, 32, .05)}[data-theme=light] .card,[data-theme=light] .placeholder-card,[data-theme=light] .admin-card,[data-theme=light] .admin-stat,[data-theme=light] .news-card,[data-theme=light] .banter-card-section,[data-theme=light] .banter-card-stats>div{border-color:var(--border);background:#fff;box-shadow:var(--shadow-card)}[data-theme=light] .admin-msg-list li{border-color:var(--border)}[data-theme=light] .banter-row:hover,[data-theme=light] .admin-table tbody tr:hover{background:#10172008}[data-theme=light] .news-card-thumb{background:linear-gradient(145deg,#0d94881f,#eef1f6)}[data-theme=light] .banter-card-hero{background:#fff}[data-theme=light] .news-article-body{color:#101720e6}[data-theme=light] .cheer-burst-label{text-shadow:none}[data-theme=light] .cheer-burst-ring{border-color:#0d948880}.user-menu-theme{padding:.5rem .65rem .55rem;border-top:1px solid var(--border);margin-top:.3rem}.user-menu-theme-label{display:block;margin-bottom:.35rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.theme-switch{display:flex;gap:.2rem;padding:.15rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated)}.theme-switch-btn{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.72rem;font-weight:700;padding:.32rem .4rem;border-radius:999px;cursor:pointer}.theme-switch-btn:hover{color:var(--text)}.theme-switch-btn.is-active{color:#071311;background:var(--accent)}[data-theme=light] .theme-switch-btn.is-active{color:#fff}.league-chip{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 .85rem;padding:.3rem .7rem .3rem .35rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.league-chip img{width:1.35rem;height:1.35rem;object-fit:contain}.news-card-thumb-pl{display:grid;place-items:center;width:100%;height:100%}.news-card-thumb-pl img{width:3rem;height:3rem;object-fit:contain;opacity:.85}.banter-card-avatar .team-crest{width:100%;height:100%;border:0;box-shadow:none;background:transparent}.banter-card-avatar .team-crest-img{width:78%;height:78%}.admin-club-select{display:flex;align-items:center;gap:.55rem}.admin-club-select .input{flex:1}.admin-match-sides{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .65rem}.admin-match-side,.admin-club-cell{display:inline-flex;align-items:center;gap:.4rem}.admin-match-vs{color:var(--muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.admin-user-club-line{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}