/* Kalkulatori poena (T4): panel na drvetu, veliki dodiri, rezultat krupno. Isto za sve igre (bez pravila igre). */
.calcpage{max-width:900px;margin:0 auto;padding:clamp(24px,4vw,48px) 16px 40px}
.calcpage h1{font:800 clamp(28px,3.4vw,40px)/1.15 var(--serif);color:var(--cream);margin:0 0 10px}
.calcintro{color:var(--cream-2);font-size:17px;line-height:1.6;margin:0 0 18px}
.calc{display:grid;gap:18px}
.calcbox{border-radius:18px;padding:clamp(14px,2.4vw,22px);background:radial-gradient(ellipse 70% 60% at 50% 15%,rgba(255,240,200,.14),transparent 70%),linear-gradient(#237a4c,#175838);box-shadow:inset 0 0 0 1px rgba(0,0,0,.5),0 10px 26px rgba(0,0,0,.4)}
.calcbox h2,.calcbox h3{font:700 20px var(--serif);color:var(--cream);margin:0 0 10px}
.calcnote{color:var(--cream-3);font-size:15px;margin:6px 0 0}
.calcrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.calcsides{display:grid;grid-template-columns:1fr 1fr;gap:18px}

/* brojač − broj + */
.stp{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-top:1px solid rgba(212,176,106,.18)}
.stp:first-of-type{border-top:0}
.stpl b{display:block;font-size:16px;color:var(--cream)}
.stpl small{display:block;font-size:13px;color:var(--cream-3)}
.stpc{display:flex;align-items:center;gap:6px;flex:none}
.stpb{width:44px;height:44px;border-radius:50%;border:1px solid var(--brass-dim);background:rgba(0,0,0,.3);color:var(--cream);font:700 22px/1 var(--sans);cursor:pointer}
.stpb:focus-visible,.pick:focus-visible,.slot:focus-visible{outline:3px solid var(--brass-hi);outline-offset:2px}
.stpc input{width:64px;min-height:44px;border-radius:10px;border:1px solid rgba(120,80,30,.4);background:#fffaf0;color:var(--ink);font:700 18px var(--sans);text-align:center;-moz-appearance:textfield}
.stpc input::-webkit-inner-spin-button{display:none}

/* izbor (karte, kockice, pločice) */
.pick{min-width:48px;min-height:48px;padding:0 10px;border-radius:10px;border:1px solid rgba(0,0,0,.25);background:#fffdf7;color:#1a1a1a;box-shadow:0 2px 4px rgba(0,0,0,.3);font:700 18px var(--sans);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px}
.pick[aria-pressed=true]{background:#f2c964;color:#2a1a0c;border-color:#8a6b30;box-shadow:0 0 0 2px #f2c964}
.pick:disabled{opacity:.45;cursor:default;box-shadow:none}
.pick .red,.chip .red{color:#b3202a}
.pick[aria-pressed=true] .red{color:#a3241c}
.pick small{font-size:12px;font-weight:600;opacity:.8}
.slots{display:flex;flex-wrap:wrap;gap:8px}
.slot{width:62px;height:84px;border-radius:9px;border:2px dashed rgba(240,212,145,.45);background:rgba(0,0,0,.2);color:var(--cream-3);font:700 13px var(--sans);display:grid;place-items:center;cursor:pointer;text-align:center}
.slot.on{border:1px solid rgba(0,0,0,.25);background:#fffdf7;color:#1a1a1a;font:800 24px/1 var(--serif)}
.slot.on .red{color:#c0262a}
.slot.cur{border-color:#f2c964;border-style:solid;box-shadow:0 0 0 3px rgba(242,201,100,.35)}
.slot small{display:block;font:600 11px var(--sans);color:#6b5a3c;margin-top:4px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;gap:2px;min-height:40px;padding:0 10px;border-radius:9px;background:#fffdf7;color:#1a1a1a;font:800 17px var(--sans);border:0;cursor:pointer}
.chip .x{font-weight:500;font-size:13px;color:#776;margin-left:4px}

/* rezultat */
.result{border-radius:14px;background:#fffdf7;color:#1a1a1a;padding:14px 16px}
.result .big{font:800 clamp(34px,6vw,48px)/1 var(--serif);display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.result .big small{font:600 16px var(--sans);color:#555}
.result ul{list-style:none;margin:10px 0 0;padding:0}
.result li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px solid #e3dccb;font-size:16px}
.result li b{white-space:nowrap}
.result li.minus b{color:#a3241c}
.result .empty{color:#555;font-size:16px;margin:8px 0 0}

/* zapis po rukama */
.tallywrap{overflow-x:auto}
.tally{width:100%;border-collapse:collapse;background:#fffdf7;color:#1a1a1a;border-radius:10px;overflow:hidden;font-size:16px}
.tally th,.tally td{padding:8px 10px;border-bottom:1px solid #e3dccb;text-align:right}
.tally th:first-child{text-align:left}
.tally thead th{background:#efe8d6}
.tally tfoot th,.tally tfoot td{font-weight:800;background:#f5f0e2}
.names{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.names input,.calc select{min-height:48px;border-radius:10px;border:1px solid rgba(120,80,30,.4);background:#fffaf0;color:var(--ink);font:600 16px var(--sans);padding:0 12px;width:100%;box-sizing:border-box}
.seg{display:inline-flex;border-radius:12px;overflow:hidden;border:1px solid rgba(212,176,106,.35)}
.seg button{min-height:46px;padding:0 14px;border:0;background:rgba(255,255,255,.05);color:var(--cream);font:600 15px var(--sans);cursor:pointer}
.seg button[aria-pressed=true]{background:#f2c964;color:#2a1a0c}

.calcabout{margin-top:34px;color:var(--cream-2);font-size:17px;line-height:1.6}
.calcabout h2{font:800 24px/1.2 var(--serif);color:var(--cream)}
.calcabout a{color:var(--brass-hi)}
.calclinks{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.calclinks a.btn{color:inherit}
@media (max-width:720px){.calcsides{grid-template-columns:1fr}}
/* pločice domina za brojanje ruke */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:6px;margin-top:10px;max-height:340px;overflow-y:auto;padding:4px}
.tilepick{border:2px solid transparent;border-radius:10px;background:rgba(0,0,0,.2);padding:4px;cursor:pointer;line-height:0}
.tilepick svg{width:100%;height:auto}
.tilepick[aria-pressed=true]{border-color:#f2c964;background:rgba(242,201,100,.35)}
.tilepick:focus-visible{outline:3px solid var(--brass-hi);outline-offset:1px}
.die2d.cur{box-shadow:0 0 0 4px #f2c964,0 6px 12px rgba(0,0,0,.4)}
.result li.zero{color:#5f5a52}
.tilepick .dbody{fill:#fbf5e6;stroke:#d2c39f;stroke-width:2.5}
.tilepick .dline line{stroke:#a39370;stroke-width:3;stroke-linecap:round}
.tilepick .dnail{fill:#c39a4b}
.calc input.typed{width:90px;min-height:44px;border-radius:10px;border:1px solid rgba(120,80,30,.4);background:#fffaf0;color:var(--ink);font:700 17px var(--sans);text-align:center}
/* strana /easy-to-see (T8): pregled karata */
.easycards{--cw:96px;--ch:134px;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;padding:16px 0 4px}
.easycards .card{position:relative;flex:none}
.easylist li{margin-bottom:4px}
@media (max-width:420px){.easycards{--cw:66px;--ch:92px}}