@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;600;700&display=swap');
:root{
  --gold:#e5c662;
  --rus:#1a3d7c;
  --uk:#b63a3a;
  --ger:#444;
}
*{box-sizing:border-box}
body{margin:0;font-family:'Noto Sans Thai',sans-serif;background:#fafafa;color:#333}
.container{max-width:960px;margin:0 auto;padding:12px}
.header{text-align:center}
.logo-wrap{width:100px;height:100px;margin:0 auto}
.logo-wrap img{width:100%;height:100%;object-fit:contain}
.title .t1{font-size:1.6rem;font-weight:700;color:#333}
.title .t2{font-size:1.1rem;color:#555}
.title-sub{margin-top:6px;font-size:1rem;color:#666}
.date{font-size:.9rem;color:#777;margin-top:4px}
.panel{margin:18px 0;padding:12px;border-radius:14px;border:2px solid var(--gold);background:rgba(255,255,255,.8);box-shadow:0 6px 16px rgba(0,0,0,.08)}
.panel.rus{background:linear-gradient(180deg,#fff,#e6ecf8)}
.panel.uk{background:linear-gradient(180deg,#fff,#fae6e6)}
.panel.ger{background:linear-gradient(180deg,#fff,#f0f0f0)}
.section-title{font-weight:700;text-align:center;margin-bottom:10px;color:#222}
.card{padding:10px}
.btn{display:block;width:100%;padding:10px;font-weight:700;border:1.5px solid var(--gold);border-radius:10px;background:#fff8e1;cursor:pointer}
.results{margin-top:10px;display:flex;flex-direction:column;gap:8px;align-items:center}
.box{border:1.5px solid var(--gold);padding:6px 12px;border-radius:10px;font-weight:700;font-size:1.2rem;min-width:100px;text-align:center;background:#fff}
.big{font-size:1.5rem}
.badge{margin-top:10px;width:70px;height:70px;border-radius:50%;border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;background:#fff}
.limit{margin-top:8px;color:#a33;font-size:.9rem;text-align:center}
.note{text-align:center;font-size:.9rem;color:#666;margin-top:10px}
.disclaimer{margin-top:20px;font-size:.85rem;color:#555;background:#fdfdfd;padding:10px;border-left:3px solid var(--gold)}