@font-face{font-family:"Noto Sans Thai";src:url("/fonts/NotoSansThai.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}:root{--bg:#101411;--panel:#171c18;--panel-raised:#1d231e;--border:#2a322b;--text:#f0f3ed;--muted:#929e91;--accent:#c6ee9b;--accent-dark:#223321;--warning:#d5b97b;--font:Inter,"Noto Sans Thai",Tahoma,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 var(--font);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{color:inherit}svg{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip-link{position:fixed;left:12px;top:-80px;padding:12px;background:var(--accent);color:var(--bg);z-index:10}.skip-link:focus{top:12px}.site-header{height:90px;max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 52px;border-bottom:1px solid var(--border)}.brand{display:flex;gap:12px;align-items:center;font-size:18px;letter-spacing:.03em;font-weight:800}.brand-symbol{width:37px;height:37px;color:var(--bg);background:var(--accent);border-radius:10px;display:grid;place-items:center}.brand-symbol svg{width:29px;height:29px}.brand-light{font-weight:400;letter-spacing:.09em;font-size:12px;margin-left:8px;color:#c0c8bc}.header-actions{display:flex;align-items:center;gap:24px}.connection-status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.status-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#6c756a}.connection-status.connected .status-dot{background:var(--accent);box-shadow:0 0 0 4px #c6ee9b0d}.connection-status.connected{color:var(--accent)}.button{min-height:41px;display:inline-flex;justify-content:center;align-items:center;gap:20px;border-radius:8px;font-weight:500;padding:10px 17px;border:1px solid transparent;transition:background .16s,border-color .16s,transform .16s}.button-outline{background:transparent;border-color:#3a4438}.button-outline:hover:not(:disabled){background:#232b22;border-color:#63735c}.button-accent{background:var(--accent);color:#172011}.button-accent:hover:not(:disabled){background:#d5f7b0}.button:disabled{opacity:.5}.page-shell{max-width:1440px;margin:auto;padding:0 52px}.hero{overflow:hidden;padding:51px 0 48px;display:flex;justify-content:space-between;align-items:center;gap:30px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--accent);font-size:10px;font-weight:600;letter-spacing:.18em;margin:0 0 14px}.eyebrow>span{display:block;height:5px;width:5px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(25px,3.1vw,43px);line-height:1.5;letter-spacing:-.04em;margin:0 0 12px;font-weight:600}.title-accent{color:var(--accent)}.hero-description{color:var(--muted);font-size:13px;margin:0}.hero-mark{height:140px;width:190px;position:relative;display:grid;place-items:center;margin-right:45px;isolation:isolate}.hero-mark:before{content:"";position:absolute;inset:-15px;background:radial-gradient(ellipse,#a8ce6c0d,transparent 70%);z-index:-1}.hero-mark svg{width:60px;height:60px;color:var(--accent);opacity:.9}.orbit{position:absolute;border:1px solid #45543d;border-radius:50%;width:150px;height:92px;transform:rotate(-28deg)}.orbit-two{width:110px;height:130px;transform:rotate(37deg);border-color:#2b3827}.orbit-point{position:absolute;right:26px;top:42px;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 15px #c6ee9b55}.workspace{display:grid;grid-template-columns:211px minmax(0,1fr);gap:37px;padding-top:5px}.provider-sidebar{border-right:1px solid var(--border);padding-right:23px;align-self:start;position:sticky;top:24px}.sidebar-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.04em;color:var(--muted);padding:5px 10px 17px}.small-count{font-size:10px;background:#262e25;color:#b8c2b2;min-width:21px;text-align:center;padding:0 6px;border-radius:4px}.provider-nav{display:flex;flex-direction:column;gap:6px}.provider-filter{width:100%;display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:7px;text-align:left;font-size:12px;background:transparent;color:#a9b3a4}.provider-filter:hover{color:var(--text);background:#1b221b}.provider-filter.active{background:#263321;border-color:#34462a;color:var(--accent)}.filter-count{font-size:10px;line-height:1.8;color:#788873;font-variant-numeric:tabular-nums}.provider-filter.active .filter-count{color:var(--accent)}.provider-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-note{border-top:1px solid var(--border);margin-top:26px;padding:22px 8px;display:flex;gap:10px;color:#b8c3b3;font-size:10px}.sidebar-note svg{width:22px;height:22px;fill:none;stroke:#84977a;stroke-width:1.3;flex-shrink:0;margin-top:2px}.sidebar-note p{margin:0;line-height:1.9}.sidebar-note p span{color:#71806b;font-size:9px}.table-content{min-height:500px;min-width:0}.table-content:focus{outline:none}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;min-height:57px}.catalog-toolbar h2{font-weight:500;font-size:20px;margin:0 0 2px;letter-spacing:-.02em}.catalog-toolbar p{color:var(--muted);font-size:11px;margin:0}.search-field{width:290px;display:flex;gap:10px;align-items:center;background:#171d17;border:1px solid var(--border);border-radius:8px;padding:11px 12px;color:var(--muted)}.search-field:focus-within{border-color:#657b54}.search-field svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}.search-field input{min-width:0;flex:1;width:100%;border:0;outline:none;background:none;color:var(--text);font-size:11px}.search-field input:focus-visible{outline:none}.search-field input::placeholder{color:#788572}.search-field kbd{font:10px var(--font);color:#64715e;border:1px solid #3b4534;padding:0 4px;border-radius:3px}.provider-sections{display:flex;flex-direction:column;gap:31px}.provider-group{scroll-margin-top:20px}.group-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px}.group-title-wrap{display:flex;align-items:center;gap:11px;min-width:0}.provider-monogram{width:31px;height:31px;display:grid;place-items:center;border:1px solid #3c4b31;border-radius:7px;background:#1d271b;color:#c7d6b9;font-size:10px;font-weight:700;letter-spacing:-.02em;flex-shrink:0}.group-title{font-size:14px;font-weight:600;letter-spacing:-.01em;margin:0}.group-meta{font-size:10px;color:var(--muted);margin-top:1px}.group-status{font-size:9px;line-height:1.5;color:#8e9f83;display:flex;align-items:center;gap:6px;text-align:right}.group-status:before{content:"";display:block;width:4px;height:4px;background:currentColor;border-radius:50%;flex-shrink:0}.group-status.unavailable{color:#ac956c}.table-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.table-card{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:0;background:var(--panel);border:1px solid var(--border);border-radius:10px;text-align:left;transition:transform .18s,border-color .18s,box-shadow .18s;min-width:0;width:100%;font:inherit}.table-card:hover:not(:disabled){transform:translateY(-3px);border-color:#61764e;box-shadow:0 8px 20px #0002}.table-card:hover:not(:disabled) .card-open{background:var(--accent);color:var(--bg);border-color:var(--accent)}.table-card:disabled{opacity:.54}.card-visual{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;min-height:100px;padding:19px 19px 17px;background:linear-gradient(120deg,#233021 0%,#1b241c 55%,#1c241d 100%);border-bottom:1px solid #303b2d;overflow:hidden}.card-visual:after{content:"";position:absolute;right:-15px;bottom:-56px;width:150px;height:150px;border:1px solid #8caa6c13;border-radius:50%;box-shadow:0 0 0 24px #8caa6c06,0 0 0 49px #8caa6c04;pointer-events:none}.card-room{font-family:var(--font);font-size:27px;font-weight:500;letter-spacing:-.04em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 37px);color:#dce8d3;z-index:1}.card-room.long{font-size:19px}.card-room-label{display:block;color:#7f9575;font-size:8px;line-height:1;letter-spacing:.15em;margin-bottom:9px;font-weight:500}.card-open{position:relative;z-index:1;border:1px solid #64785166;background:#263321;color:#c7d6b6;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;transition:background .18s,color .18s}.card-open svg{width:13px;height:13px}.card-information{width:100%;padding:13px 16px 14px}.card-title{display:block;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-detail-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}.card-game{font-size:9px;color:#879680;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proof-badge{font-size:8px;white-space:nowrap;display:flex;align-items:center;gap:4px;color:#9db98a}.proof-badge svg{width:11px;height:11px;stroke:currentColor;stroke-width:1.7;fill:none}.proof-badge.partial{color:#c2ac7c}.proof-badge.failed,.proof-badge.unknown{color:#8b9387}.provider-empty{display:flex;align-items:center;gap:13px;min-height:87px;padding:20px;border:1px dashed #353b30;border-radius:9px;color:var(--muted);font-size:11px;background:#171b1555}.provider-empty-icon{width:27px;height:27px;flex-shrink:0;color:#857c68}.provider-empty strong{display:block;font-size:12px;font-weight:500;color:#b6b5a7;margin-bottom:3px}.catalog-message{padding:60px 20px;text-align:center;color:var(--muted);font-size:13px;border:1px dashed var(--border);border-radius:10px;margin-bottom:20px}.catalog-message.loading:before{content:"";display:block;width:20px;height:20px;border:2px solid #394834;border-top-color:var(--accent);border-radius:50%;margin:0 auto 15px;animation:spin .8s linear infinite}.evidence-note{display:flex;gap:10px;align-items:flex-start;color:#6f7d69;margin:36px 0 18px;font-size:10px}.evidence-note p{margin:0}.evidence-icon{font:11px/15px Georgia,serif;border:1px solid #526148;width:15px;height:15px;flex-shrink:0;text-align:center;border-radius:50%;margin-top:2px}.site-footer{border-top:1px solid var(--border);margin-top:43px;padding:24px 0 27px;display:flex;justify-content:space-between;color:#64705e;font-size:9px;letter-spacing:.08em}.site-footer span:first-child{font-weight:600;letter-spacing:.12em}dialog{color:var(--text);font-family:var(--font);border:1px solid #3c4835;background:#191f18;border-radius:16px;padding:0;max-height:calc(100dvh - 32px);box-shadow:0 30px 120px #0009}dialog::backdrop{background:#070c08c9;backdrop-filter:blur(7px)}.login-dialog{width:min(430px,calc(100vw - 32px));padding:26px 29px}.dialog-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.dialog-topline .eyebrow{margin:0}.icon-button{background:transparent;border:1px solid #3a4436;display:grid;place-items:center;width:32px;height:32px;line-height:1;border-radius:7px;color:#acb9a3;font-size:24px;font-weight:300;padding:0}.icon-button:hover{background:#303b2a;color:var(--text)}.login-dialog h2{font-size:21px;font-weight:500;margin:0 0 8px;letter-spacing:-.03em}.dialog-description{color:var(--muted);font-size:12px;margin:0 0 27px}.login-dialog form{display:flex;flex-direction:column}.login-dialog label{font-size:11px;color:#b6c1ae;margin-bottom:8px}.login-dialog input{border-radius:7px;border:1px solid #3a4534;background:#10170f;color:var(--text);padding:11px 12px;margin-bottom:19px;outline:none}.login-dialog input:focus{border-color:#9bb880}.login-dialog .button{margin-top:6px;width:100%}.privacy-note{font-size:10px;text-align:center;color:#7b8973;margin:14px 0 1px}.form-error{font-size:11px;color:#e8b59c;line-height:1.8;margin:0 0 12px;padding:10px 12px;border:1px solid #654d3b;background:#3b2d2255;border-radius:7px}.player-dialog{width:min(1120px,calc(100vw - 40px));background:#111610}.player-header{padding:18px 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:20px}.player-heading .eyebrow{font-size:8px;margin:0 0 3px}.player-heading h2{margin:0;font-size:19px;font-weight:500}.player-header-actions{display:flex;align-items:center;gap:15px}.format-badge{font-size:9px;letter-spacing:.08em;padding:3px 7px;border:1px solid #3b4a30;border-radius:4px;color:#91a37f}.player-stage{position:relative;aspect-ratio:16/9;min-height:230px;max-height:calc(100dvh - 185px);background:#080c08;display:flex;align-items:center;justify-content:center}.player-stage iframe{width:100%;height:100%;position:absolute;inset:0;border:0;background:#000}.player-placeholder{text-align:center;padding:30px;z-index:1;max-width:450px}.player-placeholder h3{font-size:16px;font-weight:500;margin:20px 0 6px}.player-placeholder p{font-size:11px;color:var(--muted);margin:0;line-height:1.8}.player-placeholder .button{font-size:11px;margin-top:22px}.spinner{display:block;margin:auto;width:29px;height:29px;border:2px solid #263323;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.player-footer{padding:12px 23px;display:flex;justify-content:space-between;gap:20px;color:#7b8c71;font-size:10px;border-top:1px solid var(--border)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:12px 20px;background:#293523;border:1px solid #50663e;border-radius:9px;color:#d9e8cf;font-size:12px;box-shadow:0 8px 30px #0005;z-index:20}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1350px){.table-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card-visual{padding:17px 15px}.card-information{padding:12px 13px}.card-detail-row{gap:5px}}@media(max-width:1050px){.site-header{padding:0 30px}.page-shell{padding:0 30px}.workspace{grid-template-columns:175px minmax(0,1fr);gap:25px}.provider-sidebar{padding-right:17px}.table-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-mark{margin-right:5px}.search-field{width:230px}}@media(max-width:740px){.site-header{height:74px;padding:0 20px}.brand{font-size:16px;gap:9px}.brand-symbol{width:32px;height:32px;border-radius:8px}.brand-light{font-size:9px;margin-left:6px}.header-actions{gap:12px}.connection-status{font-size:0;gap:0}.connection-status .status-dot{width:7px;height:7px}.header-actions .button{font-size:10px;padding:8px 11px;min-height:34px;gap:8px}.page-shell{padding:0 20px}.hero{overflow:hidden;padding:34px 0 31px;gap:0}.hero>div:first-child{min-width:0}.hero .eyebrow{font-size:8px;margin-bottom:12px}h1{overflow-wrap:anywhere;font-size:27px;line-height:1.6;letter-spacing:-.055em;max-width:330px}.hero-description{font-size:11px;max-width:290px;line-height:1.9}.hero-mark{width:95px;height:110px;margin:0 -5px 0 0;transform:scale(.7);transform-origin:right center;flex-shrink:0}.workspace{display:block}.provider-sidebar{position:static;border:0;padding:0;margin:0 -20px 26px}.sidebar-heading,.sidebar-note{display:none}.provider-nav{display:flex;flex-direction:row;overflow-x:auto;gap:7px;padding:0 20px 12px;scrollbar-width:thin;scrollbar-color:#34442b transparent}.provider-filter{width:auto;min-height:35px;padding:7px 12px;font-size:10px;background:#191f18;border-color:#303a2b;gap:10px;white-space:nowrap;flex-shrink:0}.filter-count{font-size:8px}.catalog-toolbar{margin-bottom:24px;gap:12px;flex-wrap:wrap}.catalog-toolbar h2{font-size:19px}.catalog-toolbar p{font-size:10px}.search-field{width:100%;padding:12px;margin-top:3px}.search-field input{font-size:12px}.search-field kbd{display:none}.table-grid{gap:10px}.group-title{font-size:13px}.group-meta{font-size:9px}.group-status{font-size:8px;max-width:105px}.group-title-wrap{gap:9px}.provider-monogram{width:28px;height:28px;font-size:9px}.card-visual{min-height:95px;padding:16px 13px}.card-room{font-size:25px}.card-room.long{font-size:17px}.card-room-label{font-size:7px;margin-bottom:8px}.card-open{width:27px;height:27px}.card-open svg{width:11px;height:11px}.card-information{padding:11px 12px 12px}.card-title{font-size:11px}.card-detail-row{align-items:flex-start;flex-direction:column;gap:5px;margin-top:5px}.card-game{font-size:9px}.proof-badge{font-size:8px}.evidence-note{font-size:9px;line-height:1.9;margin-top:28px}.site-footer{font-size:8px;margin-top:26px;gap:20px}.player-dialog{width:calc(100vw - 20px);border-radius:11px;max-height:calc(100dvh - 20px)}.player-header{padding:14px 16px}.player-heading h2{font-size:17px}.player-stage{min-height:235px;aspect-ratio:16/11}.player-footer{padding:11px 15px;font-size:9px;gap:10px}.player-header-actions{gap:10px}.login-dialog{padding:23px}.player-placeholder{padding:25px 18px}.player-placeholder h3{font-size:14px}}@media(max-width:370px){.hero-mark{display:none}h1{font-size:25px}.brand-light{display:none}.header-actions .button{font-size:9px}.card-room{font-size:22px}.card-open{width:24px;height:24px}.page-shell{padding:0 16px}.provider-sidebar{margin-left:-16px;margin-right:-16px}.provider-nav{padding-left:16px;padding-right:16px}.table-grid{gap:8px}.card-information{padding:10px}.player-footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition:none!important}.spinner,.catalog-message.loading:before{animation:none;border-color:#7c9666}}