:root{--navy:#0f1b2d;--navy2:#162336;--navy3:#1e3050;--gold:#c9a84c;--gold2:#e8c96a;--cream:#f5f0e8;--jade:#4c9a84;--jade2:#3a7a67;--muted:#8a9bb5;--border:#2a3f5c;--danger:#d47a8f}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--navy);color:var(--cream);font-family:Noto Sans Thai,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.topbar{background:var(--navy2);border-bottom:1px solid var(--border);padding:0 2rem;justify-content:space-between;height:60px;position:-webkit-sticky;position:sticky;top:0;z-index:200}.logo-wrap,.topbar{display:flex;align-items:center}.logo-wrap{gap:12px;cursor:pointer}.logo-th{font-family:"Noto Serif Thai",serif;font-size:1rem;font-weight:600;color:var(--gold)}.logo-en{font-size:.6rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.nav{display:flex}.nav,.nav a{align-items:center}.nav a{color:var(--muted);font-size:.85rem;padding:0 1rem;height:60px;display:inline-flex;border-bottom:2px solid transparent;transition:all .2s}.nav a.active,.nav a:hover{color:var(--gold);border-bottom-color:var(--gold)}.topbar-right{display:flex;align-items:center;gap:10px}.btn{padding:9px 18px;border-radius:6px;font-size:.86rem;min-height:38px;cursor:pointer;font-family:inherit;border:none;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--muted)}.btn-outline:hover{border-color:var(--gold);color:var(--gold)}.btn-primary{background:var(--gold);color:var(--navy);font-weight:600}.btn-primary:hover{background:var(--gold2)}.btn-jade{background:var(--jade);color:#fff;font-weight:600}.btn-jade:hover{background:var(--jade2)}.btn-danger{background:rgba(212,122,143,.14);border:1px solid var(--danger);color:var(--danger);font-weight:600}.btn-danger:hover{background:rgba(212,122,143,.28)}.btn-sm{padding:6px 12px;font-size:.8rem;min-height:34px}.btn-icon{min-width:38px;padding-left:10px;padding-right:10px;font-size:1rem}.btn-sm.btn-icon{min-width:34px}.container{max-width:1100px;margin:0 auto;padding:1.8rem}.section-title{font-family:"Noto Serif Thai",serif;font-size:1.3rem;font-weight:600}.section-subtitle{font-size:.78rem;color:var(--muted);margin-top:2px;margin-bottom:1.2rem}.search-bar{display:flex;gap:8px;margin-bottom:1rem;flex-wrap:wrap}.search-input{flex:1 1;min-width:200px;background:var(--navy2);border:1px solid var(--border);color:var(--cream);padding:8px 12px;border-radius:5px;font-size:.88rem;font-family:inherit;outline:none}.search-input:focus{border-color:var(--gold)}.filter-select{background:var(--navy2);border:1px solid var(--border);color:var(--muted);padding:8px 10px;border-radius:5px;font-size:.8rem;font-family:inherit;outline:none;cursor:pointer}.table-wrap{background:var(--navy2);border:1px solid var(--border);border-radius:8px;overflow-x:auto}table{width:100%;border-collapse:collapse}thead tr{background:var(--navy3);border-bottom:1px solid var(--border)}th{text-align:left;padding:9px 12px;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:500;white-space:nowrap}td{padding:10px 12px;font-size:.86rem;border-bottom:1px solid rgba(42,63,92,.4);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr:hover td{background:hsla(0,0%,100%,.02)}.song-id{font-family:monospace;font-size:.74rem;color:var(--muted)}.song-name{color:var(--cream);font-weight:500}.song-name:hover{color:var(--gold)}.badge{display:inline-block;padding:2px 7px;border-radius:3px;font-size:.68rem;white-space:nowrap}.badge-variable{background:rgba(76,154,132,.15);color:var(--jade);border:1px solid rgba(76,154,132,.3)}.badge-fixed{background:rgba(201,168,76,.12);color:var(--gold);border:1px solid rgba(201,168,76,.3)}.badge-mixed{background:rgba(138,155,181,.1);color:var(--muted);border:1px solid var(--border)}.badge-pending{background:rgba(201,168,76,.15);color:var(--gold);border:1px solid rgba(201,168,76,.4)}.card{background:var(--navy2);border:1px solid var(--border);border-radius:8px;padding:1.4rem}.card,.form-group{margin-bottom:1rem}.form-label{font-size:.75rem;color:var(--muted);margin-bottom:5px;display:block}.form-input{width:100%;background:var(--navy3);border:1px solid var(--border);color:var(--cream);padding:9px 12px;border-radius:6px;font-size:.88rem;font-family:inherit;outline:none}.form-input:focus{border-color:var(--gold)}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:1rem;gap:1rem;margin-top:1rem}.video-card{background:var(--navy2);border:1px solid var(--border);border-radius:8px;overflow:hidden}.video-embed{position:relative;padding-bottom:56.25%}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:none}.video-body{padding:10px 12px}.video-title{font-size:.85rem}.video-meta{font-size:.72rem;color:var(--muted);margin-top:3px;display:flex;justify-content:space-between;align-items:center}.detail-hero{background:var(--navy2);border:1px solid var(--border);border-radius:10px;padding:1.5rem;margin-bottom:1.4rem}.detail-id{font-family:monospace;font-size:.7rem;color:var(--muted);letter-spacing:.08em}.detail-name{font-family:"Noto Serif Thai",serif;font-size:1.7rem;font-weight:700;margin:6px 0 10px}.detail-meta{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1rem}.meta-pill{display:flex;flex-direction:column}.meta-label{font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.meta-value{font-size:.85rem;margin-top:2px}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;flex-wrap:wrap;gap:8px}.page-btn{min-height:34px;background:var(--navy2);border:1px solid var(--border);color:var(--muted);padding:5px 11px;border-radius:4px;font-size:.78rem;cursor:pointer;font-family:monospace}.page-btn.active,.page-btn:hover{border-color:var(--gold);color:var(--gold)}.page-btn:disabled{opacity:.45;cursor:default}.toast{position:fixed;bottom:2rem;right:2rem;z-index:999;background:var(--navy3);border:1px solid var(--jade);border-radius:8px;padding:12px 18px;font-size:.85rem}.footer{border-top:1px solid var(--border);padding:1.2rem 2rem;font-size:.72rem;color:var(--muted);margin-top:3rem}.footer,.lock-box{background:var(--navy2);text-align:center}.lock-box{border:1px solid var(--border);border-radius:8px;padding:2.5rem}.thma-tooltip{border-radius:8px!important;border:1px solid #c9a84c!important;padding:6px!important;white-space:normal!important;width:max-content;max-width:230px!important;padding:8px 10px!important;border-radius:10px!important;box-shadow:0 3px 12px rgba(0,0,0,.35)!important;line-height:1.55!important}@font-face{font-family:THNotation;src:url(/fonts/THNotation.woff2) format("woff2"),url(/fonts/THNotation.otf) format("opentype");font-display:swap}.thma-tooltip>div{max-width:210px!important}.hero2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin:.6rem 0 1.4rem}@media (max-width:820px){.hero2{grid-template-columns:1fr;gap:12px}}.hero-card{position:relative;display:block;min-height:340px;border-radius:16px;overflow:hidden;border:1px solid rgba(201,168,76,.45);text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s}.hero-card:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(0,0,0,.45);border-color:var(--gold)}.hero-songs{background:radial-gradient(120% 90% at 15% 10%,rgba(76,154,132,.25),transparent 55%),radial-gradient(110% 100% at 90% 90%,rgba(201,168,76,.22),transparent 60%),linear-gradient(150deg,#16263d,#0f1b2d 60%,#0b1524)}.hero-history{background:radial-gradient(120% 90% at 85% 12%,rgba(180,70,50,.22),transparent 55%),radial-gradient(110% 100% at 10% 92%,rgba(201,168,76,.24),transparent 60%),linear-gradient(210deg,#1b2438,#0f1b2d 60%,#0b1524)}.hero-glyphs{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:"Noto Serif Thai",serif;font-size:2.4rem;line-height:2.1;text-align:center;color:rgba(201,168,76,.1);letter-spacing:.4em;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;transform:rotate(-6deg) scale(1.15)}.hero-inner{position:relative;z-index:1;padding:2.2rem 2rem;display:flex;flex-direction:column;height:100%}.hero-kicker{font-size:.66rem;letter-spacing:.35em;color:var(--jade);font-weight:600}.hero-history .hero-kicker{color:#d08a6a}.hero-title{font-family:"Noto Serif Thai",serif;font-weight:700;color:var(--cream);font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.3;margin:.7rem 0 .9rem;text-shadow:0 2px 14px rgba(0,0,0,.5)}.hero-sub{font-size:.82rem;color:var(--muted);line-height:1.8;max-width:34ch}.hero-cta{margin-top:auto;align-self:flex-start;padding:.55rem 1.2rem;border-radius:999px;border:1px solid var(--gold);color:var(--gold);font-size:.82rem;font-weight:600;background:rgba(201,168,76,.08);transition:background .2s}.hero-card:hover .hero-cta{background:var(--gold);color:#0f1b2d}html{scroll-behavior:smooth}body,html{max-width:100%;overflow-x:hidden}*{min-width:0}canvas,iframe,img,svg,table,video{max-width:100%}.card>table,.table-scroll{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:820px){.topbar{padding:0 .7rem;height:auto;min-height:56px;row-gap:4px}.topbar,.topbar-right{flex-wrap:wrap;gap:6px}.topbar-right{justify-content:flex-end}.topbar nav,.topbar-nav{display:flex;overflow-x:auto;gap:10px;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}.topbar nav::-webkit-scrollbar,.topbar-nav::-webkit-scrollbar{display:none}.topbar a,.topbar-nav a{white-space:nowrap;font-size:.86rem}.container{padding:1rem .85rem 2rem}.card{padding:.9rem}.section-title{font-size:1.05rem!important}.section-subtitle{font-size:.8rem!important}.detail-title{font-size:1.15rem!important;line-height:1.4!important}.btn-row,.filter-row,.tab-row{overflow-x:auto;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}.btn-row::-webkit-scrollbar,.tab-row::-webkit-scrollbar{display:none}.btn-row>*,.filter-row>*,.tab-row>*{flex:0 0 auto;white-space:nowrap}.btn{font-size:.86rem;padding:.6rem .9rem;min-height:42px}.btn-sm{font-size:.82rem;padding:.5rem .8rem;min-height:38px}.btn-icon,.btn-sm.btn-icon{min-width:42px}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea{font-size:16px!important}
  /* !important เพราะหลายจุดตั้งขนาดไว้ในโค้ดโดยตรง (เช่นติ๊กเปิดจังหวะถอน/ทอด 18px) */input[type=checkbox],input[type=radio]{width:22px!important;height:22px!important;flex:0 0 auto;accent-color:var(--gold)}input[type=range]{height:28px!important;accent-color:var(--gold)}label:has(>input[type=checkbox]),label:has(>input[type=radio]){min-height:34px}.m1col{grid-template-columns:1fr!important}.hero-title{font-size:1.5rem!important}.hero-sub{font-size:.82rem!important}.grid-2,.grid-3,.stat-grid{grid-template-columns:1fr!important}}@media (max-width:480px){.container{padding:.8rem .7rem 2rem}.section-title{font-size:.98rem!important}.hero-title{font-size:1.3rem!important}}@media (max-width:820px){.topbar .nav{display:flex;align-items:center;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;padding:4px 0;order:3;width:100%;border-top:1px solid var(--border)}.topbar .nav::-webkit-scrollbar{display:none}.topbar .nav>*{white-space:nowrap;flex:0 0 auto}.logo-th{font-size:.82rem}.logo-en{font-size:.58rem}.logo-wrap svg{width:26px;height:26px}}@media (max-width:480px){.logo-en{display:none}.logo-th{font-size:.76rem;max-width:150px}}.rail-mobbar,.rail-scrim,.siderail,html.nav-rail .topbar{display:none}html.nav-rail,html.nav-rail body{--rail-w:56px}html.nav-rail body{padding-left:var(--rail-w)}html.nav-rail .siderail{display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;width:var(--rail-w);z-index:300;background:var(--navy3);border-right:1px solid var(--border);padding:8px 0;overflow:hidden;transition:width .18s ease,box-shadow .18s ease}html.nav-rail .siderail:focus-within,html.nav-rail .siderail:hover{width:232px;box-shadow:14px 0 34px rgba(4,9,18,.5)}.rail-brand{display:flex;align-items:center;gap:10px;padding:6px 15px 12px;flex:0 0 auto}.rail-brandtxt{font-family:"Noto Serif Thai",serif;font-weight:700;font-size:.78rem;color:var(--gold)}.rail-scroll{flex:1 1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.rail-scroll::-webkit-scrollbar{display:none}.rail-group+.rail-group{margin-top:2px}.rail-gname{padding:10px 15px 3px}.rail-gname span{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);white-space:nowrap;opacity:.9}html.nav-rail .siderail:not(:hover):not(:focus-within) .rail-gname{padding:9px 0 3px}html.nav-rail .siderail:not(:hover):not(:focus-within) .rail-gname span{display:none}html.nav-rail .siderail:not(:hover):not(:focus-within) .rail-gname:before{content:"";display:block;width:22px;height:1px;background:var(--border);margin:5px auto 0}.rail-item{gap:12px;height:42px;padding:0 0 0 17px;color:var(--muted);white-space:nowrap;overflow:hidden;cursor:pointer;border:0;border-left:2px solid transparent;background:transparent;font:inherit;font-size:.82rem;width:100%;text-align:left}.rail-ico,.rail-item{display:flex;align-items:center}.rail-ico{font-size:1.05rem;flex:0 0 22px;justify-content:center}.rail-lbl{opacity:0;transition:opacity .14s ease}html.nav-rail .siderail:focus-within .rail-lbl,html.nav-rail .siderail:hover .rail-lbl{opacity:1}.rail-item:hover{background:rgba(201,168,76,.1);color:var(--cream)}.rail-item.on{background:rgba(201,168,76,.15);color:var(--gold);border-left-color:var(--gold)}.rail-item:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.rail-foot{flex:0 0 auto;border-top:1px solid var(--border);padding-top:6px}.rail-switch{color:var(--muted)}@media (max-width:820px){html.nav-rail body{padding-left:0;padding-top:52px}html.nav-rail .rail-mobbar{display:flex;align-items:center;gap:10px;position:fixed;top:0;left:0;right:0;height:52px;padding:0 12px;background:var(--navy2);border-bottom:1px solid var(--border);z-index:320}.rail-burger{width:40px;height:40px;border-radius:8px;border:1px solid var(--border);background:var(--navy3);color:var(--gold);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.rail-mobname{font-family:"Noto Serif Thai",serif;font-weight:600;font-size:.84rem;color:var(--gold)}html.nav-rail .siderail{width:250px;transform:translateX(-100%);transition:transform .2s ease;box-shadow:none;top:0;z-index:340}html.nav-rail .siderail.open{transform:translateX(0);box-shadow:14px 0 34px rgba(4,9,18,.55)}html.nav-rail .siderail:focus-within,html.nav-rail .siderail:hover{width:250px;box-shadow:none}html.nav-rail .siderail .rail-lbl{opacity:1!important}html.nav-rail .siderail .rail-gname{padding:10px 15px 3px!important}html.nav-rail .siderail .rail-gname span{display:inline!important}html.nav-rail .siderail .rail-gname:before{display:none!important}html.nav-rail .rail-scrim{display:block;position:fixed;inset:0;background:rgba(4,9,18,.55);z-index:330}}@media (prefers-reduced-motion:reduce){.rail-lbl,.siderail{transition:none!important}}.nav-switch{cursor:pointer;font-size:.8rem;border:1px solid var(--border);background:transparent;border-radius:5px;padding:6px 10px;min-height:32px;color:var(--muted);font-family:inherit}.nav-switch:hover{border-color:var(--gold);color:var(--gold)}.np-root{--np-rest:#9fb3ce;--np-restw:600;--np-bar:#43597c}.np-root.np-paper{--navy:#fbfaf6;--navy2:#f3f1e9;--navy3:#fff;--cream:#12161c;--muted:#5f6670;--border:#c6cbd3;--gold:#8a6d14;--gold2:#6e5510;--jade:#1f6b57;--jade2:#17513f;--danger:#a3312b;--np-rest:#5f6670;--np-restw:500;--np-bar:#8a9199}.np-root.np-hicon{--navy:#fff;--navy2:#fff;--navy3:#fff;--cream:#000;--muted:#2b2b2b;--border:#000;--gold:#5e4300;--gold2:#3d2c00;--jade:#00503b;--jade2:#003527;--danger:#8a0000;--np-rest:#333;--np-restw:700;--np-bar:#000}.np-root.np-hicon,.np-root.np-paper{background:var(--navy);color:var(--cream);border:1px solid var(--border);border-radius:10px;padding:.9rem}.np-root.np-paper .np-cell.np-on{background:rgba(138,109,20,.3)}.np-root.np-hicon .np-cell.np-on{background:#ffe08a;outline:1px solid #000}.np-root.np-hicon .np-krocover,.np-root.np-paper .np-krocover{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='7'%3E%3Cpath d='M0 5 q 3.5 -4.5 7 0 t 7 0' fill='none' stroke='%236E5510' stroke-width='1.6'/%3E%3C/svg%3E")}.nav-search{display:flex;align-items:center;gap:0;margin:0 .6rem}.nav-search-input{width:190px;max-width:24vw;height:32px;padding:0 10px;background:var(--navy);color:var(--fg);font-family:inherit;font-size:.8rem;border:1px solid var(--border);border-right:none;border-radius:6px 0 0 6px;outline:none}.nav-search-input:focus{border-color:var(--gold)}.nav-search-input::placeholder{color:var(--muted)}.nav-search-go{height:32px;padding:0 10px;cursor:pointer;font-size:.85rem;line-height:1;background:transparent;color:var(--muted);font-family:inherit;border:1px solid var(--border);border-radius:0 6px 6px 0}.nav-search-go:hover{color:var(--gold);border-color:var(--gold)}@media (max-width:900px){.nav-search-input{display:none}.nav-search-go{border-radius:6px}}body:has([data-notepad]){padding-bottom:330px}[data-notepad] button:active{transform:scale(.96)}[data-notepad] button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (max-width:400px){[data-notepad] [data-padnotes]{grid-template-columns:repeat(4,1fr)!important}[data-notepad] [data-padnotes] button{min-height:46px!important}}.tb-main{display:flex;align-items:center;gap:2px;margin-left:1.2rem}.tb-main a{color:var(--muted);font-size:.9rem;padding:0 .9rem;height:60px;display:inline-flex;align-items:center;border-bottom:2px solid transparent}.tb-main a.on,.tb-main a:hover{color:var(--gold);border-bottom-color:var(--gold)}.tb-right{display:flex;gap:6px;margin-left:auto}.tb-ico,.tb-right{align-items:center}.tb-ico{min-width:36px;height:36px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;font-family:inherit;font-size:.86rem;display:inline-flex;justify-content:center;gap:5px;padding:0 8px}.tb-ico:hover,.tb-ico[aria-expanded=true]{border-color:var(--border);color:var(--cream);background:var(--navy3)}.tb-ico:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.tb-search{position:relative;display:flex;align-items:center}.tb-search input{width:0;opacity:0;transition:width .2s,opacity .2s;background:var(--navy3);border:1px solid var(--border);color:var(--cream);border-radius:8px;padding:7px 10px;font-family:inherit;font-size:.86rem;outline:none}.tb-search.open input{width:220px;opacity:1;margin-right:4px}.tb-search input:focus{border-color:var(--gold)}.tb-menu{position:relative}.tb-pop{position:absolute;right:0;top:calc(100% + 8px);min-width:230px;background:var(--navy2);border:1px solid var(--border);border-radius:10px;box-shadow:0 16px 40px rgba(0,0,0,.5);padding:6px;z-index:300}.tb-pop-g{font-size:.7rem;color:var(--muted);padding:8px 10px 3px}.tb-pop a,.tb-pop button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:8px 10px;border-radius:7px;color:var(--cream);font-size:.86rem;background:transparent;border:none;cursor:pointer;font-family:inherit}.tb-pop a:hover,.tb-pop button:hover{background:var(--navy3);color:var(--gold)}.tb-pop hr{border:none;border-top:1px solid var(--border);margin:5px 0}.tb-me{padding:10px 10px 6px}.tb-me b{display:block;font-size:.9rem;color:var(--cream)}.tb-me span{font-size:.74rem;color:var(--muted)}.tb-avbtn{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:2px 8px 2px 2px}@media (max-width:820px){.topbar{height:56px;min-height:56px;flex-wrap:nowrap;padding:0 .7rem}.topbar nav.tb-main{display:none}.tb-search.open input{width:140px}.logo-en{display:none}.logo-th{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:38vw}.tb-right{flex-shrink:0;gap:4px}.tb-ico span{display:none}}.home-head{text-align:center;padding:2.6rem 0 1.6rem}.home-title{font-family:"Noto Serif Thai",serif;font-weight:700;color:var(--cream);font-size:clamp(1.6rem,3.4vw,2.4rem);line-height:1.3;margin:0}.home-tag{color:var(--muted);font-size:.9rem;margin:.5rem auto 1.4rem;max-width:52ch;line-height:1.8}.home-search{display:flex;gap:8px;max-width:640px;margin:0 auto}.home-search input{flex:1 1;background:var(--navy2);border:1px solid var(--border);color:var(--cream);padding:12px 16px;border-radius:10px;font-size:1rem;font-family:inherit;outline:none}.home-search input:focus{border-color:var(--gold)}.home-stats{display:flex;gap:1.6rem;justify-content:center;flex-wrap:wrap;font-size:.82rem;color:var(--muted);margin:1rem 0 0}.home-stats b{color:var(--cream);font-weight:600;margin-right:4px}.doors{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin:.8rem 0 2.8rem}.door{position:relative;min-height:400px;border-radius:18px;overflow:hidden;border:1px solid rgba(201,168,76,.35);background:#0b1524}.door-img,.door-img>div{position:absolute;inset:0}.door-img>div{position:absolute!important;inset:0!important;height:auto!important}.door-img img{position:absolute;inset:0;width:100%!important;object-fit:cover;object-position:center 40%}.door-img img,.door-img>div>div:not(.eimg-tools){height:100%!important;border-radius:0!important}.door-img img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.door:hover .door-img img{transform:scale(1.035)}.door .eimg-tools{top:10px!important;right:10px!important;bottom:auto!important;left:auto!important;height:auto!important;gap:4px!important;z-index:3;opacity:.55;transition:opacity .2s}.door:hover .eimg-tools{opacity:1}.door .eimg-tools .btn{min-height:0!important;min-width:0!important;height:auto!important;padding:3px 9px!important;font-size:.66rem!important;line-height:1.4!important;border-radius:999px!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.door-fx{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(11,21,36,0) 40%,rgba(11,21,36,.55) 68%,rgba(11,21,36,.92)),linear-gradient(90deg,rgba(11,21,36,.45),rgba(11,21,36,0) 55%)}.door-songs.nopic{background:radial-gradient(90% 70% at 20% 15%,rgba(76,154,132,.28),transparent 60%),linear-gradient(160deg,#16263d,#0b1524)}.door-history.nopic{background:radial-gradient(90% 70% at 80% 15%,hsla(19,52%,62%,.26),transparent 60%),linear-gradient(200deg,#1b2438,#0b1524)}.door-txt{position:absolute;left:0;right:0;bottom:0;padding:1.6rem 1.8rem 1.7rem;z-index:2;pointer-events:none}.door-txt>*{pointer-events:auto}.door-name{display:block;font-family:"Noto Serif Thai",serif;font-weight:700;color:var(--cream);font-size:clamp(1.5rem,2.8vw,2.1rem);line-height:1.25;text-decoration:none;text-shadow:0 2px 12px rgba(0,0,0,.6)}.door-name:hover{color:var(--gold2)}.door-sub{font-size:.84rem;color:#dce3ee;text-shadow:0 1px 6px rgba(0,0,0,.7);margin:.5rem 0 1rem;line-height:1.7;max-width:38ch}.door-cta{display:inline-block;padding:.5rem 1.15rem;border-radius:999px;background:var(--gold);color:#0f1b2d;font-weight:600;font-size:.84rem;text-decoration:none}.door-cta:hover{background:var(--gold2)}.door-history .door-cta{background:#d08a6a}.door-history .door-cta:hover{background:#e3a182}.door-cta:focus-visible,.door-name:focus-visible{outline:2px solid var(--cream);outline-offset:3px}.home-sec{margin:0 0 2.4rem}.home-sec h2{font-family:"Noto Serif Thai",serif;font-weight:600;font-size:1.2rem;color:var(--cream);margin:0 0 .9rem;display:flex;align-items:baseline;gap:12px}.home-sec h2 small{font-family:Noto Sans Thai,sans-serif;font-weight:400;font-size:.78rem;color:var(--muted)}.home-2col{display:grid;grid-template-columns:1fr 1.7fr;grid-gap:18px;gap:18px;align-items:start}.top3{background:var(--navy2);border:1px solid var(--border);border-radius:12px;padding:.4rem .6rem}.top3 a{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;color:var(--cream);text-decoration:none}.top3 a:hover{background:var(--navy3)}.top3 .medal{font-size:1.1rem;width:24px;text-align:center}.top3 .nm{flex:1 1;font-size:.9rem;font-weight:500}.top3 .pt{font-size:.76rem;color:var(--muted);white-space:nowrap}.top3 .more{display:block;text-align:center;font-size:.76rem;color:var(--gold2);padding:8px}@media (max-width:820px){.doors{grid-template-columns:1fr;gap:12px}.door{min-height:280px}.home-2col{grid-template-columns:1fr}.home-head{padding:1.6rem 0 1.2rem}}@keyframes bia-shimmer{0%{background-position:0 50%}to{background-position:220% 50%}}