@font-face{font-family:Sarabun;src:url('/assets/Sarabun-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Sarabun;src:url('/assets/Sarabun-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600 800;font-display:swap}
:root{--paper:#f5f3ed;--card:#fffcf6;--ink:#293f4a;--muted:#6c797b;--blue:#436d86;--blue-dark:#355b72;--blue-light:#e5edf0;--sand:#e9e3d7;--line:#dedfd7;--sage:#6e8070;--radius:18px;--font:Sarabun,'Leelawadee UI',Tahoma,sans-serif}
*{box-sizing:border-box}body{margin:0;font:16px/1.7 var(--font);background:var(--paper);color:var(--ink)}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:var(--blue)}:focus-visible{outline:3px solid #b48250;outline-offset:4px}button{color:inherit}button,select{min-height:44px}select{background:#fffcf6;border:1px solid var(--line);border-radius:9px;color:var(--ink);padding:9px 34px 9px 13px}select:hover{border-color:#a4b5be}h1,h2,h3,p{margin:0}h1{font-size:34px;font-weight:600;line-height:1.5;letter-spacing:-.7px}h2{font-size:23px;font-weight:600;line-height:1.5}h3{font-size:19px;font-weight:600;line-height:1.5}p{color:var(--muted)}small{font-size:13px}button{border:0}button:hover{filter:brightness(.975)}[hidden]{display:none!important}.skip{position:fixed;top:-70px;left:20px;padding:12px;background:white;z-index:100}.skip:focus{top:15px}.sidebar{width:224px;position:fixed;inset:0 auto 0 0;background:#e6ecec;border-right:1px solid #d7dfdf;display:flex;flex-direction:column;padding:30px 17px 22px;z-index:30}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#31586e;padding:0 12px;font-size:29px;font-weight:600;line-height:1.2}.brand small{display:block;font:10px/2.2 Arial,sans-serif;letter-spacing:3px;margin-left:2px}.brand-icon{display:flex;align-items:flex-end;justify-content:center;gap:4px;width:42px;height:46px;background:#416a82;border-radius:13px;padding:11px 9px}.brand-icon i{background:#f0ece1;width:5px;border-radius:3px;height:14px}.brand-icon i:nth-child(2){height:24px}.brand-icon i:nth-child(3){height:19px}.side-caption{margin:19px 12px 37px;color:#728589;font-size:14px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.nav-item{text-align:left;background:none;border-radius:10px;display:flex;align-items:center;gap:12px;padding:12px 13px;font-size:15px;color:#576d78;font-weight:600;white-space:nowrap}.nav-item.active{background:var(--blue);color:#fffdf7;box-shadow:0 4px 12px #3d657313}.nav-icon{font:25px/1 Georgia,serif;width:23px;text-align:center;opacity:.85}.side-note{margin: auto 9px 27px;border-top:1px solid #cbd6d7;padding-top:24px;font-size:15px}.note-mark{display:inline-flex;border:1px solid #7a929a;color:#5e7a88;border-radius:50%;width:21px;height:21px;align-items:center;justify-content:center;font:14px Georgia}.side-note p{margin:10px 0 8px;color:#617783}.side-note a{font-size:13px;text-decoration:none}.side-bottom{font-size:12px;color:#728187;border-top:1px solid #cbd6d7;padding:16px 12px 0;line-height:2}.side-bottom>span:last-child{display:block;color:#8c9697}.local-dot{width:6px;height:6px;background:#728875;border-radius:50%;display:inline-block;margin-right:5px}.app-shell{margin-left:224px}.topbar{height:73px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#f9f7f1;font-size:13px;color:#7c8584}.breadcrumb{display:flex;gap:13px}.breadcrumb b{font-weight:400;color:#455d69}.breadcrumb>span{color:#adb4b1}.database-stamp{display:flex;align-items:center;gap:6px}.database-stamp b{font-weight:400;color:#526b76}.database-icon{font-size:18px;margin-right:3px}main{max-width:1450px;margin:auto;padding:30px 42px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{font-size:12px;letter-spacing:.8px;color:#8b8271;display:block;margin-bottom:4px}.page-heading h1 span{font-weight:400;color:#4c6d7a}.page-heading p{font-size:15px;margin-top:7px}.heading-stamp{border-left:1px solid #d8d8cd;padding-left:20px;color:#7a897e;font-size:12px;line-height:1.8;text-align:right}.heading-stamp b{font-weight:400;color:#5c706b}.date-card{display:flex;align-items:center;gap:24px;padding:20px 25px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 3px 10px #334e6603;flex-wrap:wrap}.date-intro{display:flex;align-items:center;gap:14px;margin-right:auto}.date-intro h2{font-size:18px}.date-intro p{font-size:13px;margin-top:2px}.calendar-icon{color:#6a8999;background:#edf1ef;border-radius:12px;font:28px Georgia;padding:6px 12px}.date-fields{display:flex;gap:10px}.date-fields label{display:flex;flex-direction:column;font-size:12px;gap:3px;color:#7c8178}.date-fields select{font-size:15px;min-height:44px;min-width:77px}.date-fields .month-label select{min-width:139px}.primary-button{background:var(--blue);color:white;padding:13px 20px;border-radius:10px;font-weight:600;font-size:15px;display:flex;align-items:center;gap:20px;align-self:flex-end;min-height:46px;transition:background .2s}.primary-button:hover{background:var(--blue-dark)}.primary-button>span{font-size:20px;font-weight:400}.form-error{width:100%;color:#975231;font-size:14px;background:#fbede2;border-radius:7px;padding:9px 13px}.result-toolbar{display:flex;align-items:center;justify-content:space-between;margin:26px 0 17px;gap:16px}.result-toolbar h2{font-size:22px}.result-toolbar p{font-size:12px;margin-top:2px}.category-switch{display:flex;align-items:center;gap:10px}.category-switch label{font-size:13px;color:#7a8078}.category-switch select{font-size:14px;background:#f7f6f0}.result-grid{display:grid;grid-template-columns:minmax(0,1fr) 32%;gap:20px}.numbers-card{border:1px solid #d7e0e1;border-radius:var(--radius);padding:23px 25px 16px;background:#f9fcfb;min-width:0}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.subtle-badge{padding:3px 9px;background:#eaf0ed;color:#708075;border-radius:5px;font-size:11px;white-space:nowrap}.card-description{font-size:13px;margin-top:5px}.number-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:21px 0 20px}.number-card{background:#edf2f2;border-radius:12px;padding:12px 5px 10px;text-align:center;border:1px solid #e1e8e7;position:relative}.number-card:first-child{background:#416c85;border-color:#416c85;color:#fffdf4}.number-card .number{font:600 39px/1.5 var(--font);letter-spacing:2px;display:block}.number-card.wide-number .number{font-size:20px;letter-spacing:0}.number-card .number-label{font-size:11px;color:#819293;display:block}.number-card:first-child .number-label{color:#d2e0e5}.number-card .probability{font-size:13px;color:#5d7989}.number-card:first-child .probability{color:#e6efee}.number-card .frequency{font-size:11px;color:#7e8f94;display:block}.number-card:first-child .frequency{color:#d1dfe2}.empty-number{font-size:42px;color:#8399a4}.insight-note{display:flex;gap:9px;align-items:flex-start;background:#eef2ea;border:1px solid #e2e7dc;border-radius:9px;padding:10px 12px}.insight-note>span{font:italic 16px/1.3 Georgia;width:17px;flex-shrink:0;text-align:center;margin-top:2px;color:#71806e}.insight-note p{font-size:12px;color:#657466;line-height:1.7}.insight-note b{font-weight:600;color:#52684f}.numbers-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:11px;font-size:11px;color:#819093}.text-button{padding:0;background:transparent;color:#5d7e91;min-height:30px;font-size:12px;white-space:nowrap}.art-card{position:relative;overflow:hidden;border-radius:var(--radius);background:#e9e5da;min-height:300px}.art-card img{width:100%;height:100%;object-fit:cover;object-position:66% center;display:block;position:absolute;inset:0;opacity:.93}.art-card:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#efeee8eb 0%,#efeee86b 60%,transparent)}.art-copy{position:relative;z-index:1;padding:25px 22px}.art-copy .eyebrow{font-size:11px;color:#7a887f}.art-copy h3{font-size:24px;line-height:1.6;color:#486975;margin:8px 0 12px;font-weight:400}.art-copy p{font-size:12px;line-height:1.9;color:#7d8a83}.metric-strip{display:grid;grid-template-columns:1fr 1.05fr 1.25fr;margin:21px 0;padding:18px 8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metric-strip>div{padding:0 22px;border-right:1px solid var(--line)}.metric-strip>div:last-child{border:0}.metric-strip>div>span{font-size:13px;color:#7c837e;display:block}.metric-strip strong{font-size:26px;line-height:1.6;font-weight:600;color:#476b7e;display:block;font-variant-numeric:tabular-nums}.metric-strip small{font-size:11px;display:block;color:#8a928c}.detail-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.chart-card,.backtest-card{border:1px solid var(--line);background:var(--card);border-radius:var(--radius);padding:21px 25px;min-width:0}.chart-card select{font-size:12px;min-height:36px;padding:5px 26px 5px 8px}.chart-card .card-heading h3{font-size:17px}.chart-legend{display:flex;gap:15px;font-size:11px;color:#879187;margin:16px 0 10px;flex-wrap:wrap}.chart-legend span{display:flex;gap:7px;align-items:center}.chart-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;background:#81a0b1}.chart-legend i.line-legend{height:0;width:12px;border-top:1px dashed #a99676;background:none}.digit-chart{height:185px;margin-top:8px;position:relative;display:flex;align-items:flex-end;gap:9px;padding:28px 3px 29px;border-bottom:1px solid #e3e5dc}.chart-column{flex:1;position:relative;height:100%;display:flex;align-items:flex-end;justify-content:center;min-width:0}.chart-bar{width:75%;background:#a2b9c3;border-radius:5px 5px 0 0;min-height:2px;max-width:32px;position:relative}.chart-bar.strong{background:#4c7892}.chart-value{position:absolute;left:50%;top:-25px;transform:translateX(-50%);font-size:10px;white-space:nowrap;color:#829088}.chart-digit{position:absolute;bottom:-25px;font-size:12px;color:#627982}.reference-line{position:absolute;left:4px;right:4px;z-index:2;border-top:1px dashed #b7a484;pointer-events:none}.chart-footnote{font-size:11px;margin-top:15px;color:#909487}.backtest-card h3{font-size:18px}.validation-status{font-size:14px;color:#6c7c65;margin:14px 0 7px;display:flex;align-items:center;gap:7px}.validation-status:before{content:'✓';color:#6f866c;border:1px solid #c3cdb8;border-radius:50%;font-size:11px;line-height:18px;text-align:center;width:18px;height:18px;flex-shrink:0}.backtest-card>p{font-size:13px;line-height:1.85}.validation-stats{display:flex;gap:32px;margin:18px 0 14px}.validation-stats span{display:block;font-size:12px;color:#8a8f80}.validation-stats b{display:block;font-size:23px;font-weight:600;color:#4a6b7b}.backtest-card details{border-top:1px solid var(--line);padding-top:4px;font-size:12px}.backtest-card summary{cursor:pointer;color:#708998;min-height:44px;display:flex;justify-content:space-between;align-items:center}.small-note{font-size:12px!important;color:#7d8989;margin-top:10px!important}.footer{display:flex;justify-content:space-between;gap:15px;padding:30px 0 20px;font-size:11px;color:#a0a398}.footer-brand{color:#80928f}.footer-brand span{margin:0 7px}.loading{padding:15px;border-radius:10px;background:#e6eef0;font-size:14px;color:#54778b;margin-bottom:15px;display:flex;align-items:center;gap:10px}.loading span{height:16px;width:16px;border:2px solid #beced5;border-top-color:#4b7388;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.history-selector{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--line);padding:20px;border-radius:var(--radius);margin-bottom:20px;flex-wrap:wrap}.history-selector label{font-size:16px}.history-selector>span{font-size:13px;color:var(--sage)}.history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.prize-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;min-width:0}.prize-card h3{font-size:17px}.prize-card p{font-size:13px;margin-bottom:13px}.prize-values{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.prize-values code{background:#eaf0f0;padding:6px 11px;border-radius:6px;color:#3d6378;font-size:17px;letter-spacing:1px}.prize-card summary{cursor:pointer;min-height:44px;color:#688291}.source-links{margin:25px 0;border-top:1px solid var(--line);padding-top:18px}.source-links a{font-size:14px;display:inline-block;margin-right:18px}.source-links h3{margin-bottom:10px}.method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.method-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:25px}.method-card h2{font-size:21px;margin:8px 0 12px}.method-card p{font-size:15px;line-height:1.9}.method-card code{display:block;font:14px/1.8 Consolas,monospace;color:#3e6580;background:#eaf0ef;border-radius:10px;padding:16px;margin:15px 0;overflow-wrap:anywhere}.method-number{font-size:13px;color:#8c8a75;letter-spacing:2px}.full-width{grid-column:1/-1}.explanation-box{background:#e9eee6;border:1px solid #dce3d6;border-radius:14px;padding:20px 25px;margin-bottom:22px;color:#6d7d69;font-size:15px}.explanation-box strong{font-weight:600}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{font-weight:600;color:#71838a;white-space:nowrap}td,th{padding:12px 9px;border-bottom:1px solid #e3e5dc;vertical-align:top}td:first-child{font-weight:400}tr:last-child td{border:0}td a{overflow-wrap:anywhere}td.score{font-variant-numeric:tabular-nums;font-family:Consolas,monospace}.backtest-card table{font-size:11px}.backtest-card td,.backtest-card th{padding:7px 5px}.source-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:22px}.source-stat{background:var(--card);padding:20px;border:1px solid var(--line);border-radius:15px}.source-stat strong{display:block;font-size:28px;color:#497087}.source-stat span{font-size:14px;color:#7a887b}.no-result{padding:45px;text-align:center;border:1px dashed #bdcbd0;border-radius:16px;background:#f9faf5;font-size:17px}.score-note{font-size:12px;margin-top:10px}.number-card .model-detail{display:block;font-size:10px;color:#859394}.number-card:first-child .model-detail{color:#d5e3e8}
@media(min-width:1500px){main{padding-top:38px}.page-heading{margin-bottom:28px}.numbers-card{padding-top:26px}.number-card .number{font-size:45px}.art-card{min-height:315px}}
@media(max-width:1190px){.sidebar{width:200px;padding-left:11px;padding-right:11px}.app-shell{margin-left:200px}main{padding:25px 26px 0}.topbar{padding:0 26px}.date-card{gap:15px;padding:18px}.date-intro{width:100%;margin:0}.date-fields{flex:1}.date-fields label{flex:1}.date-fields select{width:100%}.art-copy{padding:22px 17px}.art-copy h3{font-size:21px}.number-cards{gap:6px}.numbers-card{padding:21px 19px 14px}.number-card .number{font-size:31px}.subtle-badge{display:none}.chart-card,.backtest-card{padding:19px}.heading-stamp{display:none}.chart-value{font-size:9px}}
@media(max-width:900px){.sidebar{width:82px;padding:20px 10px}.brand{padding:0;justify-content:center}.brand>span:last-child,.side-caption,.side-note,.side-bottom{display:none}.sidebar nav{margin-top:35px;gap:15px}.nav-item{font-size:0;justify-content:center;padding:13px 5px}.nav-icon{font-size:25px}.app-shell{margin-left:82px}.database-stamp{font-size:11px}.breadcrumb{font-size:12px}.result-grid{grid-template-columns:minmax(0,1fr) 30%}.art-copy h3{font-size:19px}.art-copy p{font-size:11px}.art-copy .eyebrow{font-size:10px}.number-card .number{font-size:28px}.numbers-footer{font-size:10px}.category-switch label{display:none}.detail-grid{grid-template-columns:1fr}.metric-strip>div{padding:0 13px}.metric-strip>div>span{font-size:12px}.metric-strip strong{font-size:24px}.metric-strip small{font-size:10px}.chart-value{font-size:12px}.footer{font-size:10px}}
@media(max-width:650px){.sidebar{position:relative;width:100%;height:auto;padding:16px 18px 0;display:block;border:0;background:#e7eeed}.brand{justify-content:flex-start;width:max-content;font-size:24px;gap:10px}.brand-icon{height:38px;width:36px;padding:8px}.brand small{font-size:8px}.brand>span:last-child{display:block}.sidebar nav{margin-top:17px;flex-direction:row;gap:6px;justify-content:space-between}.nav-item{font-size:12px;display:block;text-align:center;padding:11px 7px;border-radius:9px 9px 0 0;min-height:45px;white-space:normal;flex:1;font-weight:400}.nav-icon{display:none}.nav-item.active{background:var(--paper);color:#3f687e;box-shadow:none;border-top:2px solid #658b9e}.app-shell{margin:0}.topbar{height:42px;padding:0 19px;font-size:11px;border:0;background:var(--paper);justify-content:flex-end}.breadcrumb{display:none}main{padding:12px 18px 0}.page-heading{margin-bottom:19px}.page-heading h1{font-size:28px;line-height:1.5;letter-spacing:-.4px}.page-heading h1 span{display:block}.page-heading p{font-size:14px;margin-top:8px}.eyebrow{font-size:11px}.date-card{padding:18px;gap:16px;border-radius:15px}.date-intro h2{font-size:17px}.date-intro p{font-size:12px}.calendar-icon{font-size:25px}.date-fields{width:100%;gap:8px}.date-fields label{flex:1;min-width:0}.date-fields .month-label{flex:1.5}.date-fields select,.date-fields .month-label select{min-width:0;padding:9px 20px 9px 8px;font-size:14px}.primary-button{width:100%;justify-content:center;font-size:16px;min-height:50px}.result-toolbar{margin-top:23px;align-items:flex-end;gap:8px}.result-toolbar h2{font-size:19px}.result-toolbar p{font-size:11px;max-width:230px}.category-switch select{width:127px;font-size:12px;min-height:39px;padding:6px 20px 6px 8px}.result-grid{grid-template-columns:1fr;gap:16px}.numbers-card{padding:19px 16px 13px}.card-heading h3{font-size:18px}.card-description{font-size:12px}.number-cards{gap:7px;margin:18px 0}.number-card{padding:9px 1px}.number-card .number{font-size:32px;letter-spacing:1px}.number-card .number-label{font-size:10px}.number-card .probability{font-size:12px}.number-card .frequency{font-size:10px}.number-card .model-detail{font-size:9px}.number-cards.six-digit{grid-template-columns:repeat(3,1fr)}.number-card.wide-number .number{font-size:22px}.insight-note p{font-size:12px}.numbers-footer{font-size:10px}.art-card{min-height:180px;max-height:185px}.art-card img{object-position:right 53%;object-fit:cover}.art-card:after{background:linear-gradient(90deg,#efeee8ed,#efeee8ba 35%,#efeee830 70%)}.art-copy{padding:19px 20px}.art-copy h3{font-size:20px;margin:6px 0;line-height:1.4}.art-copy p{font-size:11px}.metric-strip{padding:16px 0;margin:19px 0;grid-template-columns:1fr 1fr}.metric-strip>div{padding:0 12px}.metric-strip>div:nth-child(2){border:0}.metric-strip>div:last-child{grid-column:1/-1;border-top:1px solid var(--line);margin:15px 10px 0;padding:12px 2px 0;display:grid;grid-template-columns:1.8fr 1fr;align-items:center}.metric-strip>div:last-child strong{grid-column:2;grid-row:1/3;text-align:right}.metric-strip>div:last-child small{grid-column:1}.metric-strip small{font-size:11px;line-height:1.7}.metric-strip>div>span{font-size:12px}.metric-strip strong{font-size:25px}.chart-card,.backtest-card{padding:19px 18px}.chart-card .card-heading h3{font-size:15px}.chart-value{font-size:10px}.digit-chart{gap:6px;height:180px}.chart-footnote{font-size:11px}.footer{display:block;text-align:center;padding:24px 0 17px;font-size:10px}.footer>span{display:block;margin:5px 0}.method-grid,.history-grid{grid-template-columns:1fr}.full-width{grid-column:auto}.source-summary{grid-template-columns:1fr 1fr;gap:10px}.source-stat:last-child{grid-column:1/-1}.source-stat strong{font-size:25px}.history-selector{padding:16px;gap:10px}.history-selector select{width:100%}.history-selector>span{font-size:12px}.method-card{padding:20px}.method-card p{font-size:15px}.source-stat{padding:15px}.source-stat span{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Readability pass: functional Thai labels and statistical caveats stay legible. */
.brand{padding-inline:4px;gap:9px}.brand-name{font-size:22px}
.ticket-checker{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin:20px 0 24px}
.checker-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}.checker-heading h2{font-size:22px}.checker-heading p{font-size:14px;color:#566b70}.checker-icon{display:grid;place-items:center;background:var(--blue-light);color:var(--blue);width:46px;height:46px;border-radius:13px;font-size:25px}.checker-date{margin-left:auto;font-size:14px;color:#566b70}
.ticket-form{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.ticket-field{flex:1;min-width:0}.ticket-field label{display:block;font-size:14px;margin-bottom:6px}.ticket-field input{display:block;width:100%;min-height:54px;border:1px solid #b9cbd1;border-radius:10px;background:#f8faf8;color:var(--ink);padding:9px 15px;font-size:24px;letter-spacing:4px;font-variant-numeric:tabular-nums}.ticket-field input::placeholder{font-size:17px;letter-spacing:1px;color:#70818a}.ticket-field input[aria-invalid="true"]{border-color:#975231}.ticket-field>p{font-size:13px;color:#566b70;margin-top:6px}.ticket-form .primary-button{align-self:auto;margin-top:30px;min-height:54px;font-size:17px;justify-content:center}.ticket-form .form-error{flex-basis:100%}.checker-footnote{font-size:13px;color:#566b70;margin-top:16px}.checker-footnote a{text-underline-offset:3px}
.ticket-result{margin-top:20px;padding:22px;border-radius:12px;background:var(--blue-light);color:var(--ink)}.ticket-won{background:#e9eee6}.ticket-incomplete{background:#f4eadc}.ticket-result-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}.ticket-status{display:block;font-size:23px;font-weight:600;color:var(--blue-dark)}.ticket-won .ticket-status{color:#42634b}.ticket-incomplete .ticket-status{color:#865d30}.ticket-result-heading p{font-size:14px;color:#566b70;margin-top:4px}.checked-number{font-size:19px;letter-spacing:1px;color:var(--ink)}.ticket-total{text-align:right}.ticket-total>span{display:block;font-size:13px;color:#566b70}.ticket-total>strong{display:block;font-size:29px;color:#42634b;font-variant-numeric:tabular-nums}.ticket-prizes{padding:0;margin:16px 0 0;list-style:none;border-top:1px solid #ced9ce}.ticket-prizes li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #ced9ce;flex-wrap:wrap}.ticket-prizes strong{font-size:16px;font-weight:600}.ticket-prizes span{display:block;font-size:13px;color:#566b70}.ticket-prizes b{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.ticket-payout-note,.ticket-warning{font-size:14px;margin-top:12px;color:#566b70}.ticket-warning{color:#865d30}
@media(max-width:650px){.ticket-checker{padding:18px;margin:16px 0}.checker-heading{gap:10px}.checker-heading h2{font-size:20px}.checker-icon{width:40px;height:40px}.checker-date{margin-left:50px;flex-basis:100%}.ticket-field{flex-basis:100%}.ticket-form{gap:12px}.ticket-form .primary-button{margin-top:0;width:100%}.ticket-result{padding:16px}.ticket-total{text-align:left;flex-basis:100%}.ticket-total>strong{font-size:27px}.ticket-prizes b{font-size:16px}.ticket-prizes li{align-items:flex-start}}
.no-result{grid-column:1/-1;padding:24px}
.card-description,.numbers-footer,.insight-note p,.metric-strip>div>span,.metric-strip small,.backtest-card>p,.validation-stats span,.backtest-card summary,.small-note,.score-note,.chart-footnote,.history-selector>span,.prize-card p{font-size:14px!important;color:#566b70}
.number-card .frequency,.number-card .probability,.number-card .number-label{font-size:13px}
.number-card:first-child .frequency,.number-card:first-child .probability,.number-card:first-child .number-label{color:#f1f4f2}
.backtest-card table{font-size:13px}.chart-legend{font-size:12px;color:#64777b}.chart-value{color:#566b70}
.nav-item{white-space:normal}.footer{font-size:12px;color:#687c7c}.eyebrow{color:#687a7c}
.result-toolbar p{font-size:13px;color:#596f75}.category-switch label{font-size:14px}
@media(max-width:650px){.nav-item{font-size:13px}.numbers-footer{align-items:flex-start;gap:10px}.numbers-footer span{max-width:65%}.chart-legend{gap:10px}.number-cards{gap:5px}.number-card .frequency{font-size:12px}.metric-strip>div:last-child{grid-template-columns:1.8fr 1fr}.result-toolbar{align-items:flex-start}.category-switch select{min-height:44px}.chart-card select{min-height:44px}}

/* Progressive disclosure navigation, tablet rail, and mobile-first PWA shell */
body{min-height:100dvh;-webkit-text-size-adjust:100%}.brand-name{white-space:nowrap}.sidebar nav{position:relative}.primary-nav{display:flex;flex-direction:column;gap:8px}.more-toggle{width:100%}.more-chevron{font:18px/1 system-ui;margin-left:auto;transition:transform .18s ease}.more-toggle[aria-expanded="true"] .more-chevron{transform:rotate(180deg)}.more-toggle.has-active:not([aria-expanded="true"]){color:var(--blue-dark);background:#dbe6e7}.secondary-nav{display:grid;gap:5px;margin:4px 0 0 11px;padding:10px 0 2px 12px;border-left:1px solid #bdcdcf}.secondary-nav .nav-item{width:100%;font-size:14px;padding:10px 11px;white-space:normal;line-height:1.45}.secondary-nav .nav-icon{font-size:21px;flex:0 0 23px}.secondary-title{padding:0 11px 3px;color:#657a7e;font-size:12px;letter-spacing:.04em}.more-backdrop{position:fixed;inset:0;z-index:25;background:#1f354029;border:0;padding:0;width:100%;height:100%;cursor:default}.more-menu-open{overflow-x:hidden}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media (min-width:901px){.secondary-nav .nav-item.active{box-shadow:none}.more-backdrop{display:none!important}}
@media (min-width:651px) and (max-width:900px){.primary-nav{gap:15px}.sidebar nav{gap:15px}.more-toggle{position:relative}.more-toggle .more-chevron{display:none}.more-toggle.has-active:after{content:'';position:absolute;right:4px;top:8px;width:7px;height:7px;border-radius:50%;background:#b48250;border:2px solid #e6ecec}.secondary-nav{position:fixed;z-index:42;left:94px;top:126px;width:min(276px,calc(100vw - 110px));margin:0;padding:12px;background:#fffdf8;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px #263f4b26}.secondary-nav .nav-item{justify-content:flex-start;font-size:15px;padding:13px 14px}.secondary-title{font-size:12px;padding:2px 14px 5px}.more-backdrop{z-index:35}}
@media (max-width:650px){body{padding-bottom:calc(82px + env(safe-area-inset-bottom));overscroll-behavior-y:none}.more-menu-open{overflow:hidden}.sidebar{padding:calc(14px + env(safe-area-inset-top)) 18px 12px;min-height:76px}.brand{font-size:22px}.brand-name{line-height:1.15}.side-caption{display:none}.sidebar nav{position:fixed;z-index:90;left:0;right:0;bottom:0;margin:0;min-height:70px;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;background:#fbfaf5f5;border-top:1px solid #d6dedc;box-shadow:0 -8px 28px #2b46520d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.primary-nav{display:contents}.sidebar nav>.nav-item,.primary-nav>.nav-item{min-width:0;min-height:56px;margin:0;padding:5px 3px;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;line-height:1.25;text-align:center;white-space:normal;font-weight:600}.sidebar nav>.nav-item .nav-icon,.primary-nav>.nav-item .nav-icon{display:block;width:auto;font-size:22px;line-height:1}.sidebar nav>.nav-item.active,.primary-nav>.nav-item.active{background:#e5edef;color:#345f76;border:0;box-shadow:none}.more-toggle.has-active:not([aria-expanded="true"]){background:#e5edef}.more-toggle .more-chevron{display:none}.secondary-nav{position:fixed;z-index:100;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(78px + env(safe-area-inset-bottom));margin:0;padding:12px;background:#fffdf8;border:1px solid var(--line);border-radius:20px;box-shadow:0 22px 60px #243d4d3d;max-height:min(430px,calc(100dvh - 116px));overflow:auto}.secondary-title{padding:3px 12px 7px;font-size:12px}.secondary-nav .nav-item{min-height:56px;width:100%;display:flex;flex-direction:row;justify-content:flex-start;gap:13px;padding:12px 14px;border-radius:13px;text-align:left;font-size:16px;line-height:1.45;font-weight:600}.secondary-nav .nav-item+.nav-item{border-top:1px solid #ecece5}.secondary-nav .nav-item .nav-icon{display:block;font-size:24px;width:26px}.secondary-nav .nav-item.active{background:#e5edef;color:#345f76;border-top-color:transparent;box-shadow:none}.more-backdrop{z-index:80;background:#1f354052;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.topbar{padding-right:max(19px,env(safe-area-inset-right))}main{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.footer{padding-bottom:18px}}
@media (display-mode:standalone) and (max-width:650px){.sidebar{padding-top:calc(10px + env(safe-area-inset-top))}.database-stamp{max-width:75vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* Three-digit results need fewer columns than two-digit results on phones. */
@media (max-width:650px){.number-cards.three-digit{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.number-cards.three-digit .number-card{min-width:0;padding:11px 3px}.number-cards.three-digit .number{font-size:clamp(28px,9vw,36px);line-height:1.45;letter-spacing:0;white-space:nowrap;font-variant-numeric:tabular-nums}.number-cards.three-digit .number-label,.number-cards.three-digit .probability,.number-cards.three-digit .frequency{white-space:nowrap}}

/* 40+ readability: larger Thai body copy, controls, and explanatory labels. */
body{font-size:18px;line-height:1.75}.nav-item{font-size:17px;line-height:1.5}.side-caption,.side-note{font-size:16px}.side-note a,.topbar{font-size:14px}.page-heading p,.method-card p{font-size:17px}.eyebrow{font-size:14px}.model-entry-label{font-size:17px}.model-entry select{font-size:18px;min-height:54px}.date-intro h2{font-size:21px}.date-intro p,.date-fields label{font-size:15px}.date-fields select{font-size:17px;min-height:50px}.primary-button{font-size:17px;min-height:52px}.result-toolbar h2{font-size:24px}.result-toolbar p,.category-switch label{font-size:15px}.category-switch select{font-size:16px;min-height:48px}.card-heading h3{font-size:21px}.card-description,.numbers-footer,.insight-note p,.metric-strip>div>span,.metric-strip small,.backtest-card>p,.validation-stats span,.backtest-card summary,.small-note,.score-note,.chart-footnote,.history-selector>span,.prize-card p{font-size:15px!important}.number-card .number-label,.number-card .probability,.number-card .frequency{font-size:14px}.text-button{font-size:14px}.validation-status{font-size:16px}.backtest-card table,table{font-size:15px}.source-links a{font-size:16px}.prize-card h3{font-size:20px}.prize-values code{font-size:19px}.footer{font-size:14px}.checker-heading p,.checker-date,.ticket-field label,.ticket-field>p,.checker-footnote,.ticket-result-heading p,.ticket-total>span,.ticket-prizes span,.ticket-payout-note,.ticket-warning{font-size:15px}
@media(max-width:900px) and (min-width:651px){.nav-item{font-size:0}.secondary-nav .nav-item{font-size:17px}.database-stamp,.breadcrumb{font-size:14px}}
@media(max-width:650px){body{font-size:18px;line-height:1.75}.page-heading h1{font-size:32px;line-height:1.4}.page-heading p{font-size:17px}.eyebrow{font-size:13px}.database-stamp{font-size:13px}.model-entry-label{font-size:16px}.model-entry select{font-size:17px;min-height:54px}.date-intro h2{font-size:20px}.date-intro p,.date-fields label{font-size:15px}.date-fields{display:grid;grid-template-columns:minmax(82px,.75fr) minmax(142px,1.25fr);gap:8px}.date-fields label,.date-fields .month-label{min-width:0}.date-fields label:last-child{grid-column:1/-1}.date-fields select,.date-fields .month-label select{width:100%;font-size:16px;min-height:50px;padding-left:12px;padding-right:24px}.result-toolbar h2{font-size:22px}.result-toolbar p{font-size:14px;max-width:215px}.category-switch select{font-size:15px;min-height:48px}.card-heading h3{font-size:21px}.card-description,.insight-note p,.numbers-footer,.metric-strip>div>span,.metric-strip small,.backtest-card>p,.chart-footnote,.history-selector>span,.prize-card p{font-size:15px!important}.number-card .number-label,.number-card .probability,.number-card .frequency{font-size:13px}.sidebar nav>.nav-item,.primary-nav>.nav-item{font-size:13px}.secondary-nav .nav-item{font-size:17px}.art-copy p{font-size:14px}.footer{font-size:13px}}