/* cetvorke.css · Cliplea · Četvorke (v0.4.56). Dugmad, prozori i statistika nose klase iz enigma.css i rec.css (rec-dugme, e-kraj, rec-stat, rec-raspodela). */
.cet-tabla { width: min(100% - 32px, 560px); margin: 0 auto; }
.cet-resene { display: flex; flex-direction: column; gap: 8px; margin-bottom: 8px; }
.cet-resene:empty { display: none; }
.cet-grupa { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 64px; padding: 8px 12px; border-radius: 8px; text-align: center; color: #151a2d; }
.cet-grupa b { font-family: var(--naslovni); font-weight: 800; font-size: 15px; text-transform: uppercase; letter-spacing: .02em; }
.cet-grupa span { font-size: 14px; font-weight: 600; text-transform: uppercase; }
.cet-grupa.zuta { background: #f9df6d; }
.cet-grupa.zelena { background: #a0c35a; }
.cet-grupa.plava { background: #b0c4ef; }
.cet-grupa.ljubicasta { background: #ba81c5; }
.cet-mreza { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.cet-mreza[hidden] { display: none; }
.cet-rec { height: clamp(60px, 18vw, 80px); padding: 4px 3px; border: 0; border-radius: 8px; background: #efefe6; color: #151a2d; font: inherit; font-family: var(--naslovni); font-weight: 800; font-size: clamp(12px, 3.4vw, 16px); line-height: 1.1; text-transform: uppercase; letter-spacing: .01em; cursor: pointer; overflow-wrap: anywhere; -webkit-tap-highlight-color: transparent; transition: transform .08s; }
.cet-rec.duga { font-size: clamp(10px, 2.9vw, 14px); }
.cet-rec.najduza { font-size: clamp(9px, 2.5vw, 12px); }
.cet-rec:active { transform: scale(.96); }
.cet-rec.izabrana { background: #5a594e; color: #fff; }
.cet-rec.tresi { animation: cet-tresi .4s; }
@keyframes cet-tresi { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-4px); } 75% { transform: translateX(4px); } }
.cet-poruka { margin-top: 10px; }
.cet-zivoti { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 12px 0 10px; font-size: 14px; font-weight: 700; color: var(--naslov); }
.cet-zivoti span { margin-right: 4px; }
.cet-zivoti i { display: inline-block; width: 14px; height: 14px; border-radius: 50%; background: #5a594e; }
.cet-zivoti i.potrosen { background: #d8d8cf; }
.cet-dugmad { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; margin: 0 16px 14px; }
.cet-dugmad[hidden] { display: none; }
.cet-dugmad .dugme { font-size: 14px; padding: 9px 16px; border-radius: 999px; }
.cet-dugmad .dugme:disabled { opacity: .45; cursor: default; }
.cet-rezultat { font-family: inherit; font-size: 22px; line-height: 1.15; letter-spacing: 2px; margin: 4px 0 14px; white-space: pre; }
.cet-rasp-oznaka { width: auto !important; min-width: 12px; font-size: 12px; }
.cet-primer { display: flex; gap: 6px; justify-content: center; margin: 6px 0 2px; }
.cet-primer i { width: 28px; height: 16px; border-radius: 4px; }
.cet-primer .zuta { background: #f9df6d; } .cet-primer .zelena { background: #a0c35a; } .cet-primer .plava { background: #b0c4ef; } .cet-primer .ljubicasta { background: #ba81c5; }
@media (min-width: 600px) { .cet-rec { height: 80px; font-size: 16px; } .cet-rec.duga { font-size: 14px; } .cet-rec.najduza { font-size: 12px; } .cet-grupa b { font-size: 17px; } .cet-grupa span { font-size: 15px; } }