/* EducTools Game Studio — หน้าทดลองเล่นฟรี v1.43.0 */
.demo-hero{padding:48px 0 28px;background:transparent}
.demo-hand{display:inline-flex;margin:0 0 12px;padding:6px 14px;border-radius:999px;background:var(--pt-peach-wash,#FFE8D6);color:var(--pt-accent-text,#B9500F);font-family:var(--pt-font,"Sarabun",sans-serif);font-weight:700;font-size:.95rem}
.demo-hero h1{max-width:820px;margin:0;font-family:var(--pt-display,"Mitr",sans-serif);font-weight:600;font-size:clamp(2rem,5vw,3.3rem);line-height:1.25;color:var(--pt-ink,#1B2559)}
.demo-hero h1 span{display:block;color:var(--pt-accent-large,#E0601A)}
.demo-lead{max-width:60ch;margin:16px 0 0;font-size:1.12rem;color:var(--pt-ink-soft,#4B5578)}

.demo-list-section{padding-top:24px}
.demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.demo-card{--wash:var(--pt-indigo-wash,#E6E9FF);position:relative;display:flex;flex-direction:column;gap:6px;padding:14px 14px 20px;border:0;border-radius:28px;background:var(--pt-surface,#fff);color:var(--pt-ink,#1B2559);box-shadow:0 10px 30px rgba(27,37,89,.08);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.demo-card:nth-child(4n+2){--wash:var(--pt-peach-wash,#FFE8D6)}
.demo-card:nth-child(4n+3){--wash:var(--pt-mint-wash,#D7F2E3)}
.demo-card:nth-child(4n+4){--wash:var(--pt-butter-wash,#FFF1C2)}
.demo-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(27,37,89,.14)}
.demo-card:focus-visible{outline:3px solid var(--pt-accent,#F0742A);outline-offset:3px}
.demo-card-icon{display:grid;place-items:center;height:120px;margin-bottom:8px;border-radius:22px;background:var(--wash);font-size:3.4rem;line-height:1}
.demo-card-badge{position:absolute;top:24px;right:24px;padding:3px 10px;border:0;border-radius:999px;background:var(--pt-surface,#fff);color:var(--pt-ink,#1B2559);font-size:.78rem;font-weight:700;box-shadow:0 4px 12px rgba(27,37,89,.1)}
.demo-card h2{margin:4px 6px 0;font-family:var(--pt-display,"Mitr",sans-serif);font-weight:500;font-size:1.15rem;line-height:1.35}
.demo-card p{margin:0 6px;color:var(--pt-muted,#5E6786);font-size:.94rem;line-height:1.55}
.demo-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin:6px 6px 0}
.demo-card-meta span{padding:3px 10px;border-radius:999px;background:var(--pt-ground,#EEF7F2);color:var(--pt-ink-soft,#4B5578);font-size:.8rem;font-weight:700}
.demo-card strong{display:flex;align-items:center;justify-content:center;margin:auto 6px 0;margin-top:auto;min-height:46px;border-radius:999px;background:var(--pt-accent,#F0742A);color:var(--pt-on-accent,#1B2559);font-weight:700}
.demo-card:hover strong{background:var(--pt-accent-deep,#D65F17)}

.demo-privacy{background:var(--pt-ink,#1B2559);color:#E4E8FF;border-radius:40px;margin:0 clamp(8px,2vw,24px)}
.demo-privacy-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;align-items:start}
.demo-privacy h2{margin:0 0 8px;color:#fff;font-size:clamp(1.6rem,3.4vw,2.2rem)}
.demo-privacy p{margin:0;color:#C9D0F2}
.demo-privacy ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.demo-privacy li{padding:16px 18px;border:0;border-radius:20px;background:rgba(255,255,255,.07);color:#C9D0F2}
.demo-privacy li b{display:block;color:#FFD166}

.demo-cta{text-align:center}
.demo-cta h2{margin:0 auto 8px;max-width:30ch;font-size:clamp(1.5rem,3.4vw,2.2rem);color:var(--pt-ink,#1B2559)}
.demo-cta p{max-width:60ch;margin:0 auto 18px;color:var(--pt-ink-soft,#4B5578)}
.demo-cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}

/* ในหน้าเล่นเดโม ซ่อนปุ่มที่ต้องมีบัญชี */
body.is-demo-game .play-action-share,
body.is-demo-game .play-action-prompt,
body.is-demo-game .play-action-favorite,
body.is-demo-game .play-action-live,
body.is-demo-game .play-member-strip,
body.is-demo-game .play-creator-row{display:none!important}
.demo-result-actions .btn-primary{white-space:normal}

@media (max-width:760px){
  .demo-privacy-grid{grid-template-columns:1fr}
  .demo-privacy{border-radius:28px}
  .demo-card-icon{height:100px}
}
@media (prefers-reduced-motion:reduce){
  .demo-card{transition:none}
}