:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--arsenal-red: #ef0107;--arsenal-red-dim: #9b0005;--brugge-blue: #003da5;--brugge-blue-dim: #002a73;--surface: rgba(255, 255, 255, .04);--surface-border: rgba(255, 255, 255, .08);--text-primary: #fafafa;--text-secondary: rgba(255, 255, 255, .55);--text-muted: rgba(255, 255, 255, .35)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#060608;color:var(--text-primary)}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem 1rem;position:relative;overflow:hidden}.glow{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;opacity:.18}.glow-1{width:500px;height:500px;background:var(--arsenal-red);top:-120px;right:-100px}.glow-2{width:400px;height:400px;background:var(--brugge-blue);bottom:-80px;left:-80px}.container{max-width:420px;width:100%;display:flex;flex-direction:column;gap:1rem;opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;position:relative;z-index:1}.container.visible{opacity:1;transform:translateY(0)}.brand{display:flex;align-items:center;gap:.65rem;padding:.5rem 0}.brand-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--arsenal-red),#ff4444);display:grid;place-items:center;color:#fff;flex-shrink:0}.brand-text{display:flex;flex-direction:column}.brand-name{font-weight:700;font-size:.95rem;letter-spacing:-.01em}.brand-sub{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.live-dot{margin-left:auto;display:flex;align-items:center;gap:.35rem}.live-pulse{width:7px;height:7px;border-radius:50%;background:#22c55e;animation:livePulse 1.6s ease-in-out infinite}.live-text{font-size:.6rem;font-weight:700;color:#22c55e;letter-spacing:.12em}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 #22c55e80}50%{opacity:.6;box-shadow:0 0 0 6px #22c55e00}}.voice-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:.6rem}.voice-card-header{display:flex;align-items:center;gap:.6rem}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--arsenal-red),#ff6b6b);display:grid;place-items:center;flex-shrink:0}.avatar-letter{font-size:.7rem;font-weight:800;color:#fff;letter-spacing:.02em}.voice-meta{display:flex;flex-direction:column;flex:1;min-width:0}.voice-from{font-weight:600;font-size:.85rem}.voice-time{font-size:.65rem;color:var(--text-muted)}.voice-duration{font-size:.7rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.waveform-container{display:flex;align-items:center;gap:.6rem;cursor:pointer;padding:.25rem 0;border-radius:10px;transition:background .2s}.waveform-container:hover{background:#ffffff08}.play-btn{width:42px;height:42px;border-radius:50%;border:none;background:var(--arsenal-red);color:#fff;display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:transform .15s,box-shadow .2s;box-shadow:0 2px 12px #ef010759}.play-btn:hover{transform:scale(1.08)}.play-btn:active{transform:scale(.95)}.waveform{flex:1;display:flex;align-items:center;gap:2.5px;height:40px}.bar{flex:1;border-radius:2px;background:#ffffff26;transition:background .1s,transform .1s;min-height:3px}.bar.active{background:var(--arsenal-red)}.bar.pulse{background:#ff6b6b;transform:scaleY(1.15)}.time-display{font-size:.7rem;color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:28px;text-align:right}.progress-track{height:3px;background:#ffffff14;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--arsenal-red),#ff6b6b);border-radius:3px;transition:width .05s linear}.news-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.news-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--arsenal-red);background:#ef01071a;border:1px solid rgba(239,1,7,.2);padding:.3rem .7rem;border-radius:20px}.transfer-icon{display:grid;place-items:center}.club-row{display:flex;align-items:center;gap:1rem}.club-badge{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;font-weight:800;font-size:.85rem;letter-spacing:.04em}.arsenal{background:linear-gradient(135deg,var(--arsenal-red),#d40000);color:#fff;box-shadow:0 4px 16px #ef01074d}.club-brugge{background:linear-gradient(135deg,var(--brugge-blue),#002266);color:#fff;box-shadow:0 4px 16px #003da54d}.arrow-badge{width:32px;height:32px;border-radius:50%;background:#ffffff0f;border:1px solid var(--surface-border);display:grid;place-items:center;color:var(--text-secondary)}.player-name{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:-.025em;background:linear-gradient(135deg,#fff 40%,#fff9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.player-position{font-size:.72rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-weight:500;margin-top:-.5rem}.news-details{width:100%;display:flex;flex-direction:column;gap:0;background:#ffffff05;border:1px solid var(--surface-border);border-radius:10px;overflow:hidden}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.55rem .85rem}.detail-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.detail-value{font-size:.82rem;font-weight:600}.detail-divider{height:1px;background:var(--surface-border);margin:0 .85rem}.news-body{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.65;text-align:left}.news-body strong{color:var(--text-primary)}.reactions{display:flex;gap:.6rem}.reaction-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem .5rem;border-radius:12px;border:1px solid var(--surface-border);background:var(--surface);color:var(--text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.reaction-btn:hover{border-color:#ffffff26;background:#ffffff0f;color:var(--text-primary)}.reaction-btn.active{border-color:var(--arsenal-red);background:#ef01071a;color:var(--arsenal-red)}.reaction-btn.share-btn{flex:.5}.footer-text{text-align:center;font-size:.65rem;color:var(--text-muted);padding:.25rem 0 .5rem}