@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@500;600;700;800;900&family=Nunito:wght@700;800;900&display=swap";:root{--blue: #285ce8;--blue-deep: #2436b9;--violet: #7b4df4;--pink: #eb4aa5;--gold: #ffc849;--ink: #10247a;--muted: #5d72c0;--panel: rgba(255, 255, 255, .9);--line: rgba(104, 126, 234, .22);--shadow: 0 28px 70px rgba(34, 64, 164, .24);color:var(--ink);font-family:Noto Sans Thai,Nunito,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{min-height:100%;background:#7bdcff;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}[data-reveal]{opacity:0;transform:translate3d(0,34px,0) scale(.992);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),filter .9s cubic-bezier(.22,1,.36,1);filter:saturate(.96) blur(7px);will-change:opacity,transform,filter}[data-reveal].is-visible{opacity:1;transform:translateZ(0) scale(1);filter:saturate(1) blur(0)}[data-reveal]:nth-of-type(2){transition-delay:90ms}[data-reveal]:nth-of-type(3){transition-delay:.14s}.page-shell{position:relative;min-height:100vh;overflow:hidden;padding:clamp(14px,2vw,28px);background:linear-gradient(180deg,#2ea2ff14,#ffffff2e),url(/assets/tr-plaza-bg-BKIMej04.png) center / cover no-repeat fixed}.sky-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.3),transparent 24%),linear-gradient(180deg,#ffffff14,#ffffff80)}.topbar,.announcement-board,.site-footer{position:relative;z-index:1}.topbar{display:grid;grid-template-columns:1fr;gap:10px;align-items:center;width:min(1460px,100%);margin:0 auto 16px}.event-title{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:205px;padding:8px 0}.event-logo{display:block;width:min(580px,55vw);max-height:230px;object-fit:contain;filter:drop-shadow(0 7px 0 rgba(255,255,255,.65)) drop-shadow(0 12px 26px rgba(74,45,180,.35));transition:transform .3s ease}.event-logo:hover{transform:scale(1.02)}.announcement-board{width:min(1460px,100%);margin:0 auto;padding:clamp(20px,2.35vw,38px);border:3px solid rgba(119,114,255,.75);border-radius:32px;background:linear-gradient(180deg,#fffffffa,#f7fcffe6),var(--panel);box-shadow:inset 0 0 0 6px #ffffffd9,inset 0 0 0 10px #8b66ff21,var(--shadow)}.board-corners{position:absolute;top:12px;right:12px;bottom:12px;left:12px;pointer-events:none;border:2px solid rgba(189,132,255,.36);border-radius:24px}.board-corners:before,.board-corners:after{position:absolute;top:-18px;color:var(--gold);content:"✦";font-size:38px;text-shadow:0 2px 0 #fff,0 5px 12px rgba(245,168,20,.4)}.board-corners:before{left:8%}.board-corners:after{right:8%}.board-header{display:flex;gap:22px;align-items:center;justify-content:space-between;margin-bottom:14px}h1,h2,p{margin:0}h1{color:#5d46e6;font-size:clamp(42px,5.45vw,78px);font-weight:900;line-height:1;text-shadow:0 4px 0 #fff,0 8px 18px rgba(60,67,190,.2)}h1 strong{color:var(--pink)}.board-header p{margin-top:6px;color:var(--muted);font-size:clamp(15px,1.4vw,20px);font-weight:700}.controls{display:flex;flex:0 0 auto;gap:12px;align-items:center}.search-box{display:flex;align-items:center;width:min(260px,32vw);height:48px;gap:9px;padding:0 15px;border:2px solid rgba(105,120,226,.22);border-radius:999px;background:#ffffffc7;color:#6a62e8}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:15px;font-weight:700}.search-box input::placeholder{color:#98a2d4}.count-chip{display:inline-flex;align-items:center;justify-content:center;height:48px;min-width:100px;padding:0 18px;border:2px solid rgba(105,120,226,.22);border-radius:999px;background:linear-gradient(180deg,#fff,#edf3ff);color:#564fea;font-family:Nunito,Noto Sans Thai,sans-serif;font-size:16px;font-weight:900;white-space:nowrap}.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:clamp(10px,1.15vw,18px);border:2px solid var(--line);border-radius:18px;background:#ffffff9e}.team-column{display:grid;grid-auto-rows:minmax(30px,auto);gap:1px;min-width:0;margin:0;padding:0 clamp(12px,1.45vw,24px);list-style:none}.team-column+.team-column{border-left:2px dashed rgba(116,108,233,.24)}.team-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:center;min-height:30px;border-bottom:1px solid rgba(61,95,205,.11)}.team-rank{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:22px;border-radius:7px;background:linear-gradient(180deg,rgba(255,255,255,.52),transparent 48%),linear-gradient(90deg,#8c7cff,#5c70f4);color:#fff;box-shadow:inset 0 -2px #343ab240,0 3px 7px #4a54d338;font-family:Nunito,Noto Sans Thai,sans-serif;font-size:14px;font-weight:900}.team-name{min-width:0;overflow:hidden;color:#075bdf;font-size:clamp(14px,1.05vw,17px);font-weight:900;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.reserve-section{margin-top:clamp(18px,2.35vw,28px)}.reserve-heading-wrap{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:10px}.reserve-heading-wrap h2{min-width:min(520px,80%);padding:8px 22px 10px;border:2px solid rgba(255,209,70,.85);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent 50%),linear-gradient(90deg,#6f40df,#8a53ee 55%,#4f65ee);color:#fff;text-align:center;text-shadow:0 3px 0 rgba(55,54,167,.75);font-size:clamp(25px,2.8vw,39px);font-weight:900;line-height:1;box-shadow:0 10px 18px #4848be2e}.wing-star{color:var(--gold);font-size:clamp(28px,3vw,42px);filter:drop-shadow(0 3px 0 #fff)}.reserve-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;padding:16px;border:2px solid var(--line);border-radius:18px;background:#ffffff94}.reserve-card{display:grid;grid-template-columns:64px minmax(0,1fr);min-height:56px;overflow:hidden;border:2px solid rgba(239,77,165,.45);border-radius:10px;background:linear-gradient(90deg,#fffffff2,#fff1fae6);box-shadow:0 8px 18px #ea459b24}.reserve-rank,.reserve-name{display:flex;align-items:center;justify-content:center}.reserve-rank{background:linear-gradient(180deg,rgba(255,255,255,.33),transparent 48%),linear-gradient(135deg,#ef5aae,#da2b91);color:#fff;font-family:Nunito,Noto Sans Thai,sans-serif;font-size:clamp(24px,2vw,34px);font-weight:900;text-shadow:0 2px 0 rgba(145,26,103,.45)}.reserve-name{min-width:0;padding:8px 12px;color:#d93699;font-size:clamp(14px,1.1vw,18px);font-weight:900;line-height:1.2;text-align:center;overflow-wrap:anywhere}.notes-section{margin-top:clamp(18px,2.2vw,30px);padding:clamp(16px,2vw,24px);border:2px solid rgba(105,120,226,.22);border-radius:18px;background:linear-gradient(180deg,#ffffffd1,#f1f8ffb8),#ffffffad;box-shadow:inset 0 0 0 2px #ffffff85}.notes-section h2{display:inline-flex;align-items:center;min-height:42px;margin-bottom:12px;padding:5px 18px 7px;border:2px solid rgba(255,200,73,.72);border-radius:12px;background:linear-gradient(90deg,#fff6c7,#fff 58%,#eff6ff);color:#5d46e6;font-size:clamp(22px,2vw,30px);font-weight:900;line-height:1.1;text-shadow:0 2px 0 #fff}.notes-list{display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:note}.notes-list li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start;min-width:0;color:#314795;font-size:clamp(14px,1.05vw,16px);font-weight:700;line-height:1.55}.notes-list li:before{counter-increment:note;content:counter(note);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-top:1px;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.42),transparent 55%),linear-gradient(135deg,#7f71ff,#4c69ee);color:#fff;font-family:Nunito,Noto Sans Thai,sans-serif;font-size:14px;font-weight:900;box-shadow:0 5px 10px #4a54d329}.empty-state{display:flex;align-items:center;justify-content:center;min-height:260px;gap:10px;border:2px solid var(--line);border-radius:18px;background:#ffffff9e;color:#5f65df;font-size:20px;font-weight:900}.site-footer{width:min(1460px,100%);height:clamp(56px,5.5vw,84px);margin:18px auto 0;overflow:hidden;border-radius:10px 10px 0 0;background:#eefdff;box-shadow:0 -8px 26px #2a77cd1f}.site-footer img{display:block;width:100%;height:100%;object-fit:cover;object-position:bottom center}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal],.event-logo{opacity:1;transform:none;transition:none;filter:none}}@media(max-width:1080px){.topbar{grid-template-columns:1fr;gap:12px}.event-title{min-height:150px}.event-logo{width:min(460px,68vw);max-height:180px}.board-header{align-items:flex-start;flex-direction:column}.controls,.search-box{width:100%}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-column:nth-child(3){border-left:0}.team-column:nth-child(n+3){border-top:2px dashed rgba(116,108,233,.24);padding-top:10px}.reserve-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.page-shell{padding:18px 8px 10px;background-attachment:scroll}.topbar{grid-template-columns:1fr;gap:7px;align-items:center;margin-bottom:9px}.event-title{min-height:136px;justify-content:center;padding:0}.event-logo{width:min(280px,82vw);max-height:126px}.announcement-board{padding:16px 10px 14px;border-width:2px;border-radius:18px;box-shadow:inset 0 0 0 4px #ffffffd6,inset 0 0 0 7px #8b66ff1c,0 18px 40px #2240a433}.board-corners{top:8px;right:8px;bottom:8px;left:8px;border-radius:14px}.board-corners:before,.board-corners:after{top:-14px;font-size:26px}h1{max-width:100%;font-size:clamp(27px,8.2vw,33px);line-height:1.1;text-wrap:balance}h1 strong{display:inline-block}.board-header p{font-size:14px;line-height:1.45}.controls{flex-direction:column;align-items:stretch}.count-chip{width:100%;height:42px}.team-grid{grid-template-columns:1fr;padding:10px}.team-column,.team-column+.team-column{border-left:0;padding:0 4px}.team-column:nth-child(n+2){border-top:2px dashed rgba(116,108,233,.24);padding-top:8px}.team-row{grid-template-columns:50px minmax(0,1fr);gap:10px}.team-name{white-space:normal}.reserve-heading-wrap{gap:7px}.reserve-heading-wrap h2{min-width:0;width:100%}.reserve-list{grid-template-columns:1fr;padding:12px}.notes-section{padding:14px 12px}.notes-section h2{width:100%;justify-content:center}.notes-list li{grid-template-columns:32px minmax(0,1fr);gap:8px;font-size:13px;line-height:1.5}.site-footer{height:54px;margin-top:14px;border-radius:10px 10px 0 0}}