@font-face{font-family:Fraunces;src:url('../assets/fonts/Fraunces.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Mitr;src:url('../assets/fonts/Mitr-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Mitr;src:url('../assets/fonts/Mitr-Medium.ttf') format('truetype');font-weight:500 900;font-display:swap}
@font-face{font-family:'DM Sans';src:url('../assets/fonts/DM-Sans.ttf') format('truetype');font-weight:100 1000;font-display:swap}
:root{--burgundy:#512a35;--red:#d74444;--ivory:#f7f3ea;--ink:#211d20;--rose:#c58f98;--border:#512a3533;--muted:#78616a;--display:Fraunces,Georgia,serif;--ui:'DM Sans',Mitr,sans-serif;--thai:Mitr,sans-serif;--card-radius:24px;--motion:250ms;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--burgundy);font-family:var(--ui);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button,a,input,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}button{color:inherit}h1,h2,p{margin:0}h1{font-size:clamp(30px,3.4vw,46px);font-weight:500;line-height:1.3;letter-spacing:-.035em}html[lang=en] h1{font-family:var(--display);font-weight:750}h2{line-height:1.2}main{animation:enter var(--motion) ease both}main h1:focus{outline:none}a{color:inherit}::selection{background:var(--rose);color:var(--burgundy)}[hidden]{display:none!important}.skip-link{position:absolute;top:-100px;left:16px;z-index:50;background:var(--ivory);color:var(--burgundy);padding:12px}.skip-link:focus{top:10px}
.site-header{max-width:1280px;margin:auto;min-height:119px;display:flex;align-items:center;justify-content:space-between;padding:24px 60px;border-bottom:1px solid var(--border);gap:25px}.brand-logo{font-family:var(--display);font-weight:950;font-style:italic;letter-spacing:-.075em;font-size:76px;line-height:.8;transform:rotate(-6deg);text-align:center}.brand-logo span{display:block}.brand-logo span+span{margin-left:-.11em}.brand-logo.compact{font-size:34px;line-height:.8}.logo-button{border:0;background:none;padding:5px 8px 10px}.header-tagline{font-size:10px;letter-spacing:.2em;font-weight:600;margin-left:48px}.header-actions{display:flex;align-items:center;gap:24px}.language-switch{display:flex;gap:3px;border:1px solid var(--border);border-radius:30px;padding:3px}.language-switch button{border:0;background:none;font-family:'DM Sans',sans-serif;border-radius:50%;width:38px;min-height:38px;font-size:11px;font-weight:650}.language-switch button.active{background:var(--burgundy);color:var(--ivory)}.eyebrow{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:650;letter-spacing:.15em;line-height:1.4;text-transform:uppercase}.icon{display:inline-block;width:24px;height:24px;fill:currentColor;flex:none;vertical-align:middle}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:14px 26px;border-radius:50px;border:1px solid transparent;font-size:14px;font-weight:500;text-decoration:none;transition:background var(--motion),transform var(--motion);line-height:1.5}.button:not(:disabled):active{transform:translateY(1px)}.primary{background:var(--burgundy);color:var(--ivory)}.primary:hover{background:#6a3644}.outline{border-color:var(--burgundy);background:transparent}.outline:hover{background:#512a350a}.button .icon{width:21px;height:21px}.text-button{border:0;background:none;min-height:44px;padding:10px 8px;font-size:13px;font-weight:500;line-height:1.5}.text-button:not(:disabled):hover{text-decoration:underline;text-underline-offset:4px}.body-muted{color:var(--muted);font-size:14px}.full-width{width:100%}.small{min-height:44px;padding:10px 16px;background:transparent;border:1px solid currentColor;font-size:12px}.site-footer{max-width:1160px;margin:0 auto;padding:28px 0;display:flex;justify-content:space-between;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:.18em;border-top:1px solid var(--border)}
.home-page{max-width:1160px;margin:auto}.hero{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;min-height:630px;padding:64px 0 68px}.kicker{font-size:10px;letter-spacing:.18em;margin-bottom:30px;display:flex;align-items:center;gap:14px}.kicker:before{content:'';display:block;width:26px;height:1px;background:var(--red)}.hero-title{font-family:var(--display);font-weight:750;font-size:clamp(48px,4.9vw,66px);letter-spacing:-.055em;line-height:1.08;margin-bottom:26px}.hero-title em{font-weight:650;color:var(--red)}.hero-description{font-family:var(--thai);font-size:19px;margin-bottom:7px}.hero-copy>.body-muted{font-size:13px;line-height:1.8}.hero-cta{margin-top:31px;min-height:56px;gap:32px}.hero-facts{display:flex;gap:18px;align-items:center;margin-top:22px;font-size:10px;color:var(--muted)}.hero-facts span+span:before{content:'·';margin-right:18px}.hero-art{position:relative;width:100%;height:495px;display:flex;align-items:center;justify-content:center;padding:20px 0}.back-card{position:absolute;border:1px solid var(--burgundy);width:270px;height:405px;border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--ivory)}.back-card .icon{position:absolute;top:20px;left:20px;width:26px;height:26px}.back-card .brand-logo{font-size:56px}.red-back{background:var(--red);transform:rotate(-17deg) translate(-46px,-9px)}.burgundy-back{background:var(--burgundy);transform:rotate(12deg) translate(44px,-14px)}.hero-art>.question-card{position:relative;transform:rotate(-3deg);margin:35px 0 0 40px;width:275px;min-height:412px;aspect-ratio:2/3;padding:24px;box-shadow:0 8px 15px #211d2012}.hero-art .question-en{font-size:27px!important}.hero-art .question-th{font-size:15px!important;line-height:1.7}.hero-art .question-divider{margin:18px auto}.hero-art .card-header .eyebrow{font-size:8px;letter-spacing:.13em}.hero-art .card-category{display:none}.hero-art .card-header .icon{width:24px;height:24px}.hero-art .card-footer{font-size:7px}.art-caption{position:absolute;bottom:0;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:.22em;transform:rotate(-3deg)}.how-section{padding:28px 0 34px;border-top:1px solid var(--border)}.how-section>.eyebrow{font-size:10px;color:var(--muted);margin-bottom:24px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.how-grid>div{display:flex;align-items:center;gap:17px}.step-number{font-family:var(--display);font-size:29px;font-weight:500;color:var(--red)}.how-grid p{font-size:12px}.saved-banner{display:flex;gap:22px;align-items:center;border:1px solid var(--border);border-radius:16px;padding:22px 26px;margin:0 0 35px}.saved-banner>div{flex:1}.saved-banner strong{font-size:16px;font-weight:500}.saved-banner p{font-size:12px;color:var(--muted)}
.page{max-width:1060px;margin:auto;padding:34px 0 75px}.back-button{margin:0 0 28px;padding-left:0}.page-heading{text-align:center;margin:0 0 40px}.page-heading .eyebrow{margin-bottom:12px;color:var(--red)}.page-heading h1{margin-bottom:10px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.mode-tile{border:1px solid var(--border);border-radius:20px;overflow:hidden;display:grid;grid-template-columns:42% 58%;min-height:330px}.mode-cover{background:var(--burgundy);color:var(--ivory);padding:23px 14px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.chemistry .mode-cover,.setup-art.chemistry{background:var(--red)}.mode-cover>.icon{width:32px;height:32px}.mode-cover>.brand-logo{font-size:43px}.mode-cover>.eyebrow{font-size:8px;letter-spacing:.18em}.mode-details{padding:28px 24px}.mode-details>.eyebrow{font-size:9px;color:var(--muted);letter-spacing:.07em;margin-bottom:16px}.mode-details h2{font-family:var(--display);font-weight:800;font-size:28px;letter-spacing:-.04em;margin-bottom:16px}.mode-details>p:not(.eyebrow){font-size:12px;line-height:1.9;min-height:65px}.deck-info{display:flex;flex-wrap:wrap;gap:8px 15px;font-size:10px;color:var(--muted);margin:18px 0}.mode-details .button{width:100%;gap:15px;padding:11px;font-size:12px}.mode-details .icon{width:17px;height:17px}.setup-layout{display:grid;grid-template-columns:340px 1fr;gap:90px;align-items:center;max-width:920px;margin:auto}.setup-art{aspect-ratio:2/3;max-height:510px;background:var(--burgundy);color:var(--ivory);border-radius:24px;padding:36px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.setup-art>.icon{width:45px;height:45px}.setup-art>.brand-logo{font-size:74px}.setup-art>.eyebrow{font-size:11px}.settings-panel>.eyebrow{margin-bottom:10px;color:var(--red)}.settings-panel>h1{margin-bottom:10px}.settings-panel>.body-muted{margin-bottom:27px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-top:1px solid var(--border)}.setting-row label,legend{font-size:14px;font-weight:500}.stepper{display:flex;align-items:center;gap:24px}.step-button{background:none;border:1px solid var(--border);width:44px;height:44px;border-radius:50%;font-size:24px;line-height:1}.stepper output{font-family:'DM Sans',sans-serif;font-size:22px;min-width:16px;text-align:center}.settings-panel fieldset{border:0;padding:13px 0 23px;margin:0}.settings-panel legend{margin-bottom:12px}.duration-options{display:flex;flex-wrap:wrap;gap:8px}.choice{border:1px solid var(--border);background:none;border-radius:9px;padding:10px 12px;min-height:44px;font-size:12px}.choice.selected{background:var(--burgundy);color:var(--ivory);border-color:var(--burgundy)}.wild-setting{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding:18px 0;gap:20px;cursor:pointer}.wild-setting strong{display:flex;gap:9px;align-items:center;font-size:14px;font-weight:500}.wild-setting .icon{width:19px;height:19px}.wild-setting small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.wild-setting input{appearance:none;width:45px;height:27px;border-radius:20px;background:#512a3533;position:relative;flex:none;cursor:pointer;margin:9px 0}.wild-setting input:before{content:'';position:absolute;left:4px;top:4px;background:var(--ivory);width:19px;height:19px;border-radius:50%;transition:transform var(--motion)}.wild-setting input:checked{background:var(--burgundy)}.wild-setting input:checked:before{transform:translateX(18px)}.small-note{font-size:10px;color:var(--muted);margin-bottom:25px}.narrow-page{max-width:520px}.narrow-page>.eyebrow{color:var(--red);margin-bottom:12px}.narrow-page>h1{margin-bottom:12px}.names-form{margin-top:30px;display:grid;gap:14px}.names-form>label{display:flex;align-items:center;gap:16px}.name-number{font-family:var(--display);font-size:23px;min-width:27px;color:var(--rose)}.names-form input{background:transparent;color:var(--burgundy);border:1px solid var(--border);border-radius:10px;width:100%;min-height:52px;padding:12px 18px}.names-form input::placeholder{color:var(--muted);opacity:1}.names-form>.button{margin-top:16px}
.question-card{width:100%;aspect-ratio:2/3;min-height:540px;border-radius:var(--card-radius);background:var(--ivory);color:var(--burgundy);padding:28px;display:flex;flex-direction:column;position:relative}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-header .eyebrow{font-size:10px;letter-spacing:.13em;display:block;padding-top:4px}.card-header>.icon{width:28px;height:28px}.question-card:not(.special-card) .card-header>.icon{color:var(--burgundy)}body[data-theme=chemistry] .question-card:not(.special-card) .card-header>.icon{color:var(--red)}.card-category{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:.11em;font-weight:500;margin-top:7px;opacity:.75;line-height:1.4}.card-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 0;overflow-wrap:anywhere}.question-en{font-family:var(--display);font-weight:900;font-size:34px;line-height:1.15;letter-spacing:-.035em;max-width:100%}.question-th{font-family:var(--thai);font-size:21px;font-weight:500;line-height:1.65;color:var(--ink);max-width:100%}.question-th.thai-only{font-size:27px;line-height:1.65;color:var(--burgundy);font-weight:500}.question-divider{width:36px;height:2px;background:var(--red);margin:23px auto;flex:none}.source-instruction{margin-top:25px;padding-top:15px;border-top:1px solid var(--border);font-family:var(--thai);font-size:13px;line-height:1.8;font-weight:400;color:var(--muted)}.card-footer{display:flex;justify-content:space-between;align-items:center;font-family:'DM Sans',sans-serif;font-size:9px;font-weight:600;letter-spacing:.17em}.long-card .question-en{font-size:30px}.long-card .question-th{font-size:20px}.special-card{background:var(--burgundy);color:var(--ivory);border:1px solid #f7f3eaaa}.special-card .question-th{color:var(--ivory)}.special-card .question-divider{background:var(--rose)}
body[data-theme=chemistry],body[data-theme=tell_me_more]{background:var(--red);color:var(--ivory)}body[data-theme=tell_me_more]{background:var(--burgundy)}body:not([data-theme=paper]) .site-header{border-color:#f7f3ea33}body:not([data-theme=paper]) .language-switch{border-color:#f7f3ea55}body:not([data-theme=paper]) .language-switch button.active{color:var(--burgundy);background:var(--ivory)}body:not([data-theme=paper]) .site-footer{border-color:#f7f3ea33}.game-header{max-width:1080px;min-height:95px;padding:18px 40px}.pause-button{border-color:#f7f3ea66;min-height:44px;padding:9px 16px;background:transparent;gap:7px;font-size:12px}.pause-button>.icon{width:15px;height:15px}.game-page{max-width:760px;padding:20px 30px 40px;margin:auto}.session-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;margin-bottom:12px}.session-meta>span:nth-child(2){font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:.16em}.timer{font-family:'DM Sans',sans-serif;font-variant-numeric:tabular-nums;min-width:40px;text-align:right}.time-track{height:2px;width:100%;background:#f7f3ea33}.time-track>span{height:2px;display:block;background:var(--ivory);transition:width 1s linear}.playing-area{max-width:388px;margin:auto}.participation{font-size:11px;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px 0;gap:3px;line-height:1.6}.participation>strong{font-size:17px;font-weight:500}.card-stage{animation:card-enter var(--motion) ease both}.card-stage>.question-card{min-height:530px}.game-controls{padding-top:8px}.secondary-controls{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}.secondary-controls>.text-button{font-size:12px}.history-count{font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:.1em;opacity:.8}.game-next{background:var(--ivory);color:var(--burgundy);min-width:210px;border-color:var(--ivory);gap:26px;min-height:54px}.game-next:hover{background:#fffaf2}.fallback-note{font-size:9px;text-align:center;margin:11px 0 0;opacity:.85}.game-note{font-size:11px;text-align:center;line-height:1.8;margin:12px 0 0}.guess-button{display:flex;min-height:44px;margin:12px auto 0;background:transparent;border-color:#f7f3ea88;color:var(--ivory);font-size:12px;padding:9px 20px}.pending-panel{border:1px solid #f7f3ea66;border-radius:12px;text-align:left;padding:12px 16px;margin-top:22px;font-size:12px}.pending-panel>summary{cursor:pointer;min-height:24px;list-style:none;display:flex;gap:10px;align-items:center}.pending-panel>summary:after{content:'+';margin-left:auto;font-size:20px;line-height:1}.pending-panel[open]>summary:after{content:'−'}.pending-panel>summary .icon{width:18px;height:18px}.pending-item{padding:15px 0 5px;border-top:1px solid #f7f3ea44;margin-top:10px}.pending-item>p{font-size:12px;margin-top:10px}.pending-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.pending-actions>.small{color:inherit}.pending-actions>.text-button{font-size:10px}.centered-page{min-height:calc(100svh - 120px);max-width:550px;padding:55px 25px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:22px}.centered-page>h1{margin-top:5px}.centered-page>p{font-size:14px;line-height:1.9;max-width:380px}.centered-page>.text-button{padding:6px}.large-icon{width:50px;height:50px}.pause-time{font-family:var(--display);font-size:48px;line-height:1.3;font-variant-numeric:tabular-nums;margin-bottom:8px}.summary-page{max-width:620px;margin:auto;text-align:center;padding:50px 25px 60px;display:flex;flex-direction:column;align-items:center;gap:17px}.summary-emblem{border:1px solid #f7f3ea66;border-radius:50%;width:80px;height:80px;display:flex;justify-content:center;align-items:center;margin-bottom:8px}.summary-emblem>.icon{width:36px;height:36px}.summary-page>h1{font-size:clamp(30px,4vw,43px)}.summary-page>p:not(.eyebrow){font-size:13px;line-height:1.9}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px 50px;margin:22px 0 20px;width:100%;max-width:400px;padding:25px 0;border-top:1px solid #f7f3ea44;border-bottom:1px solid #f7f3ea44}.stats-grid>div{display:flex;flex-direction:column;gap:3px}.stats-grid strong{font-family:var(--display);font-size:44px;font-weight:600;line-height:1.2;letter-spacing:-.03em}.stats-grid span{font-size:11px}.summary-page>.pending-panel{width:100%;margin:0 0 20px}.notice{max-width:900px;margin:18px auto;border:1px solid currentColor;padding:12px 18px;border-radius:9px;font-size:12px;line-height:1.8}.notice p{margin-top:10px}.notice code{display:block;overflow-wrap:anywhere;font-size:11px}.notice button{margin-top:10px}
@keyframes enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes card-enter{from{opacity:.45;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1400px){.hero{min-height:680px}.hero-art{height:520px}}
@media(max-width:1150px){.site-header{padding:24px 35px}.home-page{padding:0 40px}.hero-title{font-size:55px}.hero-description{font-size:17px}.hero-art{transform:scale(.9);transform-origin:center}.hero{gap:0;min-height:580px}.site-footer{margin:0 40px}.page{padding:30px 40px 60px}.setup-layout{gap:55px;grid-template-columns:290px 1fr}.mode-tile{display:flex;flex-direction:column}.mode-cover{min-height:250px;flex-direction:row;padding:35px;position:relative}.mode-cover>.brand-logo{font-size:56px;margin:auto}.mode-cover>.icon{position:absolute;top:22px;left:22px}.mode-cover>.eyebrow{position:absolute;bottom:22px;left:0;text-align:center;width:100%}.mode-details>p:not(.eyebrow){min-height:46px}.narrow-page{padding-left:25px;padding-right:25px}}
@media(max-width:760px){.site-header{min-height:94px;padding:20px 25px}.brand-logo.compact{font-size:29px}.header-tagline{display:none}.language-switch button{width:36px;min-height:36px}.header-actions{gap:12px}.home-page{padding:0 25px}.hero{grid-template-columns:1fr;padding:35px 0 40px;gap:7px}.hero-copy{text-align:center}.kicker{justify-content:center;font-size:8px;letter-spacing:.13em;margin:0 0 24px}.kicker:before{width:18px}.hero-title{font-size:clamp(44px,9vw,62px);margin-bottom:20px}.hero-description{font-size:16px}.hero-copy>.body-muted{font-size:11px;margin-top:7px}.hero-cta{margin-top:23px;min-height:52px;font-size:13px;padding:13px 25px}.hero-facts{justify-content:center;gap:11px;font-size:9px;margin-top:18px}.hero-facts span+span:before{margin-right:11px}.hero-art{height:400px;max-width:400px;margin:7px auto 0;transform:scale(.84);margin-top:-12px;margin-bottom:-28px}.hero-art>.question-card{width:260px;min-height:390px;flex:none}.back-card{width:250px;height:375px}.hero-art .question-en{font-size:25px!important}.hero-art .question-th{font-size:14px!important}.art-caption{bottom:-34px;font-size:8px;letter-spacing:.14em}.how-section{padding-top:23px}.how-section>.eyebrow{text-align:center;margin-bottom:20px}.how-grid{grid-template-columns:1fr;gap:16px;padding:0 5px}.how-grid>div{gap:19px}.step-number{font-size:25px}.how-grid p{font-size:12px}.site-footer{margin:0 25px;padding:23px 0;font-size:8px;gap:20px}.site-footer>span:last-child{font-size:7px;text-align:right}.saved-banner{padding:17px;gap:13px;flex-wrap:wrap}.saved-banner>.icon{width:20px;height:20px}.saved-banner>div{flex-basis:75%}.saved-banner .button{width:100%;margin-top:5px}.saved-banner strong{font-size:14px}.saved-banner p{font-size:11px}.page{padding:20px 25px 45px}.back-button{margin-bottom:23px}.page-heading h1{font-size:29px}.page-heading .eyebrow{font-size:8px}.page-heading .body-muted{font-size:12px}.mode-grid{grid-template-columns:1fr;gap:22px;max-width:450px;margin:auto}.mode-tile{display:grid;grid-template-columns:39% 61%;min-height:300px}.mode-cover{min-height:unset;flex-direction:column;padding:25px 12px}.mode-cover>.brand-logo{font-size:38px}.mode-cover>.icon{left:auto;top:25px;width:27px;height:27px}.mode-cover>.eyebrow{font-size:7px;letter-spacing:.12em;bottom:27px}.mode-details{padding:24px 18px}.mode-details h2{font-size:26px}.mode-details>p:not(.eyebrow){font-size:11px;min-height:60px}.mode-details>.eyebrow{font-size:8px;letter-spacing:0}.mode-details .button{font-size:11px;gap:8px}.deck-info{font-size:9px;gap:8px}.setup-layout{display:block;max-width:450px}.setup-art{display:none}.settings-panel>h1{font-size:32px}.settings-panel>.body-muted{font-size:12px;margin-bottom:23px}.settings-panel>.eyebrow{font-size:10px}.settings-panel>.button{margin-top:7px}.duration-options{gap:7px}.choice{font-size:11px;padding:10px 11px}.narrow-page{max-width:500px}.narrow-page>h1{font-size:30px}.narrow-page>.body-muted{font-size:12px}.narrow-page>.eyebrow{font-size:9px}.game-header{min-height:82px;padding:17px 20px}.game-header .brand-logo.compact{font-size:25px}.game-header .language-switch button{min-height:32px;width:32px;font-size:10px}.pause-button{min-height:44px;padding:9px 12px;font-size:10px;gap:4px}.game-page{padding:18px 22px 30px;max-width:465px}.session-meta{font-size:10px;margin-bottom:10px}.session-meta>span:nth-child(2){font-size:8px}.playing-area{max-width:365px}.participation{min-height:58px;font-size:10px}.participation>strong{font-size:16px}.question-card{padding:24px;min-height:490px}.card-stage>.question-card{min-height:490px}.question-en{font-size:32px}.question-th{font-size:21px;line-height:1.65}.question-th.thai-only{font-size:25px}.long-card .question-en{font-size:30px}.long-card .question-th{font-size:20px}.card-content{padding:24px 0}.card-header .eyebrow{font-size:9px}.card-category{font-size:8px}.card-footer{font-size:8px}.card-header>.icon{width:27px;height:27px}.game-controls{padding-top:3px}.secondary-controls{margin-bottom:5px}.game-next{min-height:52px;font-size:13px}.game-note{font-size:10px}.centered-page{padding:40px 25px;min-height:calc(100svh - 94px)}.centered-page>h1{font-size:31px}.centered-page>p{font-size:12px}.notice{margin:15px 20px;font-size:11px}.summary-page{padding-top:35px}}
@media(max-width:370px){.home-page{padding:0 20px}.hero-title{font-size:42px}.hero-description{font-size:14px}.hero-art{transform:scale(.74);margin-left:-5px;margin-right:-5px;margin-top:-25px;margin-bottom:-50px}.mode-tile{grid-template-columns:36% 64%}.mode-details{padding:22px 14px}.mode-cover>.brand-logo{font-size:30px}.game-page{padding:15px 16px 25px}.question-card{padding:22px;min-height:470px}.card-stage>.question-card{min-height:470px}.question-en{font-size:30px}.question-th,.long-card .question-th{font-size:20px}.question-th.thai-only{font-size:23px}.game-header{padding:16px}.header-actions{gap:8px}.pause-button{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the brand red on large display text; small functional copy needs AA contrast. */
.page-heading .eyebrow,.settings-panel>.eyebrow,.narrow-page>.eyebrow{color:var(--burgundy)}
.language-switch button,.game-header .language-switch button{width:44px;min-height:44px}
.participation>strong{max-width:100%;overflow-wrap:anywhere}
/* A minimum paper-card height keeps the 2:3 feel while long/enlarged text
   expands the surface instead of being constrained by an aspect-ratio box. */
.question-card{aspect-ratio:auto;min-width:0;min-height:560px}
.card-stage>.question-card{min-height:clamp(470px,calc(150vw - 66px),582px)}
.card-content{min-width:0}
.pending-panel>summary{min-height:44px}.pending-panel{padding-top:6px;padding-bottom:6px}
body[data-theme=chemistry] .language-switch,body[data-theme=chemistry] .pause-button{background:var(--burgundy)}
body[data-theme=chemistry] .session-meta{background:var(--burgundy);border-radius:8px;padding:8px 12px}
body[data-theme=chemistry] .participation>span,body[data-theme=chemistry] .participation>strong{background:var(--burgundy);border-radius:7px;padding:4px 12px}
body[data-theme=chemistry] .secondary-controls{background:var(--burgundy);border-radius:10px;padding:0 7px}
body[data-theme=chemistry] .fallback-note,body[data-theme=chemistry] .game-note{background:var(--burgundy);border-radius:8px;padding:6px 10px;opacity:1}
body[data-theme=chemistry] .guess-button,body[data-theme=chemistry] .pending-panel{background:var(--burgundy)}
body[data-theme=chemistry] .centered-page,body[data-theme=chemistry] .summary-page{background:var(--ivory);color:var(--burgundy);border-radius:24px;margin:30px auto;min-height:unset;padding:40px 28px;max-width:520px}
body[data-theme=chemistry] .centered-page .game-next,body[data-theme=chemistry] .summary-page .game-next{background:var(--burgundy);color:var(--ivory)}
body[data-theme=chemistry] .summary-page .stats-grid{border-color:var(--border)}
body[data-theme=chemistry] .summary-page .pending-panel{color:var(--ivory)}
body[data-theme=chemistry] .summary-emblem{border-color:var(--border)}
@media(max-width:760px){body[data-theme=chemistry] .centered-page,body[data-theme=chemistry] .summary-page{margin:24px 20px;max-width:none}.header-actions{gap:8px}}