@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";.home-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#000;color:#fff;font-family:Orbitron,Rajdhani,Share Tech Mono,Arial,sans-serif;padding:20px;box-sizing:border-box;overflow:hidden}.home-page h1{font-size:3.5rem;margin-bottom:1.5rem;color:#ff9800;text-shadow:0 0 10px #ffffff,0 0 20px #ffffff;font-weight:700;letter-spacing:2px;animation:title-glow 3s ease-in-out infinite alternate;text-align:center}@keyframes alpha-glow{0%{text-shadow:0 0 2px #ffffff,0 0 10px #ffffff}to{text-shadow:0 0 1px #ffffff,0 0 5px #ffffff}}.home-page .menu{display:flex;flex-direction:column;gap:1.2rem;width:100%;max-width:400px;align-items:center}.menu-button{display:block;padding:1.2rem 2.5rem;font-size:1.3rem;background:linear-gradient(145deg,#333,#444);color:#fff;border:2px solid #666;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:280px;text-align:center;text-decoration:none;font-family:Orbitron,monospace;font-weight:700;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;box-shadow:0 4px 8px #0000004d;width:100%;max-width:300px}.menu-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.menu-button:hover:before{left:100%}.menu-button:hover{background:linear-gradient(145deg,#2196f3,#1976d2);border-color:#2196f3;color:#fff;box-shadow:0 0 20px #2196f3,0 8px 16px #2196f34d;transform:translateY(-2px);text-shadow:0 0 8px #2196F3}.menu-button:active{transform:translateY(0);box-shadow:0 0 10px #2196f3,0 4px 8px #2196f34d}@media (max-width: 768px){.home-page{padding:20px 10px 10px;justify-content:flex-start}.home-page h1{font-size:2.5rem;margin-bottom:1.5rem;letter-spacing:1px}.home-page .menu{gap:1rem;max-width:100%}.menu-button{min-width:250px;padding:1rem 2rem;font-size:1rem;letter-spacing:.5px}}@media (max-width: 1200px){.community-section,.community-links{max-width:500px}.community-link{max-width:205px}}@media (max-width: 1000px){.community-section,.community-links{max-width:400px}.community-link{max-width:155px}}@media (max-width: 768px) and (orientation: landscape){.home-page{justify-content:center;padding-top:10px}.home-page h1{font-size:2rem;margin-bottom:1rem}.home-page .menu{gap:.8rem}.menu-button{padding:.8rem 1.5rem;font-size:.9rem}}@media (hover: none) and (pointer: coarse){.menu-button{min-height:44px}.menu-button:hover{transform:none;box-shadow:0 4px 8px #0000004d}.menu-button:active{transform:translateY(1px);box-shadow:0 2px 4px #0000004d}}.community-section{margin-top:3rem;width:100%;max-width:650px;display:flex;flex-direction:column;align-items:center;gap:1rem}.community-title{font-size:1.2rem;color:#2196f3;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 5px #2196f3;text-align:center}.community-links{display:flex;flex-direction:row;gap:1rem;width:100%;justify-content:center;max-width:650px}.community-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(145deg,#222,#333);border:2px solid #555;border-radius:12px;text-decoration:none;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 8px #0000004d;width:100%;max-width:265px}.community-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.community-link:hover:before{left:100%}.community-link:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0006}.discord-link:hover,.kofi-link:hover{background:linear-gradient(145deg,#ff9900d5,#ff9900d5);border-color:#ff9800;box-shadow:0 0 20px #ff9800,0 6px 12px #ff98004d}.link-icon{font-size:2rem;flex-shrink:0;width:50px;text-align:center}.link-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.kofi-link .link-content{text-align:right}.link-title{font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#2196f3;text-shadow:0 0 5px #2196f3}.link-description{font-size:.85rem;color:#ccc;line-height:1.3;font-family:Rajdhani,Share Tech Mono,Arial,sans-serif}.menu-form{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:400px;align-items:center}.form-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.form-label{font-size:1rem;color:#ccc;font-weight:700;text-transform:uppercase;letter-spacing:1px}.menu-input{padding:1rem 1.5rem;font-size:1.1rem;background:linear-gradient(145deg,#222,#333);color:#fff;border:2px solid #555;border-radius:8px;transition:all .3s ease;font-family:Orbitron,monospace;width:100%;box-sizing:border-box}.menu-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 10px #2196f34d;background:linear-gradient(145deg,#333,#444)}.menu-input::placeholder{color:#888}.menu-input:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#f443361a;border:1px solid #f44336;color:#ff6b6b;padding:1rem;border-radius:8px;font-size:.9rem;text-align:center;width:100%}.loading-message,.no-rooms-message{color:#ccc;font-size:1.1rem;text-align:center;padding:2rem}.link-button{color:#2196f3;background:none;border:none;text-decoration:underline;cursor:pointer;font-size:inherit;font-family:inherit;transition:color .3s ease}.link-button:hover{color:#64b5f6}.rooms-section{width:100%;max-width:500px}.rooms-title{font-size:1.5rem;color:#ff9800;margin-bottom:1rem;text-align:center;text-transform:uppercase;letter-spacing:1px}.rooms-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.room-item{padding:1rem;background:linear-gradient(145deg,#222,#333);border:2px solid #555;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center}.room-item:hover{border-color:#2196f3;background:linear-gradient(145deg,#333,#444);transform:translateY(-1px)}.room-item.selected{border-color:#2196f3;background:linear-gradient(145deg,#1976d2,#2196f3);box-shadow:0 0 15px #2196f34d}.room-info{display:flex;flex-direction:column;gap:.25rem}.room-id{font-weight:700;color:#fff;font-size:1.1rem}.room-host{color:#ccc;font-size:.9rem}.room-meta{color:#888;font-size:.8rem;text-align:right}.menu-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.menu-button.secondary{background:linear-gradient(145deg,#444,#555);border-color:#777;min-width:auto;padding:.8rem 1.5rem;font-size:1rem}.menu-button.secondary:hover{background:linear-gradient(145deg,#555,#666);border-color:#999;box-shadow:0 0 15px #ffffff1a}@media (max-width: 768px){.rooms-section{max-width:100%}.room-item{flex-direction:column;gap:.5rem;text-align:center}.room-meta{text-align:center}.menu-actions{flex-direction:column;gap:.5rem}.menu-button.secondary{width:100%}}@media (max-width: 768px){.community-section{margin-top:2rem;gap:.8rem}.community-title{font-size:1rem}.community-links{flex-direction:column;align-items:center}.community-link{padding:.8rem 1.2rem;gap:.8rem;max-width:300px}.link-icon{font-size:1.5rem;width:40px}.link-title{font-size:1rem}.link-description{font-size:.8rem}}@media (max-width: 768px) and (orientation: landscape){.community-section{margin-top:1.5rem}.community-link{padding:.6rem 1rem}.link-icon{font-size:1.3rem;width:35px}.link-title{font-size:.9rem}.link-description{font-size:.75rem}}@media (hover: none) and (pointer: coarse){.community-link{min-height:44px}.community-link:hover{transform:none;box-shadow:0 4px 8px #0000004d}.community-link:active{transform:translateY(1px);box-shadow:0 2px 4px #0000004d}}.intro-text-container{max-width:1000px;margin:0 auto;text-align:center;z-index:1;position:relative;pointer-events:none;padding:2.5vh 2vw 0 2vw;width:100%}.intro-text-line{color:#fff;font-weight:600;font-family:Orbitron,Rajdhani,Share Tech Mono,Arial,sans-serif;font-size:2.2rem;letter-spacing:.02em;line-height:2.1;white-space:nowrap;word-break:normal;margin-bottom:.2rem;display:block;transition:font-size .2s}.intro-text-always{color:#fb8c00;text-shadow:0 0 8px #fff,0 0 16px #fff,0 0 24px #fff;font-weight:600;font-family:Orbitron,Rajdhani,Share Tech Mono,Arial,sans-serif;font-size:2.2rem;letter-spacing:.02em;line-height:2.1;pointer-events:none;white-space:nowrap}.intro-stanza-break{height:2.2rem;width:100%;display:block}@media (max-width: 768px){.intro-text-container{max-width:98vw;padding:2vh 2vw 0 2vw}.intro-text-line,.intro-text-always{font-size:1.15rem;line-height:1.5;word-break:normal}.intro-stanza-break{height:3.2rem}}@media (max-width: 480px){.intro-text-container{max-width:100vw;padding:1vh 1vw 0 1vw}.intro-text-line,.intro-text-always{font-size:.95rem;line-height:1.3;word-break:normal}.intro-stanza-break{height:2.5rem}}.leaderboard-table{background:#222222e6;border-radius:12px;padding:2rem;margin-bottom:2rem;max-width:800px;width:90%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;overflow-x:auto}.leaderboard-header,.leaderboard-row{display:grid;grid-template-columns:60px 1fr 100px 80px 80px 100px;gap:1rem;align-items:center}.leaderboard-header{padding:1rem;background:linear-gradient(145deg,#2c528f,#2196f3);border-radius:8px;margin-bottom:1rem;font-weight:700;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.5);font-size:1.1rem}.leaderboard-header-group{white-space:nowrap}.leaderboard-row{padding:1rem;border-radius:8px;margin-bottom:.5rem;transition:all .3s ease;cursor:pointer;border:1px solid transparent}.leaderboard-row.even{background:#ffffff0d}.leaderboard-row.odd{background:#ffffff05}.leaderboard-row:hover,.leaderboard-row:active{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.leaderboard-group.rank-player{display:flex;align-items:center;gap:.7em;font-weight:700;color:#fff;min-width:0;overflow:hidden}.leaderboard-rank{font-weight:700;color:#fff;flex-shrink:0}.leaderboard-rank.gold{color:gold;text-shadow:0 0 8px #FFD700}.leaderboard-rank.blue{color:#2196f3;text-shadow:0 0 8px #2196f3}.leaderboard-player{font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-group.wins-losses{font-size:1.05em;font-weight:500;color:#fff;display:flex;align-items:center;gap:.2em;justify-content:flex-start}.leaderboard-wins{color:#4caf50;font-weight:700}.leaderboard-losses{color:#f44336;font-weight:700}.leaderboard-group.score-winrate{display:flex;align-items:center;gap:.5em;font-size:1.05em;font-weight:500;color:#fff;justify-content:flex-start}.leaderboard-score{color:#ff9800;font-weight:700}.leaderboard-winrate{color:#2196f3;font-weight:700}@media (max-width: 768px){.leaderboard-table{padding:1rem;max-width:100vw;width:100vw;font-size:.95rem}.leaderboard-header,.leaderboard-row{grid-template-columns:2fr 1.2fr .7fr;gap:.5rem;padding:.5rem}.leaderboard-header{font-size:1rem;padding:.5rem}.leaderboard-row{font-size:.95rem;padding:.5rem}.leaderboard-player{font-size:.95rem;white-space:normal;overflow:visible;text-overflow:unset}}@media (max-width: 480px){.leaderboard-table{padding:.3rem;font-size:.85rem}.leaderboard-header,.leaderboard-row{grid-template-columns:2.4fr .9fr .7fr;grid-template-rows:auto;gap:.3rem}.leaderboard-header-group,.leaderboard-group{font-size:.95rem;padding:.1rem .2rem;white-space:normal;overflow:visible;text-overflow:unset;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;width:100%}.leaderboard-header-group{font-weight:700;color:#fff;background:none;border:none;box-shadow:none;text-shadow:none;margin-bottom:.1em}.leaderboard-row{font-size:.85rem;padding:.3rem}.leaderboard-group.rank-player,.leaderboard-group.wins-losses,.leaderboard-group.score-winrate{width:100%;justify-content:flex-start;margin-bottom:.1em}.leaderboard-group.score{justify-content:flex-end;text-align:right}}@media (max-width: 340px){.leaderboard-header,.leaderboard-row{font-size:.7rem;padding:.15rem .1rem;gap:.15rem}.leaderboard-header-group,.leaderboard-group{font-size:.7rem;padding:.05rem .1rem}}.replays-page{min-height:100vh;background-color:#000;color:#fff;font-family:Orbitron,Rajdhani,Share Tech Mono,Arial,sans-serif;display:flex;flex-direction:column}.replays-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:2px solid rgba(255,255,255,.1);background:#222222e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.replays-header h1{font-size:1.8rem;font-weight:700;color:#ff9800;text-shadow:0 0 10px #ffffff,0 0 20px #ffffff;margin:0;letter-spacing:2px;animation:title-glow 3s ease-in-out infinite alternate}@keyframes title-glow{0%{text-shadow:0 0 10px #ffffff,0 0 20px #ffffff,0 0 30px #ffffff}to{text-shadow:0 0 5px #ffffff,0 0 15px #ffffff,0 0 25px #ffffff}}.back-button{display:block;padding:.6rem 1.2rem;font-size:.9rem;background:linear-gradient(145deg,#333,#444);color:#fff;border:2px solid #666;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;font-family:Orbitron,monospace;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 8px #0000004d}.back-button:hover{background:linear-gradient(145deg,#2196f3,#1976d2);border-color:#2196f3;color:#fff;box-shadow:0 0 20px #2196f3,0 8px 16px #2196f34d;transform:translateY(-2px);text-shadow:0 0 8px #2196F3}.clear-all-button{display:block;padding:.6rem 1.2rem;font-size:.9rem;background:linear-gradient(145deg,#dc3545,#c82333);color:#fff;border:2px solid #dc3545;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;font-family:Orbitron,monospace;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 8px #0000004d}.clear-all-button:hover{background:linear-gradient(145deg,#c82333,#bd2130);border-color:#c82333;color:#fff;box-shadow:0 0 20px #dc3545,0 8px 16px #dc35454d;transform:translateY(-2px);text-shadow:0 0 8px #dc3545}.replays-layout{display:flex;flex:1}.match-list-panel{width:50%;padding:20px;border-right:2px solid rgba(255,255,255,.1);background:#222222e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto}.replay-panel{width:50%;padding:20px;background:#222222e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto}.match-list-panel h2,.replay-panel h2{margin-top:0;margin-bottom:20px;color:#ff9800;font-size:1.8rem;font-weight:700;text-shadow:0 0 10px rgba(255,152,0,.3);letter-spacing:1px}.matches-table-container{overflow-x:auto}.matches-table{width:100%;border-collapse:collapse;font-size:.9rem;background:#222222e6;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1)}.matches-table th,.matches-table td{padding:12px 8px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.matches-table th{background:linear-gradient(145deg,#2c528f,#2196f3);color:#fff;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 0 4px rgba(0,0,0,.5)}.matches-table tr{cursor:pointer;transition:all .3s ease;border:1px solid transparent}.matches-table tr:nth-child(2n){background:#ffffff0d}.matches-table tr:nth-child(odd){background:#ffffff05}.matches-table tr:hover{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.matches-table tr.selected{background:#2196f31a;border-left:3px solid #2196f3}.game-mode-badge{background:linear-gradient(145deg,#ff9800,#f57c00);color:#fff;padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;box-shadow:0 2px 4px #ff98004d}.game-mode-badge.hotseat{background:linear-gradient(145deg,#ff9800,#f57c00);box-shadow:0 2px 4px #ff98004d}.game-mode-badge.multiplayer{background:linear-gradient(145deg,#2196f3,#1976d2);box-shadow:0 2px 4px #2196f34d}.game-mode-badge.ai{background:linear-gradient(145deg,#9c27b0,#7b1fa2);box-shadow:0 2px 4px #9c27b04d}.winner-badge{background:linear-gradient(145deg,#4caf50,#388e3c);color:#fff;padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:700;box-shadow:0 2px 4px #4caf504d}.winner-badge.player1{background:linear-gradient(145deg,#ff9800,#f57c00);box-shadow:0 2px 4px #ff98004d}.winner-badge.player2{background:linear-gradient(145deg,#2196f3,#1976d2);box-shadow:0 2px 4px #2196f34d}.win-condition-badge{background:linear-gradient(145deg,#9c27b0,#7b1fa2);color:#fff;padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;box-shadow:0 2px 4px #9c27b04d}.win-condition-badge.points{background:linear-gradient(145deg,#9c27b0,#7b1fa2);box-shadow:0 2px 4px #9c27b04d}.win-condition-badge.echoes{background:linear-gradient(145deg,#4caf50,#388e3c);box-shadow:0 2px 4px #4caf504d}.win-condition-badge.destruction{background:linear-gradient(145deg,#f44336,#d32f2f);box-shadow:0 2px 4px #f443364d}.no-winner{color:#ffffff80;font-style:italic}.replay-content{display:flex;flex-direction:column;gap:20px}.replay-controls{background:#222222e6;padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.replay-controls h4{margin-top:0;color:#ff9800;font-size:1.3rem;font-weight:700;text-shadow:0 0 10px rgba(255,152,0,.3);letter-spacing:1px}.control-btn{display:inline-block;padding:6px 12px;font-size:.8rem;background:linear-gradient(145deg,#333,#444);color:#fff;border:2px solid #666;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Orbitron,monospace;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 8px #0000004d;margin-right:5px;margin-bottom:5px;line-height:1;vertical-align:middle}.control-btn:hover:not(:disabled){background:linear-gradient(145deg,#2196f3,#1976d2);border-color:#2196f3;color:#fff;box-shadow:0 0 20px #2196f3,0 8px 16px #2196f34d;transform:translateY(-2px);text-shadow:0 0 8px #2196F3}.control-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 4px 8px #0000004d}.game-board-placeholder{background:#222222e6;padding:15px;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.game-board-placeholder h4{margin-top:0;color:#ff9800;font-size:1.3rem;font-weight:700;text-shadow:0 0 10px rgba(255,152,0,.3);letter-spacing:1px}.board-grid{display:inline-block;margin-top:15px;border:2px solid rgba(255,255,255,.3);border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000004d}.board-row{display:flex}.board-tile{width:40px;height:40px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;background:#ffffff0d;color:#fff}.board-tile:nth-child(2n){background:#ffffff14}.no-match-selected{text-align:center;padding:40px;color:#fff9;background:#222222e6;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.no-match-selected h3{color:#ff9800;margin-bottom:10px;font-weight:700;text-shadow:0 0 10px rgba(255,152,0,.3);letter-spacing:1px}.loading,.error{text-align:center;padding:60px 20px;font-size:1.2rem;background:#222222e6;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading{color:#2196f3;font-weight:700;text-shadow:0 0 10px rgba(33,150,243,.3)}.error{color:#f44336;font-weight:700;text-shadow:0 0 10px rgba(244,67,54,.3)}.error h2{margin-bottom:20px;color:#f44336}.retry-button{display:block;padding:12px 24px;font-size:1.1rem;background:linear-gradient(145deg,#f44336,#d32f2f);color:#fff;border:2px solid #d32f2f;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Orbitron,monospace;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 8px #0000004d;margin-top:20px}.retry-button:hover{background:linear-gradient(145deg,#d32f2f,#b71c1c);border-color:#b71c1c;box-shadow:0 0 20px #f44336,0 8px 16px #f443364d;transform:translateY(-2px);text-shadow:0 0 8px #f44336}@media (max-width: 768px){.replays-layout{flex-direction:column;height:auto}.match-list-panel,.replay-panel{width:100%;border-right:none;border-bottom:2px solid rgba(255,255,255,.1)}.replays-header{flex-direction:column;gap:20px;text-align:center}.replays-header h1{font-size:2rem}.matches-table{font-size:.8rem}.matches-table th,.matches-table td{padding:8px 4px}.control-btn{padding:10px 16px;font-size:.9rem;margin-bottom:8px}}*{box-sizing:border-box}body,html,#root{font-family:Orbitron,Rajdhani,Share Tech Mono,Arial,sans-serif;margin:0;padding:0;overflow-x:hidden}:root{--mobile-tile-size: 40px;--tablet-tile-size: 60px;--desktop-tile-size: 80px;--mobile-font-size: .8rem;--tablet-font-size: 1rem;--desktop-font-size: 1.2rem}@media (max-width: 768px){.board-tile{width:var(--mobile-tile-size)!important;height:var(--mobile-tile-size)!important}.board-label{font-size:14px!important}.menu-button{min-width:250px!important;padding:1rem 2rem!important;font-size:1rem!important}.home-page h1{font-size:2.5rem!important}.game-container{flex-direction:column!important;padding:10px!important}.sidebar{width:100%!important;max-width:none!important;margin-top:10px!important}.echo-popup{display:none!important}.echo-action-assignment{flex-direction:column!important;gap:10px!important}.echo-action-sidebar{position:static!important;width:100%!important;max-width:none!important;height:auto!important;min-height:400px!important;margin:0!important;left:auto!important;top:auto!important}.echo-action-board{order:-1!important}.scoreboard-mobile{font-size:1rem!important;padding:2px 0!important}.scoreboard-mobile>div{font-size:1rem!important;padding:0!important}.turn-title-mobile{font-size:1rem!important;padding:0!important}.turn-title-mobile h2{font-size:1.1rem!important;margin:.2em 0!important;text-decoration:underline}}@media (min-width: 769px) and (max-width: 1024px){.board-tile{width:var(--tablet-tile-size)!important;height:var(--tablet-tile-size)!important}.board-label{font-size:18px!important}.menu-button{min-width:280px!important;padding:1.1rem 2.3rem!important;font-size:1.1rem!important}.home-page h1{font-size:3.5rem!important}.echo-action-assignment{gap:15px!important}.echo-action-sidebar{width:350px!important;height:600px!important;left:-410px!important}}@media (min-width: 1025px){.board-tile{width:var(--desktop-tile-size)!important;height:var(--desktop-tile-size)!important}.board-label{font-size:28px!important}.menu-button{min-width:280px!important;padding:1.2rem 2.5rem!important;font-size:1.3rem!important}.home-page h1{font-size:4rem!important}.echo-action-sidebar{left:-460px!important}}@media (hover: none) and (pointer: coarse){.menu-button,.board-tile{min-height:44px!important}button,a{min-height:24px!important;min-width:24px!important}}@media (max-width: 768px) and (orientation: landscape){.home-page h1{font-size:2rem!important;margin-bottom:1rem!important}.menu{gap:1rem!important}.menu-button{padding:.8rem 1.5rem!important;font-size:.9rem!important}.echo-action-assignment{flex-direction:row!important;gap:10px!important}.echo-action-sidebar{width:300px!important;height:400px!important}}