:root{--color-text: #243247;--color-muted: #5e6b7c;--color-subtle: #687385;--color-border: #e1e6ed;--color-canvas: #f6f8fb;--color-surface: #ffffff;--color-accent: #f4bd44;--color-accent-text: #50320b;--color-accent-strong: #85510a;--color-accent-soft: #fff5dd;--color-focus: #8a580c}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/baloo2-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/baloo2-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/quicksand-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/quicksand-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:"Baloo 2",Quicksand,sans-serif;color:var(--color-text);background:var(--color-canvas);font-synthesis:none;font-weight:400;font-size:14px;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid var(--color-focus);outline-offset:2px}.hero{position:relative;min-height:570px;background-image:var(--banner);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;color:#542c08}.hero-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 66%,#ffd15b99 0%,#ffd15b40 34%,transparent 65%)}.hero-content{position:relative;padding:118px 24px 92px;width:100%;z-index:1}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid #95500b30;background:#fff3cead;border-radius:30px;font-size:10px;font-weight:700;letter-spacing:1.7px;margin-bottom:12px}.hero h1{font-size:clamp(30px,3.6vw,50px);line-height:1.2;font-weight:800;white-space:pre-line;color:#291c0a;margin:0 0 6px}.hero h2{font-size:25px;font-weight:800;line-height:1.2;margin:0 0 6px}.hero p{font-size:20px;font-weight:400;line-height:1.6;max-width:720px;margin:0 auto}.hero-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.hero-actions a{min-height:52px;padding:0 22px;display:inline-flex;align-items:center;gap:18px;font-size:19px;line-height:1.6;font-weight:800;border-radius:12px;transition:box-shadow .2s}.hero-actions a:hover{box-shadow:0 8px 20px #6336002e}.button-primary{background:#713802;color:#fff;box-shadow:0 4px 12px #63360018}.button-secondary{background:#fffdf6;color:#633600;box-shadow:0 4px 12px #63360014}.schedule{max-width:1180px;width:calc(100% - 80px);margin:-34px auto 0;position:relative;z-index:2;display:grid;grid-template-columns:1.2fr 1fr 1.15fr;align-items:center;min-height:96px;background:#fff;border:1px solid #e7ecf2;border-radius:20px;box-shadow:0 8px 28px #324e6c0b;padding:20px 26px;gap:20px}.schedule strong{display:block;font-weight:400;font-size:13px;margin-top:3px;color:#526079;line-height:1.45}.schedule-label{display:flex;align-items:center;gap:8px;font-size:15px;line-height:1.3;font-weight:800;color:#3e3b34}.schedule-label.orange{color:#d17a0b}.rounds{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:14px;min-width:0}.round-item{min-width:0}.round-item strong{white-space:pre-line;overflow-wrap:anywhere}.round-item .schedule-label{overflow-wrap:anywhere}.round-item .step{flex-shrink:0}.step{font-size:9px;line-height:1.4;background:#f0f2f6;border-radius:6px;padding:3px 5px;color:#8390a2}.orange .step{background:#fff0d3;color:#d68113}.schedule-item{display:flex;align-items:center;gap:12px;border-left:1px solid #e9edf3;padding-left:20px}.schedule-symbol{color:#9a7b50;background:#faf5ed;display:grid;place-items:center;min-width:40px;height:40px;border-radius:11px}.overline{font-size:9px;line-height:1.4;letter-spacing:1.6px;color:#99805a;font-weight:700;display:inline-flex;align-items:center;gap:8px}.editing main{margin-right:365px}.editing .schedule{grid-template-columns:1fr;padding:20px;gap:18px}.editing .schedule-item{border:0;padding:0}.editing .hero h1{font-size:34px}.editor{position:fixed;right:0;top:0;bottom:0;width:365px;background:#fff;box-shadow:-5px 0 30px #29374e15;z-index:10;border-left:1px solid #e3e9f0;font-family:Quicksand,sans-serif;line-height:1.5}.editor form{height:100%;display:flex;flex-direction:column}.editor-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 20px 10px}.editor h2{font-size:19px;line-height:1.3;font-weight:700;margin:5px 0}.icon-button{border:0;background:#f3f5f8;border-radius:8px;padding:7px;display:flex;color:#758196}.editor-help{font-size:11px;color:#8b95a3;line-height:1.6;margin:0 20px 12px}.editor-fields{overflow-y:auto;padding:0 20px 20px;flex:1}.editor-fieldset{border:1px solid #e0e6ed;border-radius:7px;padding:11px 12px;margin:0 0 13px}.editor-fieldset legend{padding:0 6px;font-size:11px;font-weight:700;color:#58667a}.editor-fieldset label{margin-bottom:10px}.editor-fieldset label:last-of-type{margin-bottom:6px}.editor label{display:block;font-size:11px;font-weight:600;margin-bottom:12px;color:#58667a}.editor input,.editor textarea{display:block;width:100%;margin-top:6px;padding:9px 10px;border:1px solid #e0e6ed;border-radius:7px;font-size:12px;line-height:1.5;color:#34445c}.editor textarea{min-height:88px;resize:vertical}.field-hint{font-size:10px;color:#9a8b73;display:flex;gap:7px;line-height:1.6}.field-hint svg{flex-shrink:0;margin-top:2px}.editor-bottom{padding:16px 20px;border-top:1px solid #edf0f4}.save-button{border:0;color:#fff;background:#8a580c;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:9px;padding:11px;font-weight:700;line-height:1.4}.save-button:disabled{opacity:.5}.error,.success{font-size:11px;line-height:1.6;margin:0 0 10px}.error{color:#bd4b3c}.success{color:#27896a}.spin{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){.hero{min-height:640px}.hero-content{padding-top:160px}}@media(max-width:1000px){.schedule{width:calc(100% - 40px);gap:16px;padding:18px}.schedule-label{font-size:13px}.schedule strong{font-size:11px}.schedule-item{padding-left:16px;gap:10px}.schedule-symbol{display:none}.round-connector{margin:0 12px}.hero{background-position:center}.hero p{font-size:18px}}@media(max-width:700px){.hero{min-height:470px;background-size:auto 100%;background-position:center}.hero-content{padding:100px 16px 70px}.hero h1{font-size:35px}.hero h2{font-size:18px}.hero p{font-size:15px;max-width:320px;margin:auto;line-height:1.6}.hero-eyebrow{font-size:7px;letter-spacing:1px;padding:6px 10px;margin-bottom:10px}.hero-actions{gap:9px;margin-top:18px}.hero-actions a{font-size:16px;gap:10px;padding:0 17px;min-height:44px}.hero-caption{display:none}.schedule{width:calc(100% - 28px);grid-template-columns:1fr 1fr;margin-top:-34px;padding:16px;gap:14px;border-radius:16px}.rounds{grid-column:1/-1;padding-bottom:12px;border-bottom:1px solid #edf0f4;justify-content:center;gap:15px}.round-connector{max-width:80px}.schedule-item{border:0;padding:0;align-items:flex-start}.schedule-label{font-size:13px}.schedule strong{font-size:12px;margin-top:2px}.overline{font-size:7px;letter-spacing:1.2px}.editing main{margin-right:0}.editor{position:relative;width:100%;height:80vh;border-top:1px solid #e0e6ef}.editing{display:flex;flex-direction:column-reverse}.editing .hero h1{font-size:29px}.editing .schedule{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.schedule strong{color:var(--color-muted)}.schedule-label.orange{color:var(--color-accent-strong)}.orange .step{color:var(--color-accent-strong);background:var(--color-accent-soft)}.editing .schedule{width:calc(100% - 40px)}@media(max-width:700px){.editing .schedule{width:calc(100% - 28px)}}@media(max-width:700px){.rounds{padding-bottom:12px}}.banner-modes{display:flex;gap:6px;margin-bottom:12px}.banner-modes button{flex:1;border:1px solid #dce3ec;border-radius:7px;padding:8px;background:#fff;color:#526079;font:inherit;font-size:12px}.banner-modes button[aria-pressed=true]{background:#fff3d6;border-color:#d4aa57;color:#795016}.banner-preview{display:block;width:100%;max-height:120px;object-fit:contain;border-radius:7px;background:#f5f7fa;margin-top:10px}.editor .banner-picker{display:flex;align-items:center;gap:7px;margin-bottom:8px;padding:9px 11px;border:1px dashed #c6d0de;border-radius:8px;background:#fbfcfe;color:#526079;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}.editor .banner-picker svg{flex-shrink:0;color:#728096}.editor .banner-picker em{font-style:normal;font-weight:400;color:#8b97a8}.editor .banner-picker:hover{border-color:#d4aa57;background:#fffdf7;color:#795016}.editor .banner-picker:hover svg{color:#795016}.editor .banner-picker.dragover{border-color:#d4aa57;background:#fff6e3;color:#795016}.editor .banner-picker:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.editor .banner-picker-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.banner-reset{background:none;border:0;color:#795016;font:inherit;font-size:12px;padding:4px 0;text-decoration:underline}.round-editor-item{border-bottom:1px solid #e7ecf2;padding:0 0 12px;margin-bottom:12px}.round-editor-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:12px}.editor .round-editor-item label{display:block;margin:8px 0 5px}.editor .round-editor-item textarea{min-height:64px}.add-round{display:inline-flex;align-items:center;gap:6px;border:1px solid #d4aa57;border-radius:7px;padding:8px 12px;background:#fff8e8;color:#795016;font:inherit;font-size:12px}.add-round:disabled,.round-editor-heading button:disabled{opacity:.45;cursor:not-allowed}.leaderboard{max-width:1180px;width:calc(100% - 80px);margin:34px auto;font-family:Quicksand,sans-serif;line-height:1.5}.section-intro{margin-bottom:18px;text-align:center}.leaderboard .overline{display:inline-flex;align-items:center;gap:8px;color:var(--color-accent-strong);font-size:10px;line-height:1.4;font-weight:700;letter-spacing:1.4px}.section-intro h2{color:var(--color-text);font-size:28px;line-height:1.25;font-weight:700;margin:8px 0}.section-intro p{color:var(--color-muted);font-size:13px;line-height:1.6;font-weight:500;margin:0 auto;max-width:560px}.board-card{background:var(--color-surface);border:1px solid var(--color-border);border-top:2px solid #f0d7a2;border-radius:13px;overflow:hidden;box-shadow:0 3px 16px #26324705}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.leaderboard-selector{position:relative;z-index:6;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px 2px}.leaderboard-selector h3{font-size:14px;line-height:1.3;font-weight:700;margin:0}.period-picker{position:relative;width:132px;flex-shrink:0}.period-trigger{width:100%;min-height:32px;display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #dce3ec;border-radius:8px;color:#425169;background:#fff;font-size:14px;line-height:18px;font-weight:600}.period-trigger:hover,.period-trigger[aria-expanded=true]{border-color:#c8a565;background:#fffdf7}.period-trigger>svg:first-child{color:#728096;flex-shrink:0}.period-chevron{margin-left:auto;color:#758196;transition:transform .15s}.period-chevron.open{transform:rotate(180deg)}.period-options{position:absolute;top:calc(100% + 5px);right:0;width:100%;max-height:264px;overflow-y:auto;padding:3px;border:1px solid #e0e5ec;border-radius:9px;background:#fff;box-shadow:0 8px 24px #24324716;outline:0}.period-options{scrollbar-width:thin;scrollbar-color:#e3cb99 transparent}.period-options::-webkit-scrollbar{width:6px}.period-options::-webkit-scrollbar-track{background:transparent}.period-options::-webkit-scrollbar-thumb{border-radius:999px;background:#e3cb99}.period-options::-webkit-scrollbar-thumb:hover{background:#d3b371}.period-option{min-height:32px;padding:7px 10px;border-radius:5px;color:#526079;font-size:14px;line-height:1.3;font-weight:500;cursor:pointer}.period-option.selected{background:#fff3d6;color:#795016;font-weight:700}.period-option.focused{box-shadow:inset 0 0 0 1px #e7cf9f;background:#fff9ed}.grade-controls{padding:2px 14px 8px}.grade-tabs{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px}.grade-tab{position:relative;min-height:34px;padding:0 3px;border:0;color:#59677c;background:transparent;border-radius:8px;font-size:13px;font-weight:600}.grade-tab:before{content:"";position:absolute;inset:4px 1px;border:1px solid transparent;border-radius:7px;transition:background-color .15s,border-color .15s}.grade-tab>span{position:relative}.grade-tab:hover:before{background:#f5f7fa}.grade-tab.active{color:#795016;font-weight:700}.grade-tab.active:before{background:#fff4dc;border-color:#eedab1;box-shadow:0 1px 4px #d6b77916}.board-results{min-height:560px;position:relative;overflow:hidden}.table-scroll{overflow-x:auto;background:#fff;scrollbar-color:#c4cdd8 #f7f8fa}.table-scroll:focus-visible{outline:2px solid var(--color-focus);outline-offset:-3px}.table-scroll table{width:100%;min-width:880px;table-layout:fixed;border-collapse:separate;border-spacing:0;text-align:left;font-size:14px;color:var(--color-text)}.col-rank{width:64px}.col-name{width:200px}.col-class{width:85px}.col-score{width:105px}.col-duration{width:120px}.table-scroll thead{position:sticky;top:0;z-index:3}.table-scroll th{padding:11px 12px;height:42px;line-height:18px;background:#f2f5f9;color:#4b5b72;border-bottom:1px solid #dce3ed;font-size:11px;font-weight:700;letter-spacing:.4px;white-space:nowrap}.table-scroll td{background:#fff;padding:13px 12px;border-bottom:1px solid #e8edf3;line-height:1.5;vertical-align:middle;overflow-wrap:anywhere}.table-scroll tbody tr:nth-child(2n) td{background:#fafbfd}.table-scroll tbody tr:hover td{background:#fff8e8}.table-scroll td small{display:block;color:var(--color-muted);font-size:11px;line-height:1.4;margin-top:2px}.table-scroll td small:empty{display:none}.table-scroll td strong{font-weight:600}.table-scroll .rank-col{text-align:center}.table-scroll th:first-child,.table-scroll td:first-child{position:sticky;left:0;z-index:1}.table-scroll th:nth-child(2),.table-scroll td:nth-child(2){position:sticky;left:64px;z-index:1;border-right:1px solid #e8edf3}.table-scroll th:first-child,.table-scroll th:nth-child(2){z-index:4}.rank{display:inline-flex;justify-content:center;align-items:center;gap:4px;font-weight:600}.rank svg{flex-shrink:0}.rank-1{color:#85510a}.rank-2{color:#52637b}.rank-3{color:#8e4f29}.table-scroll .score{color:#80500c;font-weight:700;font-variant-numeric:tabular-nums}.table-scroll td:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}.table-scroll .placeholder-row td{color:#707d8e;font-size:13px}.board-results>.empty-state{position:absolute;inset:42px 0 0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:28px 20px;text-align:center}.empty-art{flex-shrink:0;position:relative;display:grid;place-items:center;width:92px;height:92px;margin:0 auto 20px;color:var(--color-accent-strong);background:#fff5dd;border:1px solid #edd8a9;border-radius:50%}.sparkle{position:absolute;right:-3px;top:0;color:#b27b1a;font-size:22px}.orbit-dot{display:none}.empty-state h4{color:var(--color-text);font-size:16px;line-height:1.4;font-weight:700;margin:0 0 8px}.empty-state p{margin:0;max-width:420px;color:var(--color-muted);font-size:13px;line-height:1.6;font-weight:500;white-space:pre-line}.waiting-badge{display:inline-flex;align-items:center;gap:7px;margin-top:16px;border:1px solid #e8d4aa;background:#fffaf0;color:#785218;border-radius:20px;padding:7px 12px;font-size:11px;font-weight:600}.retry-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin-top:16px;padding:9px 18px;border:1px solid #b57a13;border-radius:9px;background:var(--color-accent);color:var(--color-accent-text);font-size:13px;font-weight:700}.leaderboard-updated{display:flex;align-items:center;gap:7px;min-height:36px;padding:8px 18px;border-top:1px solid var(--color-border);font-size:11px;font-weight:600;font-style:italic;color:var(--color-muted);background:#fcfdff}.board-update-status{position:absolute;z-index:5;bottom:12px;right:12px;max-width:calc(100% - 24px);padding:8px 13px;border:1px solid #e4d5b5;background:#fffaf0f5;color:#6e532c;border-radius:9px;font-size:12px;line-height:1.4;box-shadow:0 3px 12px #2432470a}.board-update-status button{min-height:32px;border:0;background:transparent;color:#70480d;text-decoration:underline;font:inherit;font-weight:700;cursor:pointer}.leaderboard-mobile-hint{display:none}.editing .leaderboard{width:calc(100% - 40px)}@media(max-width:1100px){.grade-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}.leaderboard{width:calc(100% - 40px)}}@media(max-width:700px){.leaderboard{width:calc(100% - 28px);margin-top:24px}.section-intro{margin-bottom:16px}.section-intro h2{font-size:22px}.section-intro p{font-size:12px}.leaderboard .overline{font-size:9px;letter-spacing:1px}.leaderboard-selector{padding:10px 12px 2px;gap:8px}.leaderboard-selector h3{font-size:13px}.period-picker{width:132px}.period-trigger{min-height:40px;padding:8px 10px}.period-option{min-height:40px;padding:11px 10px}.grade-controls{padding:0 8px 6px}.grade-tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:0}.grade-tab{min-height:44px;padding:0 1px;font-size:12px}.grade-tab:before{inset:5px 1px}.board-results{min-height:520px}.empty-state h4{font-size:15px}.empty-state p{font-size:12px}.empty-art{width:68px;height:68px;margin-bottom:14px}.col-rank{width:40px}.col-name{width:136px}.table-scroll table{min-width:720px}.table-scroll th{padding:11px 10px}.table-scroll td{padding:12px 10px;font-size:13px}.table-scroll th:nth-child(2),.table-scroll td:nth-child(2){left:40px}.leaderboard-updated{padding:8px 12px;font-size:10px}.leaderboard-mobile-hint{display:block;margin:8px 4px 0;color:var(--color-muted);font-size:11px;line-height:1.5}.editing .leaderboard{width:calc(100% - 28px)}}@media(prefers-reduced-motion:reduce){.grade-tab:before,.period-chevron{transition:none}}