/* stils.css — ekrāni ap audeklu. Spēle pati ir pikseļi uz kanvas; DOM ekrāni ir «papīra kartītes». */
:root { --panelis: #2B2438; --papirs: #EFE6CE; --tinte: #241F33; --zelts: #E0A93B; --raglis: #C0342B; --apmale: #8A9098;
  --da: env(safe-area-inset-top, 0px); --db: env(safe-area-inset-bottom, 0px); --dk: env(safe-area-inset-left, 0px); --dl: env(safe-area-inset-right, 0px); }
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; height: 100vh; height: 100dvh; background: var(--panelis); color: var(--tinte);
  font-family: "Courier New", Courier, ui-monospace, monospace; overscroll-behavior: none; overflow: hidden; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
.spele { position: fixed; inset: 0; overflow: hidden; }
.kanva { position: absolute; inset: 0; width: 100%; height: 100%; display: block; touch-action: none; image-rendering: pixelated; image-rendering: crisp-edges; }
.ekrans { position: absolute; inset: 0; display: none; align-items: center; justify-content: center; padding: calc(16px + var(--da)) calc(16px + var(--dl)) calc(16px + var(--db)) calc(16px + var(--dk)); background: rgba(20, 18, 31, 0.55); overflow-y: auto; }
.ekrans.aktiivs { display: flex; }
.ekrans--caurspidigs { background: none; padding: 0; pointer-events: none; }
.ekrans--caurspidigs > * { pointer-events: auto; }
.karte { position: relative; width: min(460px, 100%); max-height: 100%; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; padding: 20px 22px; background: var(--papirs); border: 3px solid var(--tinte); box-shadow: 6px 6px 0 var(--tinte); text-align: center; }
.karte--plata { width: min(560px, 100%); }
.karte--sausa { width: min(340px, 100%); }
.virsraksts { margin: 0; font-size: clamp(22px, 6vw, 34px); font-weight: 900; letter-spacing: 0.04em; color: var(--tinte); text-transform: uppercase; }
.virsraksts--maza { font-size: clamp(18px, 5vw, 26px); }
.sauklis { margin: 0; font-size: 14px; line-height: 1.45; color: #4a4459; }
.pamaciba { margin: 0; padding: 0 0 0 18px; text-align: left; font-size: 13px; line-height: 1.5; }
.atruna { margin: 4px 0 0; font-size: 12px; color: var(--raglis); font-weight: 700; }
.vadiba { margin: 0; font-size: 11px; color: #4a4459; line-height: 1.5; }
.kalendars { margin: 0; font-size: 15px; font-weight: 700; letter-spacing: 0.02em; }
.lielais { margin: 6px 0 0; font-size: clamp(34px, 10vw, 56px); font-weight: 900; color: var(--raglis); letter-spacing: 0.02em; }
.pask { margin: -4px 0 0; font-size: 13px; color: #4a4459; }
.stat { margin: 0; font-size: 13px; font-weight: 700; }
.rinda { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }
.rinda .poga { flex: 1 1 120px; }
.poga { min-height: 50px; min-width: 50px; border: 3px solid var(--tinte); background: #fff; color: var(--tinte); font-family: inherit; font-size: 15px; font-weight: 900; letter-spacing: 0.04em; cursor: pointer; padding: 10px 16px; box-shadow: 3px 3px 0 var(--tinte); }
.poga:active { transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--tinte); }
.poga--galvena { background: var(--zelts); font-size: 19px; }
.poga:focus-visible { outline: 3px solid var(--raglis); outline-offset: 2px; }
.poga:disabled { opacity: 0.5; cursor: default; }
.poga--maza { min-height: 50px; min-width: 50px; padding: 8px 10px; font-size: 14px; }
.poga--valoda { position: absolute; top: 8px; right: 8px; }
.poga--pauze { position: absolute; top: calc(8px + var(--da)); right: calc(8px + var(--dl)); background: rgba(239, 230, 206, 0.9); }
.zona { position: absolute; top: 0; bottom: 0; width: 50%; border: 0; background: transparent; padding: 0; margin: 0; touch-action: none; -webkit-user-select: none; user-select: none; }
.zona--kreisa { left: 0; } .zona--laba { right: 0; }
.fakti { margin: 0; padding: 0 0 0 20px; text-align: left; font-size: 13px; line-height: 1.45; display: flex; flex-direction: column; gap: 8px; max-height: 50vh; overflow-y: auto; }
.fakti li span { display: block; } .fakti li small { display: block; color: var(--apmale); font-size: 11px; }
.fakti li.slegts { color: var(--apmale); font-style: italic; }
.veikals { display: flex; flex-direction: column; gap: 8px; }
.uzlabojums { min-height: 56px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; border: 3px solid var(--tinte); background: #fff; color: var(--tinte); text-align: left; cursor: pointer; font-family: inherit; }
.uzlabojums__teksts { display: flex; flex-direction: column; gap: 2px; } .uzlabojums__teksts small { color: #4a4459; font-size: 12px; } .uzlabojums__teksts strong { font-size: 14px; }
.uzlabojums__cena { font-weight: 900; color: var(--zelts); white-space: nowrap; text-shadow: 1px 1px 0 var(--tinte); }
.uzlabojums.pieejams { border-color: var(--zelts); } .uzlabojums.dargs, .uzlabojums.pilns { opacity: 0.55; cursor: default; }

/* 1.5: pauze ir uz kanvas; DOM tikai pogas apakšā. */
.ekrans--pauze { background: none; padding: 0; align-items: flex-end; }
.pauze-pogas { width: 100%; display: flex; flex-direction: column; gap: 8px; padding: 8px calc(8px + var(--dl)) calc(10px + var(--db)) calc(8px + var(--dk)); background: rgba(43, 36, 56, 0.92); border-top: 3px solid var(--tinte); }
.pauze-pogas .rinda .poga { flex: 1 1 22%; padding: 8px 6px; font-size: 12px; min-height: 56px; }
.pauze-pogas .poga--galvena { min-height: 56px; }

.poga--dienas { background: var(--papirs); border-style: dashed; font-size: 13px; }
.stat--zelts { color: #8a5a00; }
.kartites-bloks { display: flex; flex-direction: column; gap: 8px; }
.kartites-bloks img { width: 100%; image-rendering: pixelated; border: 3px solid var(--tinte); }