.live-events{max-width:900px;margin:0 auto;padding:20px;font-family:Segoe UI,sans-serif}.live-title{font-size:32px;font-weight:700;color:#2c3e50;text-align:center;margin-bottom:30px;padding-bottom:10px;border-bottom:3px solid #3498db;letter-spacing:1px;line-height:1.4}.no-events-message{text-align:center;margin-top:40px;font-size:18px;color:#7f8c8d;font-style:italic}.eventCard{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-bottom:32px;padding:24px;transition:transform .2s}.tournamentHeader{text-align:center;margin-bottom:16px}.tournamentName{font-size:22px;font-weight:700;color:#1e1e1e}.roundName{font-size:18px;font-weight:600;color:#666;margin-top:4px}.status{font-size:16px;font-weight:500;color:#777;margin-top:4px}.eventHeader{display:flex;align-items:center;justify-content:space-between}.teamBlock{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.playerImg img{width:100px;height:100px;object-fit:cover;border-radius:50%;border:1px solid #ddd}.teamName{font-size:16px;font-weight:500;color:#333;text-align:center}.setScore{flex:0 0 auto;font-size:24px;font-weight:700;color:#0a66c2;text-align:center;min-width:60px}.pointScore{text-align:center;font-size:20px;font-weight:700;margin:12px 0;color:#111}.eventTable{margin-top:16px;overflow-x:auto}.eventTable table{width:100%;border-collapse:collapse;font-size:14px}.eventTable th,.eventTable td{border:1px solid #ddd;padding:10px;text-align:center}.eventTable th{background-color:#f3f3f3;font-weight:700}.eventButton{display:block;margin:16px auto 0;padding:10px 24px;background-color:#0a66c2;color:#fff;border:none;border-radius:24px;font-size:16px;cursor:pointer;transition:background-color .2s}.eventButton:hover{background-color:#084d99}@media (max-width: 600px){html,body{padding:0;margin:0;width:100%;overflow-x:hidden;background-color:#fff}*,*:before,*:after{box-sizing:border-box}#root{padding:0;margin:0;width:100%}.live-events{padding:0!important;margin:0!important;width:100vw;max-width:100vw;background-color:#fff}.eventCard{width:100vw;margin:0;padding:16px 0;border:none;border-radius:0;box-shadow:none;background-color:#fff}.eventButton{width:100%;max-width:100%;border-radius:6px}.eventTable{overflow-x:auto}.eventTable table{min-width:360px;width:100%}}.ranking-table-container{padding:10px;overflow-x:auto;width:100%;background-color:#fafafa;border-radius:12px;box-shadow:0 2px 8px #00000014}.ranking-table{width:100%;border-collapse:collapse;min-width:190px;text-align:center;align-items:center}.ranking-table th,.ranking-table td{border:1px solid #ddd;padding:12px 16px;font-size:14px}.ranking-table th{background-color:#f0f0f0;font-weight:600;font-size:15px;color:#333}.ranking-table tr:nth-child(2n){background-color:#f9f9f9}.ranking-table tr:hover{background-color:#eef6ff}.ranking-table td{color:#555}.ranking-table td:nth-child(1){font-weight:700}.player-name{font-size:15px;font-weight:600;color:#222}@media (max-width: 768px){.ranking-table th,.ranking-table td{padding:8px 12px;font-size:12px}.ranking-table th{font-size:10px;font-weight:800}.ranking-table td:nth-child(1){font-size:10px}.player-name{font-size:12px}}.ranking-title{font-size:32px;font-weight:700;color:#2c3e50;text-align:center;margin-bottom:30px;padding-bottom:10px;border-bottom:3px solid #3498db;letter-spacing:1px;line-height:1.4}.load-more-button{margin:20px auto;display:block;padding:12px 24px;font-size:16px;font-weight:700;color:#fff;background-color:#3498db;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.load-more-button:hover{background-color:#2980b9;transform:translateY(-2px)}.load-more-button:active{background-color:#2980b9;transform:translateY(0)}.layout{display:flex;flex-direction:column;min-height:100vh;font-family:Segoe UI,sans-serif;background:#f5f7fa}.header{background-color:#152238;color:#fff;padding:16px}.header-inner{display:flex;justify-content:space-between;align-items:center}.logo{font-size:24px;font-weight:700;cursor:pointer}.hamburger{font-size:24px;cursor:pointer;display:none}.main{display:flex;flex:1;flex-direction:row;gap:24px;padding:40px 300px;align-items:stretch}.sidebar{flex:1;flex-shrink:0;background-color:#1e2e48;color:#fff;padding:24px;border-radius:12px}.sidebar h3{margin-top:0;font-size:18px;margin-bottom:8px}.sidebar ul{list-style:none;padding-left:0;margin-bottom:20px}.sidebar li{margin-bottom:6px;cursor:pointer;transition:color .2s}.sidebar li:hover{color:gold}.contents{flex:5;background-color:#fff;padding:32px;border-radius:12px;box-shadow:0 4px 12px #0000000f;min-width:300px;overflow-x:auto}.ad{flex:1;width:280px;flex-shrink:0;background-color:#fffde7;padding:24px;border-radius:12px;box-shadow:inset 0 0 10px #ffd70033;text-align:center;min-width:150px}.footer{background-color:#1e2e48;color:#c0c6d2;text-align:center;padding:20px;font-size:14px}.arrow{font-size:12px;margin-left:8px}@media (max-width: 768px){.main{flex-direction:column;padding:0;gap:0;align-items:stretch}.sidebar,.ad,.contents{width:100%;flex:none;min-width:0;border-radius:0;padding-left:0;padding-right:0}.contents{order:1;padding:16px 12px}.sidebar{order:-1;padding:16px;display:block}.ad{order:2;display:none}.header{padding:12px 0}.logo{text-align:center;margin:0 auto;display:block;font-size:20px}.hamburger{display:block}.footer{padding:16px;font-size:13px}}.hamburger{display:none}.sidebar{flex-shrink:0;min-width:50px;background-color:#1e2e48;color:#fff;padding:24px;border-radius:12px}.nav-title{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:14px;padding-bottom:4px;margin-bottom:8px;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-sublist{list-style:none;padding-left:0;font-size:10px;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease;margin-bottom:16px}.nav-sublist.open{max-height:300px;opacity:1}.nav-sublist li{padding-left:8px;font-size:13px;margin-bottom:6px;cursor:pointer;transition:color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-sublist li:hover{color:gold}@media (max-width: 768px){.hamburger{display:block;position:fixed;top:10px;left:20px;font-size:28px;background:none;border:none;color:#fff;z-index:1000;cursor:pointer}.sidebar{position:fixed;width:180px;top:0;left:-220px;height:100vh;z-index:999;transition:left .3s ease;border-radius:0;padding-top:64px}.sidebar.show{left:0}.nav-title{font-size:14px}.nav-sublist li{font-size:12px}}.chat-container{width:100%;max-width:600px;margin:auto;border:1px solid #ccc;border-radius:12px;display:flex;flex-direction:column;height:600px;font-family:sans-serif}.chat-header{background-color:#4caf50;color:#fff;padding:10px;text-align:center;font-weight:700;border-top-left-radius:12px;border-top-right-radius:12px}.chat-box{flex:1;padding:10px;overflow-y:auto;background-color:#f9f9f9}.chat-message{display:flex;flex-direction:column;padding:8px 12px;margin:6px 12px;border-radius:16px;font-size:14px;line-height:1.4;word-wrap:break-word;box-shadow:0 1px 3px #0000001a}.chat-input-area{display:flex;border-top:1px solid #ddd}.chat-input{flex:1;padding:10px;border:none;outline:none;font-size:14px}.chat-button{padding:10px 15px;background-color:#4caf50;color:#fff;border:none;cursor:pointer;font-weight:700}.chat-meta{font-size:12px;color:#555;margin-bottom:4px;font-weight:500}.sender{font-weight:700;color:#333;font-size:13px}.chat-bubble-container{display:flex;flex-direction:column;margin:8px 0;align-items:flex-start}.chat-bubble-container.mine{align-items:flex-end}.bubble-row{display:flex;align-items:flex-end;gap:6px}.bubble-row.mine{flex-direction:row-reverse}.chat-bubble{max-width:60%;padding:10px 14px;border-radius:16px;background-color:#f1f1f1;word-break:break-word}.chat-bubble.mine{background-color:#d1edff}.chat-time{font-size:11px;color:#888;white-space:nowrap;margin-bottom:2px}.chat-length-indicator{font-size:12px;color:#888;text-align:right;margin-right:6px}.test-detail{max-width:600px;margin:0 auto;padding:2rem;text-align:center}.test-title{font-size:2rem;margin-bottom:1.5rem}.test-image{width:100%;max-width:400px;border-radius:12px;margin-bottom:1rem}.test-description{font-size:1.1rem;color:#555;margin-bottom:2rem}.start-button{padding:.8rem 2rem;font-size:1rem;background-color:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700}.start-button:hover{background-color:#2980b9}.question-form-container{max-width:640px;margin:2rem auto;padding:1rem;font-family:Noto Sans KR,sans-serif}.question-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #0000000d;transition:all .3s ease}.question-title{font-size:1.2rem;font-weight:600;color:#2d3748;margin-bottom:1.5rem;text-align:center}.options-group{display:flex;flex-direction:column;gap:1rem}.option-button{padding:1rem;border:2px solid #3182ce;border-radius:8px;background-color:#fff;color:#3182ce;font-weight:600;font-size:1rem;transition:background-color .2s,color .2s;cursor:pointer}.option-button:hover{background-color:#2980b9;color:#2b6cb0}.option-button.selected{background-color:#3182ce;color:#fff;box-shadow:0 0 0 2px #63b3ed inset}.progress-indicator{text-align:right;font-size:.9rem;color:#666;margin-bottom:.5rem}.test-header-title{font-size:32px;font-weight:700;color:#2c3e50;text-align:center;margin-bottom:30px;padding-bottom:10px;border-bottom:3px solid #3498db;letter-spacing:1px;line-height:1.4}.test-list-container{display:flex;flex-direction:column;align-items:center;padding:2rem}.test-item{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.test-item:hover{transform:scale(1.02);box-shadow:0 4px 12px #0000001a}.test-thumbnail{width:100%;max-width:300px;border-radius:8px}.test-title{font-size:1.2rem;margin-top:.8rem;text-align:center}.test-description{font-size:.95rem;color:#555;margin-top:.3rem;text-align:center}.test-result-container{max-width:700px;margin:50px auto;padding:30px;text-align:center;border-radius:16px;box-shadow:0 4px 20px #0000001a;background-color:#fff}.result-title{font-size:24px;font-weight:700;margin-bottom:30px;color:#333}.player-image{width:180px;height:180px;object-fit:cover;border-radius:50%;margin-bottom:20px;border:4px solid #ddd}.player-kor-name{font-size:22px;font-weight:700;color:#2c3e50;margin-bottom:8px}.player-eng-name{font-size:16px;color:#7f8c8d;margin-bottom:12px}.player-description{font-size:16px;color:#444;line-height:1.5;padding:0 10px}.test-result-container{max-width:800px;margin:40px auto;padding:20px;background-color:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;text-align:center;font-family:Noto Sans KR,sans-serif}.result-title{font-size:1.8rem;font-weight:700;margin-bottom:30px;color:#333}.player-card{display:flex;flex-direction:column;align-items:center}.player-image{width:200px;height:200px;object-fit:cover;border-radius:50%;margin-bottom:20px;border:4px solid #eeeeee}.player-info{text-align:center}.player-kor-name{font-size:1.5rem;font-weight:700;margin:8px 0;color:#2c3e50}.player-eng-name{font-size:1rem;font-style:italic;color:#777;margin-bottom:10px}.player-description{font-size:1rem;line-height:1.6;color:#444;padding:0 10px}.string-result-container{max-width:700px;margin:50px auto;padding:30px;text-align:center;border-radius:16px;box-shadow:0 4px 20px #0000001a;background-color:#fff}.string-card{display:flex;flex-direction:column;align-items:center}.string-image{width:200px;height:200px;object-fit:cover;border-radius:12px;margin-bottom:20px;box-shadow:0 4px 12px #00000026}.string-info{text-align:center}.string-name{font-size:22px;font-weight:700;color:#34495e;margin-bottom:8px}.string-type{font-size:16px;color:#7f8c8d;margin-bottom:10px}.string-description{font-size:16px;color:#555;line-height:1.5}.racket-result-container{max-width:700px;margin:50px auto;padding:30px;text-align:center;border-radius:16px;box-shadow:0 4px 20px #0000001a;background-color:#fff}.result-title{font-size:24px;font-weight:700;margin-bottom:30px;color:#2c3e50}.racket-card{display:flex;flex-direction:column;align-items:center}.racket-image{width:220px;height:auto;border-radius:12px;margin-bottom:20px;box-shadow:0 4px 12px #00000026}.racket-info{text-align:center}.racket-name{font-size:22px;font-weight:700;color:#34495e;margin-bottom:8px}.racket-brand{font-size:16px;color:#7f8c8d;margin-bottom:10px}.racket-description{font-size:16px;color:#555;line-height:1.5}.share-button-title{font-size:20px;font-weight:600;text-align:center;margin-bottom:10px}.share-button-group{display:flex;gap:12px;justify-content:center;margin-top:20px}.url-copy-button{width:48px;height:48px;border:0px;border-radius:24px;color:#fff;background-color:brown;cursor:pointer;font-size:16px;font-weight:800}.result-button-group{display:flex;flex-direction:column;align-items:center;margin-top:32px;gap:16px}.button-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.button-row.single{margin-top:8px}.result-button{background-color:#3498db;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;cursor:pointer;transition:background-color .3s ease}.result-button:hover{background-color:#2980b9}