:root{font-family:Google Sans,Noto Sans Thai,Segoe UI,Arial,sans-serif;color:#4b4b4b;background:#eef0f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--purple: #5b50c8;--purple-light: #7b70e0;--purple-dark: #4d43b6;--purple-deep: #3c3494;--orange: #ff8a1c;--panel-border: rgba(91, 80, 200, .14);--soft-gray: #eef0f6;--table-blue: #eaf1fc;--table-blue-strong: #dde9fa;--text: #555555;--gold: #f7be52;--gold-light: #ffdd8a;--gold-dark: #d9922a;--gold-soft: #fff3d6;--silver: #c3cbd8;--bronze: #cd8a52;--page-x: .7vw;--section-gap: .7vh;--panel-radius: .8vw;--border-w: clamp(.07rem, .14vh, .11rem);--hero-h: clamp(3.8rem, 10vh, 6rem);--title-size: 2.36vw;--body-size: 1.68vw;--small-size: 1.46vw;--table-size: 1.52vw;--shadow-sm: 0 .15rem .4rem rgba(53, 41, 130, .07);--shadow-md: 0 .6rem 1.8rem rgba(53, 41, 130, .12), 0 .1rem .3rem rgba(53, 41, 130, .06);--shadow-gold: 0 .35rem .85rem rgba(198, 132, 20, .28);--shadow-inset-hi: inset 0 .08rem 0 rgba(255, 255, 255, .4)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:20rem;background:radial-gradient(ellipse at top,rgba(91,80,200,.06) 0%,transparent 55%),linear-gradient(180deg,#f2f3fb,#e9ebf6);overflow:hidden}button,input,select,textarea{font:inherit}.screen{display:grid;grid-template-rows:auto 1fr auto;height:100dvh;margin:0 auto;background:transparent;overflow:hidden}.hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:var(--hero-h);padding:clamp(.4rem,1vh,.9rem) var(--page-x);background:radial-gradient(circle at 48% 18%,rgba(255,255,255,.2) 0 .16vw,transparent .24vw),radial-gradient(circle at 55% 30%,rgba(255,255,255,.14) 0 .24vw,transparent .32vw),linear-gradient(135deg,var(--purple-light) 0%,var(--purple) 45%,var(--purple-deep) 100%);color:#fff;box-shadow:var(--shadow-md),0 .15rem 0 var(--gold) inset;overflow:hidden;z-index:2}.hero:after{content:"";position:absolute;inset:auto 0 0;height:clamp(.14rem,.35vh,.26rem);background:linear-gradient(90deg,var(--gold-dark) 0%,var(--gold-light) 50%,var(--gold-dark) 100%);z-index:2}.event-lockup{position:relative;z-index:1;display:grid;grid-template-columns:auto auto auto;align-items:center;gap:clamp(.45rem,1.2vh,1rem);min-width:0}.seal-row{display:flex;align-items:center;gap:clamp(.3rem,.7vh,.6rem);cursor:pointer}.seal-image{display:block;width:6vw;height:6vw;object-fit:contain;filter:drop-shadow(0 .15rem .3rem rgba(0,0,0,.18))}.medal-column-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;line-height:1.1}.medal-column-header__gif{display:block;width:clamp(1.3rem,3vh,1.9rem);height:clamp(1.3rem,3vh,1.9rem);object-fit:contain;filter:drop-shadow(0 .08rem .12rem rgba(0,0,0,.2))}.medal-column-header__label{display:inline-block;text-align:center;max-width:100%;overflow-wrap:anywhere}.event-caption{display:grid;color:#fff;font-size:1.58vw;line-height:1.2}.event-caption__title{display:block;color:#ffe08a;font-size:2.26vw;font-weight:900;line-height:1.1;text-shadow:0 .08rem .16rem rgba(0,0,0,.22)}.animated-header-letter{display:inline-block;opacity:0;transform:translateY(.7em);animation:header-letter-rise .8s cubic-bezier(.22,1,.36,1) forwards}.update-box{position:relative;z-index:1;display:grid;gap:clamp(.3rem,.8vh,.6rem);color:#fff;font-size:1.92vw;font-weight:800;text-align:right;white-space:nowrap}@keyframes header-letter-rise{0%{opacity:0;transform:translateY(.7em)}70%{opacity:1}to{opacity:1;transform:translateY(0)}}.update-box span{font-weight:700;opacity:.92}.update-time-row{display:inline-flex;align-items:center;justify-content:flex-end;gap:.8vw}.connection-badge{justify-self:end;display:inline-flex;align-items:center;gap:.45vw;padding:.28vh .7vw;border:var(--border-w) solid rgba(255,255,255,.38);border-radius:999px;background:#ffffff24;color:#fff;font-size:1.15vw;font-weight:900;line-height:1;letter-spacing:0;box-shadow:inset 0 .08rem #ffffff3d}.connection-badge__dot{display:inline-block;width:.75vw;height:.75vw;border-radius:999px;opacity:1}.connection-badge--online .connection-badge__dot{background:#22c55e;box-shadow:0 0 .45vw #22c55ee6}.connection-badge--offline{background:#7f1d1d5c}.connection-badge--offline .connection-badge__dot{background:#ef4444;box-shadow:0 0 .45vw #ef4444e6}.notice{margin-bottom:clamp(.25rem,.6vh,.5rem);padding:clamp(.4rem,1vh,.7rem) clamp(.6rem,1.4vh,1rem);border:clamp(.06rem,.15vh,.1rem) solid #facc15;border-radius:clamp(.4rem,1vh,.7rem);background:#fef9c3;color:#713f12;font-weight:700;font-size:var(--body-size);box-shadow:var(--shadow-sm)}.notice-error{border-color:#fecaca;background:#fef2f2;color:#991b1b}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:.45vh var(--page-x);min-height:0;overflow:hidden}.panel{display:flex;flex-direction:column;min-height:0;min-width:0}.panel--active{display:flex}.panel--inactive{display:none}.section-title{position:relative;flex:0 0 auto;display:flex;align-items:center;margin:0 0 clamp(.4rem,.9vh,.7rem) clamp(.2rem,.5vh,.35rem);padding-left:clamp(.55rem,1.2vh,.9rem);color:#4a4a57;font-size:var(--title-size);font-weight:900;line-height:1.1}.section-title:before{content:"";position:absolute;left:0;top:.1em;bottom:.1em;width:clamp(.2rem,.45vh,.32rem);border-radius:999px;background:linear-gradient(180deg,var(--gold) 0%,var(--purple) 100%)}.panel-body{flex:1 1 auto;min-height:0;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.panel-body::-webkit-scrollbar{display:none}.announcement-panel,.schedule-panel{overflow-x:hidden;overflow-y:auto;border:var(--border-w) solid var(--panel-border);border-radius:var(--panel-radius);background:#fff;box-shadow:var(--shadow-md)}.announcement-table,.schedule-table,.summary-table{width:100%;max-width:100%;min-width:0;table-layout:fixed}.data-table{border-collapse:separate;border-spacing:0;color:#364152;font-size:var(--table-size);font-variant-numeric:tabular-nums}.data-table thead{position:sticky;top:0;z-index:3}.data-table thead th{padding:.9vh .8vw;border-bottom:var(--border-w) solid rgba(255,255,255,.24);color:#fff;font-size:var(--small-size);font-weight:900;line-height:1.08;text-align:center;vertical-align:bottom;overflow-wrap:anywhere}.data-table tbody td{padding:.85vh .8vw;border-bottom:var(--border-w) solid #e8ebf2;color:#364152;font-size:var(--table-size);line-height:1.12;text-align:center;vertical-align:top;overflow-wrap:anywhere}.data-table tbody tr:nth-child(odd) td{background:#f8faff}.data-table tbody tr:nth-child(2n) td{background:#fff}.data-table tbody tr:hover td{background:#f0f4ff}.data-table tbody tr:last-child td{border-bottom:0}.data-table td:first-child,.data-table th:first-child{padding-left:.7vw}.data-table td:last-child,.data-table th:last-child{padding-right:.7vw}.announcement-table thead th{background:linear-gradient(180deg,#9da2af,#818796);font-size:var(--table-size);text-align:left}.announcement-table thead tr:first-child th,.schedule-table thead tr:first-child th{padding:1.15vh 1vw;border-bottom-color:#f7be528c;background:linear-gradient(180deg,var(--purple-light) 0%,var(--purple) 56%,var(--purple-dark) 100%);color:#fff;font-size:var(--title-size);letter-spacing:0;line-height:1.1;text-align:center;text-shadow:0 .08rem .16rem rgba(35,28,95,.32);box-shadow:inset 0 .08rem #ffffff47}.announcement-table thead tr:nth-child(2) th,.schedule-table thead tr:nth-child(2) th{background:linear-gradient(180deg,#a2a7b4,#838a99)}.announcement-table thead th.award-header{width:28%}.announcement-table tbody th{padding:1vh .95vw;border-top:var(--border-w) solid rgba(91,80,200,.12);border-bottom:var(--border-w) solid rgba(91,80,200,.16);background:linear-gradient(180deg,#f2f4ff,#e8ecfb);color:var(--purple-dark);font-size:var(--table-size);font-weight:900;line-height:1.25;text-align:left;overflow-wrap:anywhere}.announcement-table tbody tr:first-child th{border-top:0}.announcement-table .announcement-group-row th{color:#fff;text-shadow:0 .08rem .14rem rgba(40,40,70,.28)}.announcement-table .announcement-group-row--tone-1 th{background:linear-gradient(180deg,#5b50c8,#463ba9)}.announcement-table .announcement-group-row--tone-2 th{background:linear-gradient(180deg,#287f9d,#17647e)}.announcement-table .announcement-group-row--tone-3 th{background:linear-gradient(180deg,#7a5aaf,#5f438f)}.announcement-table .announcement-group-row--tone-4 th{background:linear-gradient(180deg,#3f7b5d,#2f6248)}.announcement-table .announcement-result-row--winner td{background:#fff5d7!important}.announcement-table .announcement-result-row--runner-up-1 td{background:#f0f4fb!important}.announcement-table .announcement-result-row--runner-up-2 td{background:#fff0e7!important}.announcement-table .announcement-result-row--winner .award-cell{color:#9a5f05}.announcement-table .announcement-result-row--runner-up-1 .award-cell{color:#4e5f78}.announcement-table .announcement-result-row--runner-up-2 .award-cell{color:#8b4d25}.announcement-table .award-cell{border-right:var(--border-w) solid #e8ebf2;color:var(--purple-dark);font-weight:900;text-align:left;overflow-wrap:anywhere}.award-cell__content{display:inline-flex;align-items:flex-start;gap:.7vw;max-width:100%}.award-cell__icon{flex:0 0 auto;font-size:2.25vw;line-height:1;filter:drop-shadow(0 .08rem .12rem rgba(0,0,0,.22))}.announcement-table .school-cell{color:#3a3a44;font-weight:800;text-align:left;overflow-wrap:anywhere}.announcement-table .school-cell strong,.announcement-table .school-cell span{display:block}.announcement-table .school-cell strong{color:#333a4a;font-weight:900}.announcement-table .school-cell span{margin-top:clamp(.1rem,.3vh,.22rem);color:#8a94a6;font-weight:700}.schedule-table thead th{background:linear-gradient(180deg,#9da2af,#818796);font-size:var(--table-size);text-align:center}.schedule-table__time-col{width:18%}.schedule-table thead tr:nth-child(2) th:first-child{width:18%}.schedule-table td{color:#3f3f3f;text-align:left}.schedule-table td:first-child{border-right:var(--border-w) solid #e8ebf2;color:var(--purple-dark);font-weight:900;overflow-wrap:anywhere}.schedule-table td strong,.schedule-table td span{display:block;min-width:0;overflow-wrap:anywhere}.schedule-table td strong{font-weight:800;color:#3a3a44}.schedule-table td span{margin-top:.25vh;color:#888894}.leaderboard-banner{position:relative;display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:clamp(.35rem,.9vh,.6rem);padding:clamp(.5rem,1.2vh,.85rem) clamp(.7rem,1.6vh,1.2rem);border-top-left-radius:var(--panel-radius);border-top-right-radius:var(--panel-radius);background:linear-gradient(180deg,var(--gold-light) 0%,var(--gold) 45%,var(--gold-dark) 100%);box-shadow:var(--shadow-inset-hi);overflow:hidden}.leaderboard-banner:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% -20%,rgba(255,255,255,.55) 0%,transparent 60%);pointer-events:none}.leaderboard-banner__icon{font-size:2.58vw;filter:drop-shadow(0 .06rem .1rem rgba(0,0,0,.25))}.leaderboard-banner__title{color:#fff;font-size:var(--title-size);font-weight:900;letter-spacing:.03em;text-shadow:0 .08rem .14rem rgba(120,70,0,.35)}.leaderboard-col,.medal-col{border-radius:var(--panel-radius);box-shadow:var(--shadow-md)}.summary-panel{overflow-x:hidden;overflow-y:auto;border-bottom-left-radius:var(--panel-radius);border-bottom-right-radius:var(--panel-radius);background:#fff}.summary-table{border-spacing:0}.summary-table thead th{background:linear-gradient(180deg,var(--purple-light) 0%,var(--purple) 55%,var(--purple-dark) 100%)}.summary-table thead th.name-header{width:28%;text-align:left}.summary-table thead th.rank-header,.summary-table thead th.participate-header,.summary-table thead th.total-header{width:8%}.summary-table thead th:nth-child(3),.summary-table thead th:nth-child(4),.summary-table thead th:nth-child(5),.summary-table thead th:nth-child(6),.summary-table thead th:nth-child(7){width:8%}.summary-table tbody td{font-weight:800;transition:background-color .25s ease}.summary-table tbody tr.is-top td{border-bottom-color:#5b50c81f}.summary-table tbody tr.is-top-1 td{background:#fff7df}.summary-table tbody tr.is-top-2 td{background:#f3f6fb}.summary-table tbody tr.is-top-3 td{background:#fff0e5}.summary-table tbody tr:not(.is-top):nth-child(odd) td{background:var(--table-blue)}.summary-table tbody tr:not(.is-top):nth-child(2n) td{background:#fff}.summary-table tbody tr:hover td{background:#edf3ff}.summary-table td.name-cell,.data-table .text-left{text-align:left}.name-cell strong{overflow:hidden;color:#333a4a;overflow-wrap:anywhere}.name-cell span{overflow:hidden;color:#8a94a6;font-weight:600;overflow-wrap:anywhere}.rank-cell{padding-left:.45vw!important}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:4.8vw;height:4.8vw;border-radius:999px;background:linear-gradient(180deg,#ffffff 0%,var(--soft-gray) 100%);color:var(--purple-dark);font-size:var(--small-size);font-weight:900;box-shadow:var(--shadow-sm),inset 0 0 0 clamp(.05rem,.12vh,.08rem) #5b50c82e}.rank-badge--top{font-size:2.7vw;filter:drop-shadow(0 .1rem .18rem rgba(0,0,0,.22))}.rank-badge--1{background:radial-gradient(circle at 34% 28%,#fff8e2 0%,var(--gold) 55%,var(--gold-dark) 100%);box-shadow:var(--shadow-gold),inset 0 .06rem #fff9}.rank-badge--2{background:radial-gradient(circle at 34% 28%,#ffffff 0%,var(--silver) 55%,#939cac 100%);box-shadow:0 .3rem .7rem #6e788c52,inset 0 .06rem #fff9}.rank-badge--3{background:radial-gradient(circle at 34% 28%,#ffe6c8 0%,var(--bronze) 55%,#9a6236 100%);box-shadow:0 .3rem .7rem #965a2352,inset 0 .06rem #fff9}.total-cell{padding-right:.45vw!important}.total-chip{display:inline-flex;align-items:center;gap:clamp(.18rem,.45vh,.32rem);padding:clamp(.2rem,.5vh,.35rem) clamp(.5rem,1.1vh,.8rem);border-radius:999px;background:linear-gradient(180deg,var(--gold-light) 0%,var(--gold) 100%);color:#7a4d0a;font-size:var(--table-size);font-weight:900;white-space:nowrap;box-shadow:var(--shadow-gold),var(--shadow-inset-hi)}.total-chip span{color:#a0630a;text-shadow:0 .04rem .06rem rgba(255,255,255,.5)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.4rem,1vh,.7rem);height:100%;min-height:clamp(9rem,26vh,15rem);padding:clamp(1.2rem,4vh,2.6rem) clamp(.6rem,1.4vh,1.1rem);color:#9a9aa6;text-align:center;font-weight:800;font-size:var(--body-size)}.empty__icon{font-size:4.06vw;opacity:.55;filter:grayscale(.15)}.empty-row td{height:clamp(7rem,18vh,12rem);padding:clamp(1.2rem,3vh,2rem)!important;background:#fff!important;color:#8a94a6;font-weight:800;text-align:center!important;box-shadow:none}.ticker{max-width:100vw;position:relative;display:flex;align-items:center;gap:clamp(.5rem,1.3vh,1rem);min-height:clamp(2rem,5.5vh,3.6rem);padding:0;background:linear-gradient(90deg,var(--purple-deep) 0%,var(--purple) 55%,var(--purple-dark) 100%);color:#fff;font-size:1.92vw;font-weight:800;box-shadow:0 -.3rem .9rem #3529822e;z-index:2}.ticker strong{flex:0 0 auto;color:var(--gold-light)}.ticker-track{position:relative;flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap}.ticker-track span{display:inline-block;min-width:100%;padding-left:100%;font-weight:700;animation:ticker-marquee 28s linear infinite}@keyframes ticker-marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){.animated-header-letter{animation:none}.animated-header-letter{opacity:1;transform:none}.ticker-track{overflow:visible;white-space:normal}.ticker-track span{padding-left:0;animation:none}}@media(max-width:64rem){.dashboard-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none}.leaderboard-col,.medal-col{grid-column:auto}}@media(max-width:42rem){.dashboard-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none}.leaderboard-col,.medal-col{grid-column:auto}}