*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;min-height:100svh;margin:0;padding:0;display:block}.app-layout{height:100vh;display:flex}.main-content{flex:1;min-width:0;min-height:0;overflow-y:auto}.page-container{box-sizing:border-box;width:100%;max-width:1100px;padding:28px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.mobile-header{z-index:100;align-items:center;gap:12px;height:56px;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0}.sidebar{transition:transform .25s}.sidebar-overlay{z-index:98;background:#0006;display:none;position:fixed;inset:0}.nav-item{color:#65676b;border-left:3px solid #0000;align-items:center;gap:10px;padding:10px 16px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-item:hover{color:#1c1e21;background:#f0f2f5}.nav-item.active{color:#1877f2;background:#e7f0fd;border-left-color:#1877f2;font-weight:600}.line-nav-item{color:#6b4040;white-space:nowrap;border-left:3px solid #0000;align-items:center;gap:10px;padding:10px 16px;font-family:Kanit,Noto Sans Thai,sans-serif;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.line-nav-item:hover{color:#c62828;background:#fdecea}.line-nav-item.active{color:#c62828;background:#fbe0df;border-left-color:#c62828;font-weight:600}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=1024px){.mobile-header{display:flex}.sidebar{z-index:99;max-width:80vw;transform:translate(-100%);width:240px!important;height:100vh!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000026}.sidebar-overlay.open{display:block}.main-content{width:100%;padding-top:56px}.page-container{padding:16px}.page-header{flex-wrap:wrap;gap:10px}}.lotto-board{--void:#450008;--panel-a:#c62828;--panel-b:#8e0000;--panel-edge:#e2b13c;--gold:#e2b13c;--gold-soft:#f3cf8f;--cream:#fdf9f9;--jade:#2fae6e;--slate:#4f86c6;--hair:#fdf9f924;isolation:isolate;box-sizing:border-box;background:linear-gradient(160deg, #6b0009 0%, var(--void) 45%, #2c0004 100%);height:100vh;color:var(--cream);font-family:var(--board-font,"Chakra Petch", "Noto Sans Thai", sans-serif);flex-direction:column;padding:clamp(12px,2vw,28px);display:flex;position:relative;overflow:hidden}.lotto-board__editable-root{cursor:pointer}.lotto-board__editable{cursor:pointer;outline-offset:-2px;outline:2px dashed #0000;transition:outline-color .15s,background-color .15s}.lotto-board__editable:hover{background-color:#4fc3f71a;outline-color:#4fc3f7}.lotto-board:before,.lotto-board:after{content:"";z-index:-1;pointer-events:none;filter:blur(90px);opacity:.6;mix-blend-mode:screen;will-change:transform;position:absolute;inset:-12%}.lotto-board:before{background:radial-gradient(32% 38% at 22% 28%,#ff5f6dd9 0%,#0000 70%),radial-gradient(28% 34% at 78% 72%,#4f86c6bf 0%,#0000 70%);animation:24s ease-in-out infinite lotto-aurora-a}.lotto-board:after{background:radial-gradient(30% 36% at 80% 22%,#e2b13ccc 0%,#0000 70%),radial-gradient(26% 32% at 18% 78%,#8b5cf6b3 0%,#0000 70%);animation:28s ease-in-out infinite reverse lotto-aurora-b}@keyframes lotto-aurora-a{0%,to{transform:translate(0)scale(1)}50%{transform:translate(6%,-5%)scale(1.18)}}@keyframes lotto-aurora-b{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-5%,6%)scale(1.12)}}@media (prefers-reduced-motion:reduce){.lotto-board:before,.lotto-board:after{animation:none}}.lotto-board--preview{flex-shrink:0;width:1280px;height:720px}.lotto-board *,.lotto-board :before,.lotto-board :after{box-sizing:border-box}.lotto-board h1{text-wrap:balance}.lotto-board__hero{border-style:solid;border-color:var(--header-border-color,var(--panel-edge));border-width:var(--header-border-width,1px);background-position:50% 30%;background-size:cover;border-radius:18px;flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:16px clamp(16px,3vw,32px);display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000073}.lotto-board__brand{z-index:1;align-items:center;gap:16px;display:flex;position:relative}.lotto-board__mark{border:1px solid var(--gold);background:#fdf9f9;border-radius:12px;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid;overflow:hidden;box-shadow:0 6px 18px #0006}.lotto-board__mark img{object-fit:contain;width:100%;height:100%;padding:4px}.lotto-board__brand-text h1{font-size:var(--fs-header-title,clamp(22px, 2.8vw, 30px));letter-spacing:.5px;color:var(--header-title-color,var(--gold-soft));text-shadow:0 2px 10px #0000008c;margin:0;font-weight:700}.lotto-board__brand-text p{font-size:var(--fs-header-subtitle,12.5px);color:var(--header-subtitle-color,#fdf9f9bf);letter-spacing:.3px;margin:3px 0 0}.lotto-board__date{font-size:var(--fs-date,12.5px);color:var(--date-color,#fdf9f9bf);letter-spacing:.4px}.lotto-board__time{font-family:var(--board-font,"Orbitron", monospace);font-variant-numeric:tabular-nums;font-size:var(--fs-clock,clamp(22px, 3vw, 30px));color:var(--clock-color,var(--gold-soft));letter-spacing:1px;font-weight:700}.lotto-board__colon{animation:1s step-end infinite lotto-blink}.lotto-board__clock-float{z-index:5;white-space:nowrap;background:var(--clockwrap-bg,linear-gradient(180deg, #0006, #00000038));border:1px solid var(--hair);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-user-select:none;user-select:none;border-radius:14px;align-items:baseline;gap:12px;padding:10px 20px;display:flex;position:absolute;transform:translate(-50%,-50%)}@keyframes lotto-blink{50%{opacity:.25}}.lotto-board__error{text-align:center;color:var(--gold-soft);border:1px solid var(--hair);background:#00000040;border-radius:10px;margin:0 0 16px;padding:10px 14px;font-size:13px}.lotto-board__grid{flex:auto;grid-auto-flow:row;gap:10px;min-height:0;display:grid;overflow:hidden}.lotto-board__card{background-image:var(--card-bg-image,none), linear-gradient(165deg, color-mix(in srgb, var(--panel-a) 88%, transparent), color-mix(in srgb, var(--panel-b) 90%, transparent) 78%), linear-gradient(135deg, var(--panel-edge) 0%, #ffffffbf 28%, var(--panel-edge) 52%, #00000040 100%);background-blend-mode:overlay, normal, normal;-webkit-backdrop-filter:blur(14px)saturate(150%);border-width:var(--card-border-width,1.5px);background-position:50%,0 0,0 0;background-repeat:no-repeat,no-repeat,no-repeat;background-size:cover,auto,auto;background-origin:padding-box,padding-box,border-box;background-clip:padding-box,padding-box,border-box;border-style:solid;border-color:#0000;border-radius:14px;flex-direction:column;min-height:0;transition:box-shadow .4s;display:flex;overflow:hidden;box-shadow:0 10px 22px #00000059,inset 0 1px #ffffff14,inset 0 0 0 1px #ffffff0f;container-type:inline-size}.lotto-board__card:has(.lotto-board__num-pill--top:not(.lotto-board__num-pill--placeholder)){animation:2.4s ease-in-out infinite lotto-card-glow}@keyframes lotto-card-glow{0%,to{box-shadow:0 10px 22px #00000059,inset 0 1px #ffffff14,inset 0 0 0 1px #ffffff0f,0 0 #e2b13c00}50%{box-shadow:0 10px 26px #0006,inset 0 1px #ffffff14,inset 0 0 0 1px #ffffff0f,0 0 22px #e2b13c73}}@media (prefers-reduced-motion:reduce){.lotto-board__card:has(.lotto-board__num-pill--top:not(.lotto-board__num-pill--placeholder)){animation:none}}.lotto-board__card.lotto-board__card--glow-pulse{animation:1.8s ease-in-out infinite lotto-glow-pulse}@keyframes lotto-glow-pulse{0%,to{box-shadow:0 10px 22px #00000059,inset 0 0 0 1px #ffffff0f,0 0 6px 1px #e2b13c59}50%{box-shadow:0 10px 26px #0006,inset 0 0 0 1px #ffffff0f,0 0 20px 4px #e2b13ccc}}.lotto-board__card.lotto-board__card--glow-gradient{animation:1.6s ease-in-out infinite lotto-glow-ring}@keyframes lotto-glow-ring{0%,to{box-shadow:0 10px 22px #00000059,inset 0 0 0 3px #e2b13c,0 0 14px 2px #e2b13c8c}50%{box-shadow:0 10px 22px #00000059,inset 0 0 0 3px #fff9e0,0 0 18px 4px #fff9e0bf}}.lotto-board__card--glow-sparkle{position:relative}.lotto-board__card--glow-sparkle:after{content:"";pointer-events:none;background-image:radial-gradient(circle,#fff9e0 0 2.5px,#0000 3px),radial-gradient(circle,#e2b13c 0 2.5px,#0000 3px),radial-gradient(circle,#fff9e0 0 2.5px,#0000 3px),radial-gradient(circle,#e2b13c 0 2.5px,#0000 3px);background-position:9px 9px,calc(100% - 13px) 15px,15px calc(100% - 13px),calc(100% - 9px) calc(100% - 9px);background-repeat:no-repeat;background-size:7px 7px;animation:1.6s ease-in-out infinite lotto-glow-sparkle;position:absolute;inset:0}@keyframes lotto-glow-sparkle{0%,to{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.lotto-board__card.lotto-board__card--glow-pulse,.lotto-board__card.lotto-board__card--glow-gradient,.lotto-board__card--glow-sparkle:after{animation:none}}.lotto-board__card--skeleton{background:linear-gradient(100deg,#c628288c 25%,#8e0000bf 37%,#c628288c 63%) 0 0/400% 100%;min-height:168px;animation:1.6s ease-in-out infinite lotto-shimmer}@keyframes lotto-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.lotto-board__card-head{background:var(--card-header-bg,#0000002e);border-bottom:1px solid #fdf9f91a;flex-shrink:0;align-items:center;gap:8px;padding:11px 14px 9px;display:flex;overflow:hidden}.lotto-board__flag{filter:drop-shadow(0 1px 1px #0006);align-items:center;display:inline-flex}.lotto-board__name{font-weight:600;font-size:var(--fs-market-name,14.5px);letter-spacing:.3px;color:var(--market-name-color,var(--gold-soft));white-space:nowrap;text-overflow:ellipsis;flex:2;min-width:0;overflow:hidden}.lotto-board__due{font-size:var(--fs-due,11px);color:var(--due-color,#fdf9f999);font-variant-numeric:tabular-nums;flex-shrink:0}.lotto-board__status{flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:9px 14px 0;display:flex;overflow:hidden}.lotto-board__manual-badge{letter-spacing:.3px;color:var(--void);background:var(--gold-soft);border-radius:999px;padding:2px 7px;font-size:9.5px;font-weight:700}.lotto-board__lucky-row{flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:4px 10px 0;display:flex;overflow:hidden}.lotto-board__lucky-label{font-size:var(--fs-lucky-number,9.5px);letter-spacing:.5px;color:var(--lucky-number-color,#fdf9f98c);text-transform:uppercase;flex-shrink:0}.lotto-board__lucky-chips{align-items:center;gap:3px;display:flex}.lotto-board__lucky-chip{min-width:16px;height:16px;font-size:var(--fs-lucky-number,10px);font-variant-numeric:tabular-nums;color:var(--lucky-number-color,#fdf9f9bf);border:1px solid var(--lucky-number-color,#fdf9f959);background:#0003;border-radius:999px;justify-content:center;align-items:center;padding:0 3px;font-weight:700;transition:transform .2s;display:inline-flex}.lotto-board__lucky-chip--hit{color:var(--void);background:var(--lucky-number-hit-color,var(--gold,#e2b13c));border-color:var(--lucky-number-hit-color,var(--gold,#e2b13c));box-shadow:0 0 8px var(--lucky-number-hit-color,#e2b13cb3);transform:scale(1.15)}.lotto-board__embed-wrap{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.lotto-board__embed-viewport{background:#00000040;border-radius:8px;flex-shrink:0;position:relative;overflow:hidden}.lotto-board__embed-stage{transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.lotto-board__embed-box{box-sizing:border-box;pointer-events:none;border-style:solid;border-width:2px;border-radius:4px;position:absolute}.lotto-board__pill{font-size:var(--fs-status,11px);letter-spacing:.4px;border-radius:999px;align-items:center;gap:6px;padding:3px 12px;font-weight:600;display:inline-flex}.lotto-board__pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.lotto-board__pill--out{background:color-mix(in srgb, var(--status-out-color,var(--jade)) 18%, transparent);color:var(--status-out-color,var(--jade));border:1px solid color-mix(in srgb, var(--status-out-color,var(--jade)) 40%, transparent)}.lotto-board__pill--wait{background:color-mix(in srgb, var(--status-wait-color,var(--slate)) 18%, transparent);color:var(--status-wait-color,var(--slate));border:1px solid color-mix(in srgb, var(--status-wait-color,var(--slate)) 40%, transparent)}.lotto-board__pill--wait:before{animation:1.4s ease-in-out infinite lotto-pulse}.lotto-board__pill--off{background:color-mix(in srgb, var(--status-off-color,#9a9a9a) 18%, transparent);color:var(--status-off-color,#9a9a9a);border:1px solid color-mix(in srgb, var(--status-off-color,#9a9a9a) 40%, transparent)}@keyframes lotto-pulse{0%,to{opacity:1}50%{opacity:.25}}.lotto-board__body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-height:0;padding:8px 10px 6px;display:flex}.lotto-board__pill-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:auto;display:flex}.lotto-board__body--align-top{justify-content:flex-start}.lotto-board__body--align-top .lotto-board__pill-row{margin-top:0}.lotto-board__body--align-center{justify-content:center}.lotto-board__body--align-center .lotto-board__pill-row{margin-top:0}.lotto-board__num-pill{font-family:var(--board-font,"Orbitron", monospace);font-variant-numeric:tabular-nums;letter-spacing:2px;background:var(--digit-box-bg,#00000052);text-align:center;border:1px solid #fdf9f91f;border-radius:999px;justify-content:center;align-items:center;min-width:3.2em;display:inline-flex}.lotto-board__num-pill--top{font-size:var(--fs-digit-main,clamp(15px, 9cqi, 32px));color:var(--digit-top-color,var(--gold-soft));text-shadow:0 0 14px #f6dd9a59;padding:clamp(3px,2cqi,9px) clamp(10px,4cqi,18px);font-weight:700;animation:2.4s ease-in-out infinite lotto-digit-glow}@keyframes lotto-digit-glow{0%,to{text-shadow:0 0 14px #f6dd9a59}50%{text-shadow:0 0 22px #f6dd9abf,0 0 40px #e2b13c59}}@media (prefers-reduced-motion:reduce){.lotto-board__num-pill--top{animation:none}}.lotto-board__num-pill--sub{font-size:var(--fs-digit-main,clamp(15px, 9cqi, 32px));color:var(--digit-bottom-color,var(--cream));padding:clamp(3px,2cqi,9px) clamp(10px,4cqi,18px);font-weight:700}.lotto-board__num-pill--placeholder{color:var(--digit-placeholder-color,#fdf9f947);font-size:var(--fs-digit-placeholder,inherit);text-shadow:none;animation:none}.lotto-board__pending{font-family:var(--board-font,"Chakra Petch", "Noto Sans Thai", sans-serif);font-weight:600;font-size:var(--fs-pending,clamp(9px, 4.5cqi, 15px));color:var(--pending-color,#fdf9f98c);text-align:center;line-height:1.5}.lotto-board__prev-result{font-family:var(--board-font,"Chakra Petch", "Noto Sans Thai", sans-serif);color:#fdf9f966;text-align:center;margin-top:2px;font-size:clamp(8px,3.2cqi,11px)}.lotto-board__countdown{font-variant-numeric:tabular-nums;font-size:var(--fs-countdown,clamp(12px, 7cqi, 24px));color:var(--countdown-color,var(--cream,#fdf9f9));letter-spacing:1px;margin-top:2px;font-weight:700;display:inline-block}.lotto-board__loading{font-family:var(--board-font,"Chakra Petch", "Noto Sans Thai", sans-serif);font-weight:600;font-size:var(--fs-pending,clamp(12px, 1.3vw, 14px));color:var(--gold-soft);align-items:center;gap:8px;display:inline-flex}.lotto-board__spinner{border:2px solid #fdf9f940;border-top-color:var(--gold-soft);border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.85s linear infinite lotto-spin}@keyframes lotto-spin{to{transform:rotate(360deg)}}.lotto-board__result-time-top{white-space:nowrap;text-align:right;font-size:var(--fs-result-time,10px);color:var(--result-time-color,#fdf9f98c);letter-spacing:.3px;flex:none}.lotto-board__full-number{text-align:center;font-variant-numeric:tabular-nums;font-size:var(--fs-full-number,13px);color:var(--full-number-color,#fdf9f999);letter-spacing:1px;padding:4px 0 2px;font-weight:600}.lotto-board__site-footer{border-style:solid;border-color:var(--footer-border-color,var(--panel-edge));border-width:var(--footer-border-width,1px);background:var(--footer-bg-color,linear-gradient(100deg, #00000052, #8e000038));border-radius:12px;flex:none;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:8px 14px;display:flex}.lotto-board__site-footer-text-wrap{flex:1;min-width:0;overflow:hidden}.lotto-board__site-footer-text{font-size:var(--fs-footer,clamp(11px, 1.3vw, 13px));color:var(--footer-color,var(--gold-soft));letter-spacing:.2px;white-space:nowrap;font-weight:500;display:inline-block}.lotto-board__site-footer-text-wrap:not(.lotto-board__site-footer-text-wrap--marquee) .lotto-board__site-footer-text{text-overflow:ellipsis;max-width:100%;overflow:hidden}.lotto-board__site-footer-text--marquee{padding-left:100%;animation:18s linear infinite lotto-marquee}@keyframes lotto-marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.lotto-board__site-footer-qr{object-fit:contain;background:var(--cream);border:1px solid var(--gold);border-radius:8px;flex-shrink:0;width:64px;height:64px;padding:4px}@media (prefers-reduced-motion:reduce){.lotto-board *,.lotto-board :before,.lotto-board :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.lotto-board__card--glow-goldframe{padding:13px;position:relative}.lotto-board__gf{--gf-base:var(--frame-color,#e9b949);--gf-dark:color-mix(in srgb, var(--gf-base) 45%, #2e1c00);--gf-mid:color-mix(in srgb, var(--gf-base) 80%, #5a3a00);--gf-light:color-mix(in srgb, var(--gf-base) 30%, #fff);pointer-events:none;z-index:2;position:absolute;inset:0}.lotto-board__gf-line{box-shadow:0 0 0 1px var(--gf-dark), 0 0 0 3px var(--gf-base), 0 0 0 4px var(--gf-dark), inset 0 0 0 1px var(--gf-light), 0 0 10px 2px color-mix(in srgb, var(--gf-base) 45%, transparent);border-radius:10px;position:absolute;inset:8px}.lotto-board__gf-c{width:24px;height:24px;position:absolute}.lotto-board__gf-c:before{content:"";background:linear-gradient(135deg, var(--gf-light), var(--gf-base) 45%, var(--gf-dark)) top left / 100% 5px no-repeat, linear-gradient(135deg, var(--gf-light), var(--gf-base) 45%, var(--gf-dark)) top left / 5px 100% no-repeat;position:absolute;inset:0}.lotto-board__gf-c:after{content:"";background:radial-gradient(circle at 35% 35%, var(--gf-light), var(--gf-base) 45%, var(--gf-dark));border-radius:50%;width:11px;height:11px;position:absolute;top:-3px;left:-3px;box-shadow:0 0 4px #00000080}.lotto-board__gf-c--tl{top:4px;left:4px}.lotto-board__gf-c--tr{top:4px;right:4px;transform:scaleX(-1)}.lotto-board__gf-c--bl{bottom:4px;left:4px;transform:scaleY(-1)}.lotto-board__gf-c--br{bottom:4px;right:4px;transform:scale(-1)}.lotto-board__gf-d{background:linear-gradient(135deg, var(--gf-light), var(--gf-base) 40%, var(--gf-mid) 60%, var(--gf-dark));border:1px solid var(--gf-dark);width:13px;height:13px;animation:2.4s ease-in-out infinite lotto-gf-gem;position:absolute;transform:translate(-50%,-50%)rotate(45deg)}.lotto-board__gf-d--t{top:9px;left:50%}.lotto-board__gf-d--b{top:calc(100% - 9px);left:50%}.lotto-board__gf-d--l{top:50%;left:9px}.lotto-board__gf-d--r{top:50%;left:calc(100% - 9px)}@keyframes lotto-gf-gem{0%,to{box-shadow:0 0 5px 1px color-mix(in srgb, var(--gf-base) 45%, transparent)}50%{box-shadow:0 0 12px 3px color-mix(in srgb, var(--gf-light) 85%, transparent)}}.lotto-board__gf-w{border-radius:4px;width:18%;max-width:60px;height:4px;position:absolute;top:7px}.lotto-board__gf-w--tl,.lotto-board__gf-w--bl{background:linear-gradient(90deg, transparent, var(--gf-base) 60%, var(--gf-light));right:calc(50% + 7px)}.lotto-board__gf-w--tr,.lotto-board__gf-w--br{background:linear-gradient(270deg, transparent, var(--gf-base) 60%, var(--gf-light));left:calc(50% + 7px)}.lotto-board__gf-w--bl,.lotto-board__gf-w--br{top:auto;bottom:7px}.lotto-board__gf-s{background:radial-gradient(circle, #fff 0 1.5px, color-mix(in srgb, var(--gf-light) 90%, transparent) 2px, transparent 7px);width:14px;height:14px;animation:1.8s ease-in-out infinite lotto-gf-twinkle;position:absolute;transform:translate(-50%,-50%)}.lotto-board__gf-s--a{top:9px;left:25%}.lotto-board__gf-s--b{animation-delay:.6s;top:9px;left:75%}.lotto-board__gf-s--c{animation-delay:.3s;top:calc(100% - 9px);left:25%}.lotto-board__gf-s--d{animation-delay:.9s;top:calc(100% - 9px);left:75%}@keyframes lotto-gf-twinkle{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(.7)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.25)}}@media (prefers-reduced-motion:reduce){.lotto-board__gf-d,.lotto-board__gf-s{animation:none}}