:root{--bg-primary:#f4f6f8;--bg-secondary:#fff;--bg-glass:#ffffffe6;--bg-glass-hover:#1b5e2014;--text-primary:#0f172a;--text-secondary:#64748b;--palette-lightest:#e8f5e9;--palette-light:#a5d6a7;--palette-main:#2e7d32;--palette-dark:#1b5e20;--accent-color:#2e7d32;--accent-hover:#1b5e20;--danger-color:#dc2626;--danger-hover:#b91c1c;--border-color:#e2e8f0;--border-glass:#e2e8f0;--font-mono:ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace}[data-division=ก]{--bg-primary:#f4f6f8;--bg-secondary:#fff;--bg-glass:#ffffffe6;--bg-glass-hover:#1b5e2014;--text-primary:#0f172a;--text-secondary:#64748b;--palette-lightest:#e8f5e9;--palette-light:#a5d6a7;--palette-main:#2e7d32;--palette-dark:#1b5e20;--accent-color:#2e7d32;--accent-hover:#1b5e20;--border-color:#e2e8f0;--border-glass:#e2e8f0}[data-division=ข]{--bg-primary:#faf5f7;--bg-secondary:#fff;--bg-glass:#ffffffe6;--bg-glass-hover:#cf417314;--text-primary:#0f172a;--text-secondary:#64748b;--palette-lightest:#fdf2f4;--palette-light:#f39399;--palette-main:#cf4173;--palette-dark:#5d3140;--accent-color:#cf4173;--accent-hover:#5d3140;--border-color:#f0e1e7;--border-glass:#f0e1e7}[data-age=U14]{--age-tint:#f05}[data-age=U16]{--age-tint:#08f}[data-age=U18]{--age-tint:#80f}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);max-width:100vw;color:var(--text-primary);flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;transition:background-color .3s,color .3s;display:flex;overflow-x:hidden}@media (max-width:640px){html,body{font-size:14px}.container{padding:0 .75rem}main{padding:1rem 0}}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}.glass-panel{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:16px;padding:1.5rem;transition:all .3s;box-shadow:0 4px 20px #0000000d}[data-theme=dark] .glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px)}.flex-center{justify-content:center;align-items:center;display:flex}.hover-scale{transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1),border-color .22s}.hover-scale:hover{transform:translateY(-2.5px);box-shadow:0 8px 20px -4px #00000014,0 4px 8px -2px #0000000a!important}.hover-scale:active{transform:translateY(0)scale(.98)}.hover-glow{transition:box-shadow .3s,transform .25s cubic-bezier(.4,0,.2,1),border-color .25s}.hover-glow:hover{transform:translateY(-3px)scale(1.015);box-shadow:0 12px 28px #f59e0b40!important}.table-row-interactive{transition:background-color .18s,transform .18s}.table-row-interactive:hover{transform:translate(4px);background-color:#2e7d320d!important}[data-division=ข] .table-row-interactive:hover{background-color:#cf41730d!important}.list-item-interactive{transition:transform .2s,border-left-color .2s,background-color .2s}.list-item-interactive:hover{transform:translate(6px);border-left-color:var(--accent-color)!important;background-color:#00000005!important}.bracket-match-interactive{transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s,border-color .25s}.bracket-match-interactive:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 10px 24px #00000017!important}@keyframes pulseLive{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.15)}}.pulse-live{animation:1.8s ease-in-out infinite pulseLive;display:inline-block}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#00000008;border-radius:8px}::-webkit-scrollbar-thumb{background:#64748b4d;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#64748b80}.text-gradient{background:linear-gradient(90deg, var(--accent-color), var(--age-tint,var(--accent-color)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}main{flex:1;padding:2rem 0}.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);text-align:center;margin-top:auto;padding:2rem 0;transition:all .3s}.site-footer p{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem}.site-footer .credits{color:var(--text-primary);font-weight:600}html[data-aspect-ratio="16:9"] body,html[data-aspect-ratio="21:9"] body{background-color:#000;justify-content:center;align-items:center;display:flex}html[data-aspect-ratio="16:9"] .screen-wrapper,html[data-aspect-ratio="21:9"] .screen-wrapper{background-color:var(--bg-primary);flex-direction:column;width:100vw;display:flex;position:relative;overflow:hidden auto;box-shadow:0 0 50px #00000080}html[data-aspect-ratio="16:9"] .screen-wrapper{aspect-ratio:16/9;max-width:177.778vh;max-height:100vh}html[data-aspect-ratio="21:9"] .screen-wrapper{aspect-ratio:21/9;max-width:233.333vh;max-height:100vh}.screen-wrapper{flex-direction:column;width:100%;min-height:100vh;transition:background .5s ease-in-out;display:flex;position:relative}[data-division=ก] .screen-wrapper{background-color:#0000;background-image:radial-gradient(80% 40% at 10% 10%,#2e7d321a 0%,#0000 60%),radial-gradient(60% 50% at 90% 90%,#1b5e2014 0%,#0000 60%),radial-gradient(100% 35% at 50% 0,#a5d6a72e 0%,#0000 65%),linear-gradient(175deg,#f2faf3 0%,#fafffe 40%,#f5fbf6 70%,#eef8f0 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}[data-division=ก] .screen-wrapper:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(55% 30% at 50% 100%,#2e7d320f 0%,#0000 70%),radial-gradient(30% 25% at 0%,#2e7d320d 0%,#0000 60%);position:fixed;inset:0}[data-division=ข] .screen-wrapper{background-color:#0000;background-image:radial-gradient(80% 40% at 90% 10%,#cf41731a 0%,#0000 60%),radial-gradient(60% 50% at 10% 90%,#5d314014 0%,#0000 60%),radial-gradient(100% 35% at 50% 0,#f393992e 0%,#0000 65%),linear-gradient(175deg,#fdf5f8 0%,#fffafe 40%,#fbf4f7 70%,#f7ebf2 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}[data-division=ข] .screen-wrapper:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(55% 30% at 50% 100%,#cf41730f 0%,#0000 70%),radial-gradient(30% 25% at 100%,#cf41730d 0%,#0000 60%);position:fixed;inset:0}.header-pattern{border-bottom:1.5px solid var(--border-color);background:linear-gradient(90deg,#1b5e2040 0%,#a5d6a74d 20%,#f0f9f0b3 40%,#fff 50%,#f0f9f0b3 60%,#a5d6a74d 80%,#1b5e2040 100%);transition:background .4s,border-color .4s;position:relative;overflow:hidden}[data-division=ก] .header-pattern{background:linear-gradient(90deg,#1b5e2047 0%,#a5d6a759 20%,#f0f9f0bf 40%,#fff 50%,#f0f9f0bf 60%,#a5d6a759 80%,#1b5e2047 100%)}[data-division=ข] .header-pattern{background:linear-gradient(90deg,#5d314047 0%,#cf417359 20%,#faebf2bf 40%,#fff 50%,#faebf2bf 60%,#cf417359 80%,#5d314047 100%)}.logo-anim{transition:transform .4s cubic-bezier(.175,.885,.32,1.275),filter .4s}.logo-anim:hover{filter:drop-shadow(0 0 10px #00ff8880);transform:scale(1.1)rotate(-5deg)}@media (min-width:1400px){.container{max-width:1320px}}@media (max-width:900px){.glass-panel{border-radius:12px;padding:1rem}}@media (max-width:640px){.glass-panel{border-radius:10px;padding:.75rem}.logo-anim{height:52px!important}.site-footer .container{text-align:center;gap:.25rem;flex-direction:column!important}table{font-size:.75rem}th,td{padding:.35rem .4rem!important}.tab-bar{flex-wrap:wrap;gap:.3rem}.match-grid{grid-template-columns:1fr!important}input[type=number]{width:38px!important;height:32px!important;font-size:1rem!important}}