:root{--bg-primary: #0a0a1a;--bg-secondary: #12122a;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .08);--bg-glass: rgba(255, 255, 255, .06);--border-glass: rgba(255, 255, 255, .1);--text-primary: #f0f0ff;--text-secondary: #8888aa;--text-muted: #555577;--accent-1: #6c5ce7;--accent-2: #a855f7;--accent-3: #06b6d4;--gradient-primary: linear-gradient(135deg, #6c5ce7, #a855f7, #06b6d4);--gradient-warm: linear-gradient(135deg, #f97316, #ef4444);--gradient-cool: linear-gradient(135deg, #06b6d4, #3b82f6);--gradient-green: linear-gradient(135deg, #10b981, #059669);--gradient-card: linear-gradient(145deg, rgba(108, 92, 231, .1), rgba(6, 182, 212, .05));--shadow-glow: 0 0 30px rgba(108, 92, 231, .15);--shadow-card: 0 8px 32px rgba(0, 0, 0, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 600px 400px at 20% 20%,rgba(108,92,231,.12),transparent),radial-gradient(ellipse 500px 300px at 80% 80%,rgba(6,182,212,.08),transparent),radial-gradient(ellipse 400px 400px at 50% 50%,rgba(168,85,247,.06),transparent);pointer-events:none;z-index:0}#app{position:relative;z-index:1;min-height:100vh}.header{position:sticky;top:0;z-index:100;background:#0a0a1acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.header-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-primary)}.header-logo-icon{font-size:28px;animation:float 3s ease-in-out infinite}.header-logo-text{font-size:20px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-stats{display:flex;gap:16px;font-size:13px;color:var(--text-secondary)}.header-stat{display:flex;align-items:center;gap:4px}.header-stat .dot{width:6px;height:6px;border-radius:50%;background:#10b981;animation:pulse 2s infinite}.back-btn{display:flex;align-items:center;gap:8px;background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-primary);padding:8px 16px;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font);font-size:14px;transition:var(--transition)}.back-btn:hover{background:var(--bg-card-hover)}.home-container{max-width:1200px;margin:0 auto;padding:40px 24px 80px}.hero{text-align:center;margin-bottom:48px;animation:fadeInUp .6s ease}.hero h1{font-size:clamp(32px,6vw,56px);font-weight:900;line-height:1.1;margin-bottom:16px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.category-filter{display:flex;justify-content:center;gap:8px;margin-bottom:32px;flex-wrap:wrap;animation:fadeInUp .6s ease .1s both}.filter-btn{padding:8px 20px;border-radius:100px;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-secondary);font-family:var(--font);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.filter-btn:hover{border-color:var(--accent-1);color:var(--text-primary)}.filter-btn.active{background:var(--gradient-primary);color:#fff;border-color:transparent}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;animation:fadeInUp .6s ease .2s both}.game-card{position:relative;background:var(--gradient-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:28px 24px;cursor:pointer;transition:var(--transition);overflow:hidden}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:var(--transition)}.game-card:hover{transform:translateY(-4px);border-color:#6c5ce74d;box-shadow:var(--shadow-glow)}.game-card:hover:before{opacity:1}.game-card:active{transform:translateY(-2px)}.game-card-emoji{font-size:48px;margin-bottom:16px;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.game-card-title{font-size:20px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.game-card-desc{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.game-card-meta{display:flex;gap:8px;flex-wrap:wrap}.game-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.game-tag.multiplayer{background:#06b6d426;color:#06b6d4}.game-tag.solo{background:#a855f726;color:#a855f7}.game-tag.ai{background:#f9731626;color:#f97316}.game-tag.strategy{background:#3b82f626;color:#3b82f6}.game-tag.puzzle{background:#10b98126;color:#10b981}.game-tag.arcade{background:#f43f5e26;color:#f43f5e}.game-tag.skill{background:#f59e0b26;color:#f59e0b}.mode-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease}.mode-modal{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:40px;max-width:440px;width:100%;text-align:center;animation:scaleIn .3s ease}.mode-modal-emoji{font-size:64px;margin-bottom:16px}.mode-modal h2{font-size:24px;font-weight:800;margin-bottom:8px}.mode-modal p{color:var(--text-secondary);margin-bottom:28px}.mode-buttons{display:flex;flex-direction:column;gap:12px}.mode-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:var(--radius-md);border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-primary);font-family:var(--font);font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition)}.mode-btn:hover{background:var(--bg-card-hover);border-color:var(--accent-1);transform:translateY(-2px)}.mode-btn.primary{background:var(--gradient-primary);border:none;color:#fff}.mode-btn.primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 24px #6c5ce74d}.mode-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer}.lobby-container{max-width:500px;margin:60px auto;padding:0 24px;text-align:center}.lobby-card{background:var(--gradient-card);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:48px 32px}.lobby-card h2{font-size:24px;font-weight:800;margin-bottom:8px}.lobby-card p{color:var(--text-secondary);margin-bottom:32px}.lobby-spinner{width:48px;height:48px;border:3px solid var(--border-glass);border-top-color:var(--accent-1);border-radius:50%;margin:0 auto 24px;animation:spin 1s linear infinite}.share-link-box{display:flex;gap:8px;margin-top:20px}.share-link-input{flex:1;padding:12px 16px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;font-family:var(--font);outline:none}.share-link-btn{padding:12px 20px;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;font-family:var(--font);font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap}.game-container{max-width:600px;margin:0 auto;padding:20px 16px 80px}.game-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:16px 20px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg)}.game-title-area{display:flex;align-items:center;gap:12px}.game-title-area .emoji{font-size:28px}.game-title-area h2{font-size:18px;font-weight:700}.game-players{display:flex;align-items:center;gap:12px}.player-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:100px;font-size:13px;font-weight:600;border:2px solid transparent}.player-badge.active{border-color:var(--accent-1);box-shadow:0 0 12px #6c5ce74d}.player-badge.p1{background:#ef444426;color:#ef4444}.player-badge.p2{background:#3b82f626;color:#3b82f6}.vs-text{font-size:12px;font-weight:800;color:var(--text-muted)}.game-board-wrapper{display:flex;justify-content:center;margin-bottom:20px}.game-status{text-align:center;padding:16px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);font-size:16px;font-weight:600;color:var(--text-primary)}.game-status.winner{background:linear-gradient(135deg,#10b98126,#0596691a);border-color:#10b9814d;color:#10b981}.game-status.draw{background:linear-gradient(135deg,#f59e0b26,#d977061a);border-color:#f59e0b4d;color:#f59e0b}.ttt-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(360px,90vw);aspect-ratio:1}.ttt-cell{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:900;cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none}.ttt-cell:hover:not(.taken){background:var(--bg-card-hover);border-color:var(--accent-1)}.ttt-cell.taken{cursor:default}.ttt-cell.x{color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.4)}.ttt-cell.o{color:#3b82f6;text-shadow:0 0 20px rgba(59,130,246,.4)}.ttt-cell.win{background:#10b98126;border-color:#10b981;animation:cellWin .5s ease}.checkers-board{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;width:min(400px,90vw);aspect-ratio:1;background:var(--border-glass);border-radius:var(--radius-md);overflow:hidden}.checkers-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);position:relative}.checkers-cell.light{background:#e8d5b5}.checkers-cell.dark{background:#6d4c2e}.checkers-cell.selected{box-shadow:inset 0 0 0 3px #f59e0b}.checkers-cell.valid-move:after{content:"";width:30%;height:30%;border-radius:50%;background:#10b98199}.checkers-piece{width:70%;height:70%;border-radius:50%;border:3px solid rgba(255,255,255,.3);transition:var(--transition);position:relative}.checkers-piece.red{background:radial-gradient(circle at 35% 35%,#ff6b6b,#c0392b)}.checkers-piece.black{background:radial-gradient(circle at 35% 35%,#555,#111)}.checkers-piece.king:after{content:"♛";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:16px;color:gold}.c4-board{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:16px;background:linear-gradient(145deg,#1a3a8a,#0f2460);border-radius:var(--radius-lg);width:min(420px,90vw);box-shadow:0 8px 32px #0f246080}.c4-cell{aspect-ratio:1;border-radius:50%;background:var(--bg-primary);cursor:pointer;transition:var(--transition);border:2px solid rgba(255,255,255,.05)}.c4-cell:hover{background:#ffffff1a}.c4-cell.red{background:radial-gradient(circle at 35% 35%,#ff6b6b,#dc2626);border-color:#dc2626}.c4-cell.yellow{background:radial-gradient(circle at 35% 35%,#fde047,#eab308);border-color:#eab308}.c4-cell.win{animation:cellWin .5s ease;box-shadow:0 0 16px currentColor}.reversi-board{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;width:min(400px,90vw);aspect-ratio:1;background:#1a5c2a;border-radius:var(--radius-md);padding:4px;box-shadow:inset 0 2px 8px #0000004d}.reversi-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#2d8a3e;cursor:pointer;border-radius:2px;transition:var(--transition)}.reversi-cell:hover{background:#35a347}.reversi-cell.valid{background:#10b9814d}.reversi-piece{width:75%;height:75%;border-radius:50%;transition:transform .4s ease}.reversi-piece.black{background:radial-gradient(circle at 35% 35%,#555,#111);box-shadow:0 2px 4px #00000080}.reversi-piece.white{background:radial-gradient(circle at 35% 35%,#fff,#ccc);box-shadow:0 2px 4px #0000004d}.reversi-piece.flip{animation:flipPiece .4s ease}.battleship-boards{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:580px}.bs-board-section h3{text-align:center;font-size:14px;margin-bottom:8px;color:var(--text-secondary)}.bs-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;background:#06b6d41a;border-radius:var(--radius-sm);padding:4px}.bs-cell{aspect-ratio:1;background:#06b6d40d;border:1px solid rgba(6,182,212,.1);cursor:pointer;transition:var(--transition);border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:10px}.bs-cell:hover{background:#06b6d433}.bs-cell.ship{background:#64748b66}.bs-cell.hit{background:#ef444466;color:#ef4444}.bs-cell.miss{background:#94a3b833}.bs-cell.sunk{background:#ef444499}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:min(400px,90vw)}.memory-card{aspect-ratio:1;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:32px;cursor:pointer;transition:transform .3s ease,background .3s ease;transform-style:preserve-3d;border:2px solid var(--border-glass)}.memory-card.hidden{background:var(--gradient-primary);color:transparent}.memory-card.revealed{background:var(--bg-glass);transform:rotateY(180deg)}.memory-card.matched{background:#10b98126;border-color:#10b981;pointer-events:none}.snake-board{display:grid;gap:1px;background:#10b9810d;border:2px solid rgba(16,185,129,.2);border-radius:var(--radius-md)}.snake-cell{aspect-ratio:1;background:var(--bg-glass);border-radius:2px;transition:background .1s}.snake-cell.snake{background:#10b981;border-radius:4px}.snake-cell.head{background:#059669;box-shadow:0 0 8px #10b98180}.snake-cell.food{background:#ef4444;border-radius:50%;animation:pulse .5s infinite}.snake-controls{display:grid;grid-template-columns:repeat(3,64px);grid-template-rows:repeat(2,64px);gap:8px;justify-content:center;margin-top:20px}.snake-ctrl-btn{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);font-size:24px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.snake-ctrl-btn:hover{background:var(--bg-card-hover)}.snake-ctrl-btn:active{transform:scale(.95)}.snake-score{text-align:center;font-size:28px;font-weight:800;margin-bottom:16px;background:var(--gradient-green);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-2048-board{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;background:#a855f714;border-radius:var(--radius-lg);width:min(380px,90vw)}.tile-2048{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-weight:800;transition:all .15s ease;-webkit-user-select:none;user-select:none}.tile-2048.empty{background:#ffffff0a}.tile-2048.v2{background:#eee4da;color:#776e65;font-size:28px}.tile-2048.v4{background:#ede0c8;color:#776e65;font-size:28px}.tile-2048.v8{background:#f2b179;color:#fff;font-size:28px}.tile-2048.v16{background:#f59563;color:#fff;font-size:24px}.tile-2048.v32{background:#f67c5f;color:#fff;font-size:24px}.tile-2048.v64{background:#f65e3b;color:#fff;font-size:24px}.tile-2048.v128{background:#edcf72;color:#fff;font-size:22px}.tile-2048.v256{background:#edcc61;color:#fff;font-size:22px}.tile-2048.v512{background:#edc850;color:#fff;font-size:22px}.tile-2048.v1024{background:#edc53f;color:#fff;font-size:18px}.tile-2048.v2048{background:#edc22e;color:#fff;font-size:18px;animation:cellWin .5s ease}.tile-2048.vbig{background:#3c3a32;color:#fff;font-size:14px}.score-2048{display:flex;justify-content:center;gap:16px;margin-bottom:16px}.score-box{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:8px 24px;text-align:center}.score-box label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;font-weight:600}.score-box .value{font-size:24px;font-weight:800;color:var(--text-primary)}.mines-board{display:grid;gap:2px;background:#64748b1a;border-radius:var(--radius-md);padding:4px}.mines-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;cursor:pointer;border-radius:3px;transition:var(--transition);-webkit-user-select:none;user-select:none}.mines-cell.hidden{background:linear-gradient(145deg,#64748b4d,#64748b26);border:1px solid rgba(148,163,184,.15)}.mines-cell.hidden:hover{background:#64748b66}.mines-cell.revealed{background:#ffffff08;border:1px solid rgba(255,255,255,.03)}.mines-cell.mine{background:#ef44444d}.mines-cell.flagged{background:#f59e0b33}.mines-cell.n1{color:#3b82f6}.mines-cell.n2{color:#10b981}.mines-cell.n3{color:#ef4444}.mines-cell.n4{color:#8b5cf6}.mines-cell.n5{color:#f97316}.mines-cell.n6{color:#06b6d4}.mines-cell.n7{color:#ec4899}.mines-cell.n8{color:#6b7280}.mines-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);margin-bottom:12px}.mines-counter{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.typing-container{max-width:600px;margin:0 auto}.typing-text{padding:24px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);font-size:18px;line-height:2;letter-spacing:.5px;margin-bottom:20px;font-family:Courier New,monospace}.typing-text .correct{color:#10b981}.typing-text .incorrect{color:#ef4444;background:#ef44441a;border-radius:2px}.typing-text .current{border-bottom:2px solid var(--accent-1);animation:blink 1s infinite}.typing-text .pending{color:var(--text-muted)}.typing-input{width:100%;padding:16px 20px;background:var(--bg-glass);border:2px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);font-size:18px;font-family:Courier New,monospace;outline:none;transition:var(--transition)}.typing-input:focus{border-color:var(--accent-1)}.typing-stats{display:flex;justify-content:center;gap:24px;margin-bottom:20px}.typing-stat{text-align:center}.typing-stat .value{font-size:36px;font-weight:800;color:var(--accent-1)}.typing-stat .label{font-size:12px;color:var(--text-secondary);text-transform:uppercase}.gameover-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:300;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.gameover-card{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:48px 40px;max-width:420px;width:90%;text-align:center;animation:scaleIn .4s ease}.gameover-emoji{font-size:72px;margin-bottom:16px}.gameover-card h2{font-size:28px;font-weight:900;margin-bottom:8px}.gameover-card p{color:var(--text-secondary);margin-bottom:32px;font-size:16px}.gameover-buttons{display:flex;gap:12px;justify-content:center}.gameover-btn{padding:14px 28px;border-radius:var(--radius-md);font-family:var(--font);font-size:15px;font-weight:600;cursor:pointer;transition:var(--transition);border:none}.gameover-btn.primary{background:var(--gradient-primary);color:#fff}.gameover-btn.secondary{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-primary)}.gameover-btn:hover{transform:translateY(-2px)}.name-input-container{display:flex;gap:8px;margin-bottom:20px;max-width:300px;margin-left:auto;margin-right:auto}.name-input{flex:1;padding:10px 16px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font);font-size:14px;outline:none}.name-input:focus{border-color:var(--accent-1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes cellWin{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes flipPiece{0%{transform:scale(1)}50%{transform:scale(0)}to{transform:scale(1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes newTile{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.header-right{display:flex;align-items:center;gap:12px}.user-profile-badge{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:100px;font-size:14px;font-weight:600;color:var(--text-primary)}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-1)}.user-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff}.user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:0 4px;transition:var(--transition)}.logout-btn:hover{color:#ef4444}@media(max-width:640px){.games-grid{grid-template-columns:1fr}.game-card{padding:20px}.game-card-emoji{font-size:36px}.battleship-boards{grid-template-columns:1fr}.header{padding:12px 16px}.hero h1{font-size:28px}.hero p{font-size:15px}.home-container{padding:24px 16px 60px}.mode-modal{padding:28px 20px}.gameover-card{padding:32px 24px}.typing-text{font-size:15px}.game-header{flex-direction:column;gap:12px}.user-name{max-width:80px}}