:root{--sotet:#06230B;--zold:#0E3517;--krem:#F7F4EF;--vonal:#E4DFD5;--ink:#1a2620;--szurke:#5f6b64;--piros:#8A2C22}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;min-height:100dvh;background:var(--sotet);color:var(--krem);font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;
  padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.keret{max-width:420px;margin:0 auto;padding:48px 20px 32px;text-align:center}
.logo{border-radius:22px;margin:0 auto 12px;display:block}
h1{margin:0;font:600 26px/1.2 Georgia,serif;letter-spacing:.02em}
.al{margin:2px 0 28px;color:#b9c9bd;letter-spacing:.12em;text-transform:uppercase;font-size:13px}
.lap[hidden]{display:none}
.gomb{display:block;width:100%;margin:10px 0;padding:15px 18px;border:0;border-radius:14px;background:var(--krem);color:var(--sotet);
  font-family:inherit;font-weight:600;font-size:17px;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer}
.gomb:disabled{opacity:.6}
.halk-gomb{background:transparent;color:var(--krem);border:1px solid #3d5a45}
.halk{color:#b9c9bd;font-size:14px}
.uzenet{min-height:1.4em;margin:6px 0;color:#ffb4a9;font-size:15px}
.uzenet.ok{color:#bfe5c8}
.kartya{background:var(--zold);border:1px solid #24472d;border-radius:14px;padding:12px 16px;margin:18px 0;text-align:left}
.kartya summary{cursor:pointer;font-weight:600}
.kartya ol{padding-left:20px;margin:10px 0}
.udv{font-size:20px;margin:6px 0}