:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-dark:#000;--text-gold:#d4af37;--text-grey:#888;--color-smash:linear-gradient(90deg, #d32f2f 0%, #b71c1c 100%);--color-finals:linear-gradient(90deg, #f57c00 0%, #e65100 100%);--color-champions:linear-gradient(90deg, #a0f 0%, #7200ca 100%);--color-star:linear-gradient(90deg, #2962ff 0%, #0039cb 100%);--color-contender:linear-gradient(90deg, #00b0ff 0%, #0081cb 100%);--color-worlds:linear-gradient(90deg, gold 0%, #b8860b 100%)}body{background-color:var(--bg-dark);color:#fff;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Arial,sans-serif;display:flex}.container{text-align:center;width:100%;max-width:700px;padding:20px}h1{letter-spacing:-1px;text-transform:uppercase;margin-bottom:5px;font-size:2.5rem;font-style:italic}.app-title-link{cursor:pointer;-webkit-user-select:none;user-select:none}.app-title-link:hover{opacity:.85}.app-title-link:focus{outline:2px solid var(--accent);outline-offset:4px}.subtitle{color:var(--text-grey);letter-spacing:1px;margin-bottom:40px;font-size:.9rem}.search-container{background:#1a1a1a;border:1px solid #333;border-radius:12px;flex-direction:column;gap:15px;margin-bottom:40px;padding:20px;display:flex;box-shadow:0 4px 20px #00000080}@media (min-width:600px){.search-container{flex-direction:row}}input{color:#fff;background:#000;border:1px solid #444;border-radius:8px;outline:none;font-size:1rem;transition:border-color .3s}input:focus{border-color:var(--text-gold)}.input-suggest-wrap{flex:2;position:relative}.input-city{box-sizing:border-box;width:100%;padding:15px}.player-suggestions{z-index:20;background:#101010;border:1px solid #444;border-radius:8px;max-height:240px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 28px #00000073}.suggestion-item{text-align:left;cursor:pointer;border-bottom:1px solid #2a2a2a;padding:10px 14px}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#d4af3729}.input-time{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:pointer;flex:1.5;padding:14px;font-family:Arial,sans-serif}.input-time::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer;opacity:.6}.input-time::-webkit-calendar-picker-indicator:hover{opacity:1}button{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;flex:.5;padding:15px;font-style:italic;font-weight:800;transition:transform .2s,background-color .2s}button:hover{background-color:var(--text-gold);transform:scale(1.05)}.event-bar{text-align:left;border-radius:12px;margin-top:20px;animation:.5s cubic-bezier(.2,.8,.2,1) slideIn;overflow:hidden;box-shadow:0 15px 40px #0009}.event-header{text-transform:uppercase;letter-spacing:.5px;color:#fff;justify-content:space-between;align-items:center;padding:15px 25px;font-size:1.1rem;font-style:italic;font-weight:800;display:flex}.style-smash{background:var(--color-smash)}.style-finals{background:var(--color-finals)}.style-champions{background:var(--color-champions)}.style-star{background:var(--color-star)}.style-contender{background:var(--color-contender)}.style-worlds{background:var(--color-worlds);color:#000}.style-default{background:#333}.event-body{background:#1a1a1a;border:1px solid #333;border-top:none;border-radius:0 0 12px 12px;padding:30px}.city-name{letter-spacing:1px;margin:0 0 25px;font-size:3rem;font-weight:900;line-height:1}.time-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.time-sub{color:#777;margin-top:4px;font-size:.6rem}.major-rate-wrap{justify-content:center;margin-top:12px;display:flex}.major-rate-card{width:calc(33.3333% - 10px);min-width:140px}@media (max-width:500px){.time-grid{grid-template-columns:1fr}.major-rate-card{width:100%}}.time-box{background:#252525;border:1px solid #333;border-radius:8px;padding:15px}.label{color:#aaa;text-transform:uppercase;margin-bottom:8px;font-size:.75rem;font-weight:700}.time-val{font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:700}.algo-note{color:var(--text-gold);background:#d4af370d;border-top:1px dashed #444;border-radius:6px;margin-top:25px;padding:10px;font-family:monospace;font-size:.85rem}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.player-photo-row{align-items:flex-start;gap:20px;display:flex}.player-photo-row.photo-left .player-photo.left{order:0}.player-photo-row.photo-right .player-photo.right{order:2}.player-photo-content{flex:1;order:1;min-width:0}.player-photo{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}.player-photo img{object-fit:cover;border:2px solid var(--text-gold);border-radius:8px;width:100px;height:100px}.player-photo span{color:var(--text-gold);font-size:.85rem;font-weight:700}.opponent-buttons{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.opponent-btn{color:#fff;cursor:pointer;background:#252525;border:1px solid #444;border-radius:8px;flex:none;padding:10px 18px;font-size:.95rem;transition:border-color .3s,background .3s}.opponent-btn:hover{border-color:var(--text-gold)}.opponent-btn.active{border-color:var(--text-gold);background:#d4af3726}.recent-matches{border-top:1px dashed #444;margin-top:20px;padding-top:15px}.recent-matches ul{color:#ccc;margin:8px 0 0;padding-left:20px;font-size:.82rem;overflow-x:auto}.recent-matches li{white-space:nowrap;border-radius:4px;margin-bottom:6px;margin-left:-8px;margin-right:-8px;padding:4px 8px}.recent-matches li.win-by-search-player{color:#f0e6c8;border-left:3px solid var(--text-gold);background:#d4af3738;padding-left:5px}.error-msg{color:#f44;margin-bottom:20px;font-weight:700;animation:.4s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.lang-switcher{z-index:100;align-items:center;gap:6px;font-size:.85rem;display:flex;position:fixed;bottom:14px;left:14px}.lang-switcher button{color:var(--text-grey);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px}.lang-switcher button:hover{color:#ccc}.lang-switcher button.active{color:var(--text-gold);font-weight:600}.lang-switcher .lang-sep{color:#555;-webkit-user-select:none;user-select:none}@media (max-width:600px){body{align-items:flex-start;padding-bottom:50px}.container{max-width:100%;padding:12px 14px}h1{margin-bottom:4px;font-size:1.5rem}.subtitle{margin-bottom:24px;font-size:.8rem}.search-container{gap:12px;margin-bottom:24px;padding:14px}.input-city{padding:12px 14px;font-size:.95rem}button{padding:12px 16px;font-size:.9rem}.event-header{flex-wrap:wrap;gap:4px;padding:12px 14px;font-size:.95rem}.event-body{padding:16px 14px}.city-name{margin-bottom:16px;font-size:1.6rem}.time-grid{grid-template-columns:1fr;gap:10px}.time-box{padding:12px}.time-val{font-size:1.15rem}.major-rate-card{width:100%;min-width:0}.opponent-buttons{gap:8px}.opponent-btn{padding:8px 14px;font-size:.88rem}.player-photo-row{flex-direction:row;align-items:flex-start;gap:10px}.player-photo img{width:56px;height:56px}.player-photo span{font-size:.72rem}.player-photo-content{min-width:0}.recent-matches ul{padding-left:18px;font-size:.78rem}.recent-matches li{white-space:normal;word-break:break-word;margin-bottom:8px}.lang-switcher{font-size:.8rem;bottom:10px;left:10px}}@media (max-width:380px){h1{font-size:1.3rem}.city-name{font-size:1.35rem}.opponent-btn{padding:6px 10px;font-size:.82rem}}