:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;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}}body,html,#root,.main-bg{height:100%;margin:0;padding:0;font-family:Segoe UI,Noto Sans TC,Arial,sans-serif;background:#0a233a;overflow-x:hidden}.main-bg{min-height:100vh;width:100vw;background:radial-gradient(ellipse at center 40%,#2566a6,#0a233a 80%),url(/COVER_Background.webp) center/cover no-repeat;display:flex;align-items:flex-start;justify-content:center;padding:2rem 0;box-sizing:border-box}.content-wrapper{background:#122c4deb;border-radius:36px;padding:3.5rem 2.5vw 2.5rem 2.5vw;max-width:580px;width:98vw;box-shadow:0 16px 48px #0a233a4d,0 2px 12px #0000001a;display:flex;flex-direction:column;align-items:center;border:1.5px solid #2e5d8a;position:relative;margin-top:0}.main-logo{width:200px;max-width:80vw;margin-bottom:1.5rem;filter:drop-shadow(0 6px 24px #0a3a5e55);display:block;position:relative;z-index:2}.event-title{font-size:1.5rem;font-weight:900;margin-bottom:2rem;margin-top:-1rem;color:#fff;letter-spacing:.05em;text-align:center;text-shadow:0 2px 12px #0a3a5e99,0 1px 0 #2566a6;position:relative;z-index:2}.dynamic-content{width:100%;display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1}.tab-switch{display:flex;gap:1.2rem;margin-bottom:.5rem;width:100%;justify-content:center}.tab-switch button{padding:.7rem 2.5rem;border:none;border-radius:12px;background:#1b4c7a;color:#fff;font-weight:700;font-size:1.12rem;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;box-shadow:0 2px 8px #2566a633;position:relative;outline:none}.tab-switch button.active,.tab-switch button:active{background:#ff9800;color:#fff;box-shadow:0 4px 16px #ff980055}.tab-switch button.active:after{content:"";display:block;position:absolute;left:20%;right:20%;bottom:-7px;height:4px;border-radius:2px;background:linear-gradient(90deg,#ffe066,#ff9800)}.tab-switch button:not(.active):hover{background:#2566a6;color:#fff;box-shadow:0 4px 16px #2566a655}.rank-list{width:100%;background:#ffffff14;border-radius:20px;box-shadow:0 2px 12px #0a233a1a;margin-top:.5rem;border:1px solid #2e5d8a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column}.rank-header{background:linear-gradient(90deg,#0a2745 60%,#062949);border-radius:20px 20px 0 0;color:#fff;border-bottom:1px solid #2e5d8a;font-weight:700;box-shadow:0 2px 8px #0002;position:relative;z-index:1}.rank-tbody{overflow-y:auto;max-height:60vh;border-radius:0 0 20px 20px}.rank-header,.rank-row{display:flex;align-items:center;justify-content:center;padding:.8rem;font-size:1rem;letter-spacing:.01em}.rank-header span,.rank-row>div{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-row{display:flex;align-items:center;padding:.8rem;font-size:1.15rem;background:#2b7087f2;border-bottom:1px solid rgba(255,255,255,.06);transition:background .2s;color:#fff;font-weight:500}.rank-row:nth-child(2n){background:#759fa3f2}.rank-row:last-child{border-bottom:none}.rank-badge-col{flex:0 0 42px;min-width:42px;max-width:42px;display:flex;justify-content:center;align-items:center}.rank-id-col{flex:0 0 70px;min-width:60px;max-width:80px;color:#fff;font-size:1rem;font-weight:600;justify-content:center;display:flex}.rank-user-col{flex:1 1 120px;min-width:80px;max-width:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.rank-username{font-size:1rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.rank-scratch-col{flex:0 0 90px;min-width:60px;max-width:110px;color:#6df91ccd;font-weight:700;font-size:1rem;justify-content:center;display:flex}.rank-score-col{flex:0 0 90px;min-width:70px;max-width:110px;display:flex;justify-content:flex-end;align-items:center;color:#ffe066}.rank-score{font-size:1rem;font-weight:900;color:#ffe066;letter-spacing:.02em}.rank-list::-webkit-scrollbar{width:10px}.rank-list::-webkit-scrollbar-thumb{background:#2566a6;border-radius:8px}.rank-list::-webkit-scrollbar-track{background:transparent}@media (max-width: 900px){.rank-header,.rank-row{padding:.35rem .1rem;font-size:.9rem}.rank-badge-col{min-width:28px!important;max-width:32px!important;width:32px!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:0!important;overflow:visible!important}.rank-id-col{min-width:40px;max-width:50px;font-size:.8rem;flex:0 0 45px}.rank-user-col{min-width:35px;max-width:80px;flex:1 1 60px}.rank-username{font-size:.8rem}.rank-scratch-col{min-width:60px;max-width:80px;font-size:.85rem}.rank-score{font-size:.9rem}.rank-badge{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important;font-size:.85rem!important;margin-right:0!important}.tab-switch{gap:.4rem;flex-wrap:wrap;overflow-x:unset;padding:0 .2rem;justify-content:center}.tab-switch button{min-width:110px;white-space:nowrap}}.rank-badge{width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;border-radius:50%;display:flex!important;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;box-shadow:0 2px 8px #0002;border:2.5px solid #fff8;margin-right:8px;background:#b0b8c1;color:#fff;line-height:1;box-sizing:border-box}.rank-header .rank-badge-col{padding:0;margin:0;display:flex;align-items:center;justify-content:center}.rank-header .rank-badge{all:unset}.rank-header .scrollbar-placeholder{width:0;min-width:0;height:1px;display:inline-block;transition:width .2s ease}.rank-list.has-scrollbar .rank-header .scrollbar-placeholder{width:2.5%;min-width:10px}.rank-header .rank-scratch-col{white-space:nowrap}.countdown-section{display:flex;align-items:center;justify-content:center;gap:1.2rem;background:#ffffff14;border-radius:20px;padding:1rem;margin-bottom:.5rem;width:100%;box-sizing:border-box;border:1px solid #2e5d8a;text-align:center}.countdown-label{font-size:1.2rem;color:#fff;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.2);margin-bottom:0}.countdown-timer{display:flex;justify-content:center;gap:1rem}.countdown-item{background:#2b7087f2;padding:.8rem 1.2rem;border-radius:12px;min-width:80px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 12px #0000001a;border:1px solid #2e5d8a}.countdown-value{font-size:1.8rem;font-weight:700;color:#ffe066;line-height:1;margin-bottom:.3rem}.stats-panel{background:#ffffff14;border-radius:20px;padding:1rem;margin-bottom:.5rem;width:100%;box-sizing:border-box;border:1px solid #2e5d8a}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:1rem;width:100%}.stats-item{background:#2b7087f2;border-radius:12px;padding:.5rem;text-align:center;border:1px solid #2e5d8a}.stats-label{font-size:.9rem;color:#fff;margin-bottom:.5rem;opacity:.9;line-height:1.2;font-weight:500}.stats-value{font-size:1.2rem;font-weight:700;color:#ffe066}.stats-item-wide{grid-column:span 2;background:linear-gradient(135deg,#daaf44,#e8a65b)!important;border:2px solid rgba(255,255,255,.3)!important;box-shadow:0 4px 15px #ff6b354d!important;position:relative;overflow:hidden}.stats-item-wide:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .8s}.stats-item-wide:hover:before{left:100%}.stats-item-wide .stats-label{color:#fff!important;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.3)}.stats-item-wide .stats-value{color:#fff!important;font-size:1.4rem!important;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.3)}.last-update{text-align:center;font-size:.95rem;color:#fff;opacity:.7;margin-top:.5rem;margin-bottom:.5rem;width:100%}.search-bar{background:#ffffff14;border-radius:20px;padding:1rem;margin-bottom:0rem;width:100%;box-sizing:border-box;border:1px solid #2e5d8a;display:flex;flex-direction:column;align-items:center;gap:.8rem;justify-content:center}.search-row{display:flex;flex-direction:row;align-items:center;gap:.8rem;width:100%;justify-content:center}.search-bar input{width:100%;max-width:300px;padding:.8rem 1.2rem;border:2px solid #2e5d8a;border-radius:12px;background:#ffffff1a;color:#fff;font-size:1rem;text-align:center;transition:all .2s}.search-bar input:focus{outline:none;border-color:#ff9800;box-shadow:0 0 0 2px #ff980033}.search-bar input.error{border-color:#f44;box-shadow:0 0 0 2px #f443}.search-bar button{padding:.8rem 2.5rem;border:none;border-radius:12px;background:#ff9800;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #ff98004d;min-width:80px;white-space:nowrap}.search-bar button:hover{background:#ffa726;transform:translateY(-1px);box-shadow:0 6px 16px #ff980066}.search-bar button:active{transform:translateY(0);box-shadow:0 2px 8px #ff98004d}.search-bar .error-message{margin-top:0rem;color:#f44;font-size:.95rem;text-align:center;width:100%}@media (max-width: 900px){.countdown-item{min-width:60px;padding:.6rem .8rem}.countdown-value{font-size:1.4rem}.stats-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:.8rem}.stats-item{padding:.5rem}.stats-label{font-size:.8rem;line-height:1.1}.stats-value{font-size:1.2rem}.stats-item-wide .stats-value{font-size:1.4rem!important}.search-bar input{max-width:100%}.search-bar button{min-width:80px;padding:.7rem 1.2rem;font-size:1rem;white-space:nowrap}}@media (max-width: 900px){.scrollbar-placeholder{display:none!important}}@media (max-width: 900px){.search-row input{max-width:180px;min-width:120px;flex:0 0 60%}.search-row button{min-width:90px;max-width:110px;flex:0 0 auto;padding-left:1rem;padding-right:1rem}.tab-switch{display:flex;flex-direction:row;gap:.4rem;flex-wrap:nowrap;overflow-x:unset;padding:0 .2rem;justify-content:center;width:100%}.tab-switch button{min-width:110px;white-space:nowrap;flex:1 1 0}}.leaderboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px}.spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top:4px solid #1976d2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.rank-scratch-group,.rank-bonus-group{display:flex;flex-direction:column;align-items:center;min-width:100px;flex:0 0 100px}.rank-scratch-header,.rank-bonus-header{font-size:.8rem;font-weight:700;color:#fff;margin-bottom:.2rem;text-align:center;width:100%;line-height:1.1}.rank-scratch-subheader,.rank-bonus-subheader{display:flex;width:100%;justify-content:space-between;gap:.3rem}.rank-scratch-normal,.rank-scratch-premium,.rank-bonus-normal,.rank-bonus-premium{flex:1;text-align:center;font-size:.75rem;color:#fff;opacity:.8}.rank-scratch-data,.rank-bonus-data{display:flex;width:100%;justify-content:space-between;gap:.3rem}.rank-scratch-data .rank-scratch-normal,.rank-scratch-data .rank-scratch-premium{flex:1;text-align:center;font-size:.85rem;color:#6df91ccd;font-weight:700}.rank-bonus-data .rank-bonus-normal,.rank-bonus-data .rank-bonus-premium{flex:1;text-align:center;font-size:.85rem;color:#ffe066;font-weight:700}.rank-total-col{flex:0 0 80px;min-width:60px;max-width:90px;display:flex;justify-content:center;align-items:center;color:#ffe066}.rank-total{font-size:.9rem;font-weight:900;color:#ffe066;letter-spacing:.02em}@media (max-width: 900px){.rank-scratch-group,.rank-bonus-group{min-width:80px;flex:0 0 80px}.rank-scratch-header,.rank-bonus-header{font-size:.75rem;margin-bottom:.2rem}.rank-scratch-normal,.rank-scratch-premium,.rank-bonus-normal,.rank-bonus-premium{font-size:.7rem}.rank-scratch-data .rank-scratch-normal,.rank-scratch-data .rank-scratch-premium,.rank-bonus-data .rank-bonus-normal,.rank-bonus-data .rank-bonus-premium{font-size:.75rem}.rank-total-col{min-width:50px;max-width:70px;flex:0 0 60px}.rank-total{font-size:.85rem}}.point-leaderboard .rank-header,.point-leaderboard .rank-row{display:flex;align-items:center;justify-content:center;padding:.8rem;font-size:1rem;letter-spacing:.01em}.point-leaderboard .rank-badge-col{flex:0 0 50px;min-width:50px;max-width:50px;display:flex;justify-content:flex-start;align-items:center;padding-left:.5rem}.point-leaderboard .rank-id-col{flex:0 0 70px;min-width:60px;max-width:80px;color:#fff;font-size:1rem;font-weight:600;justify-content:center;display:flex}.point-leaderboard .rank-user-col{flex:1 1 120px;min-width:80px;max-width:140px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.point-leaderboard .rank-score-col{flex:0 0 70px;min-width:60px;max-width:80px;display:flex;justify-content:center;align-items:center;color:#ffe066}.point-leaderboard .rank-reward-col{flex:0 0 120px;min-width:100px;max-width:140px;display:flex;justify-content:center;align-items:center;padding:0 .5rem}.reward-badge{display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:all .3s ease;position:relative;overflow:hidden;min-width:90px;white-space:nowrap}.reward-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.reward-badge:hover:before{left:100%}.reward-icon{font-size:1rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.reward-text{font-size:.8rem;font-weight:700;letter-spacing:.02em;line-height:1}.reward-empty{min-width:90px;height:32px}@media (max-width: 900px){.point-leaderboard .rank-header,.point-leaderboard .rank-row{padding:.35rem .5rem;font-size:.9rem}.point-leaderboard .rank-badge-col{min-width:32px!important;max-width:36px!important;width:36px!important;display:flex!important;justify-content:flex-start!important;align-items:center!important;padding-left:.3rem!important;overflow:visible!important}.point-leaderboard .rank-id-col{min-width:45px;max-width:60px;font-size:.9rem;flex:0 0 50px}.point-leaderboard .rank-user-col{min-width:50px;max-width:100px;flex:1 1 80px}.point-leaderboard .rank-score-col{min-width:45px;max-width:65px;flex:0 0 55px}.point-leaderboard .rank-reward-col{min-width:80px;max-width:100px;flex:0 0 90px;padding:0 .2rem}.reward-badge{padding:.2rem .35rem;font-size:.6rem;gap:.1rem;min-width:60px;border-radius:12px}.reward-icon{font-size:.65rem}.reward-text{font-size:.55rem;line-height:1;letter-spacing:0}.reward-empty{min-width:60px;height:26px}}.bonus-leaderboard .rank-header,.bonus-leaderboard .rank-row{display:flex;align-items:center;justify-content:center;padding:.8rem;font-size:1rem;letter-spacing:.01em}.bonus-leaderboard .rank-badge-col{flex:0 0 42px;min-width:42px;max-width:42px;display:flex;justify-content:center;align-items:center}.bonus-leaderboard .rank-id-col{flex:0 0 70px;min-width:60px;max-width:80px;color:#fff;font-size:1rem;font-weight:600;justify-content:center;display:flex}.bonus-leaderboard .rank-user-col{flex:1 1 120px;min-width:80px;max-width:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.bonus-leaderboard .rank-total-col{flex:0 0 90px;min-width:70px;max-width:110px;display:flex;justify-content:center;align-items:center;color:#ffe066}@media (max-width: 900px){.bonus-leaderboard .rank-header,.bonus-leaderboard .rank-row{padding:.35rem .1rem;font-size:.9rem}.bonus-leaderboard .rank-badge-col{min-width:28px!important;max-width:32px!important;width:32px!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:0!important;overflow:visible!important}.bonus-leaderboard .rank-id-col{min-width:40px;max-width:50px;font-size:.8rem;flex:0 0 45px}.bonus-leaderboard .rank-user-col{min-width:35px;max-width:80px;flex:1 1 60px}.bonus-leaderboard .rank-total-col{min-width:50px;max-width:70px;flex:0 0 60px}}