.gev-parelles{
--gp-fg:#17241d;
--gp-muted:#5b6b62;
--gp-line:#cfd9d3;
--gp-back:#1d6b45;
--gp-back-2:#155636;
--gp-star:#f4f7f5;
--gp-face:#ffffff;
--gp-tag:#1d6b45;
--gp-ok:#2f8f5b;
--gp-chip:#ffffff;
--gp-display:ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
margin:1.5rem 0;
max-width:640px;
display:grid;
gap:10px;
font-size:1.0625rem;
line-height:1.5;
color:var(--gp-fg);
} html[data-gev-tema="oscuro"] .gev-parelles{
--gp-fg:#e6eee9; --gp-muted:#9aaba1; --gp-line:#2a3830;
--gp-back:#2b8a5b; --gp-back-2:#1f6e48; --gp-star:#eaf3ee;
--gp-face:#1c2620; --gp-tag:#7fd1a3; --gp-ok:#5cc28a; --gp-chip:#1c2620;
}
@media (prefers-color-scheme: dark){
html:not([data-gev-tema]) .gev-parelles{
--gp-fg:#e6eee9; --gp-muted:#9aaba1; --gp-line:#2a3830;
--gp-back:#2b8a5b; --gp-back-2:#1f6e48; --gp-star:#eaf3ee;
--gp-face:#1c2620; --gp-tag:#7fd1a3; --gp-ok:#5cc28a; --gp-chip:#1c2620;
}
}
.gev-parelles .gev-parelles__sense-js{ margin:0; font-weight:700; color:var(--gp-fg); } .gev-parelles .gev-parelles__ajuda-boto{
justify-self:start;
min-height:48px;
padding:.5rem .9rem;
margin:0;
border:1px solid var(--gev-borde,#4A5D73);
border-radius:6px;
background:transparent;
color:var(--gp-fg);
font:inherit;
font-size:1em;
font-weight:400;
text-transform:none;
box-shadow:none;
cursor:pointer;
}
html[data-gev-tema="oscuro"] .gev-parelles .gev-parelles__ajuda-boto{ border-color:#B8C7D6; }
@media (prefers-color-scheme: dark){
html:not([data-gev-tema]) .gev-parelles .gev-parelles__ajuda-boto{ border-color:#B8C7D6; }
}
.gev-parelles__ajuda-fletxa::before{ content:"▸ "; }
.gev-parelles__ajuda-boto[aria-expanded="true"] .gev-parelles__ajuda-fletxa::before{ content:"▾ "; }
.gev-parelles .gev-parelles__ajuda{ margin:0; color:var(--gp-muted); max-width:60ch; }
.gev-parelles .gev-parelles__ajuda[hidden]{ display:none; }
.gev-parelles .gev-parelles__dades{
display:flex; flex-wrap:wrap; gap:4px 16px;
font-variant-numeric:tabular-nums; color:var(--gp-muted);
}
.gev-parelles .gev-parelles__dades b{ color:var(--gp-fg); }
.gev-parelles .gev-parelles__controls{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.gev-parelles .gev-parelles__etiqueta{ color:var(--gp-muted); }
.gev-parelles .gev-parelles__seg{
display:inline-flex; border:1px solid var(--gp-line); border-radius:999px; overflow:hidden; background:var(--gp-chip);
}
.gev-parelles .gev-parelles__seg button{
font:inherit; font-size:1em; border:0; border-radius:0; background:transparent; color:var(--gp-fg);
padding:6px 16px; margin:0; cursor:pointer; min-height:48px; min-width:48px;
box-shadow:none; text-transform:none; font-weight:400;
}
.gev-parelles .gev-parelles__seg button[aria-pressed="true"]{ background:var(--gp-back); color:var(--gp-star); font-weight:700; }
.gev-parelles .gev-parelles__altra{
font:inherit; font-size:1em; font-weight:700; margin:0 0 0 auto; cursor:pointer; min-height:48px;
border:1px solid var(--gp-line); background:var(--gp-chip); color:var(--gp-fg); border-radius:999px; padding:6px 16px;
box-shadow:none; text-transform:none;
}
.gev-parelles .gev-parelles__seg button:focus-visible,
.gev-parelles .gev-parelles__altra:focus-visible,
.gev-parelles .gev-parelles__ajuda-boto:focus-visible,
.gev-parelles .gev-parelles__targeta:focus-visible{ outline:3px solid var(--gp-tag); outline-offset:2px; } .gev-parelles .gev-parelles__tauler{
--cols:4; --rows:4; --gap:8px;
display:grid; grid-template-columns:repeat(var(--cols), 1fr); gap:var(--gap); perspective:900px;
width:min(100%, calc((100vh - var(--top, 150px) - 16px - (var(--rows) - 1) * var(--gap)) / var(--rows) * 0.75 * var(--cols) + (var(--cols) - 1) * var(--gap)));
width:min(100%, calc((100svh - var(--top, 150px) - 16px - (var(--rows) - 1) * var(--gap)) / var(--rows) * 0.75 * var(--cols) + (var(--cols) - 1) * var(--gap)));
margin-inline:auto;
}
.gev-parelles .gev-parelles__targeta{
position:relative; aspect-ratio:3 / 4; border:0; border-radius:0; padding:0; margin:0; background:none;
min-height:0; width:auto; height:auto; box-shadow:none; text-transform:none; line-height:normal;
cursor:pointer; font:inherit; color:inherit; touch-action:manipulation;
}
.gev-parelles .gev-parelles__dins{
position:absolute; inset:0; transform-style:preserve-3d;
transition:transform 0.38s cubic-bezier(.3,.7,.3,1);
}
.gev-parelles .gev-parelles__targeta.es-veu .gev-parelles__dins,
.gev-parelles .gev-parelles__targeta.feta .gev-parelles__dins{ transform:rotateY(180deg); }
.gev-parelles .gev-parelles__cara{
position:absolute; inset:0; border-radius:10px; backface-visibility:hidden; -webkit-backface-visibility:hidden;
display:grid; place-items:center;
}
.gev-parelles .gev-parelles__dors{ background:repeating-linear-gradient(135deg, var(--gp-back) 0 10px, var(--gp-back-2) 10px 20px); }
.gev-parelles .gev-parelles__dors svg{ width:38%; height:auto; }
.gev-parelles .gev-parelles__dors svg path{ fill:var(--gp-star); }
.gev-parelles .gev-parelles__davant{
transform:rotateY(180deg); border:1px solid var(--gp-line); background:var(--gp-face);
padding:4px; align-content:center; gap:4%; text-align:center; overflow:hidden;
container-type:inline-size;
} .gev-parelles .gev-parelles__w{ display:block; line-height:1.3; white-space:nowrap; max-width:100%; overflow:hidden; }
.gev-parelles .gev-parelles__ca,
.gev-parelles .gev-parelles__es{ color:var(--gp-muted); font-size:min(15px, 17cqi, calc(150cqi / var(--len))); }
.gev-parelles .gev-parelles__eo{
font-family:var(--gp-display); font-weight:800; color:var(--gp-tag);
font-size:min(26px, 26cqi, calc(165cqi / var(--len)));
}
.gev-parelles .gev-parelles__eo u{ text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:0.12em; }
.gev-parelles .gev-parelles__targeta.feta .gev-parelles__davant{ border-color:var(--gp-ok); box-shadow:inset 0 0 0 2px var(--gp-ok); }
.gev-parelles .gev-parelles__targeta.feta{ cursor:default; }
.gev-parelles .gev-parelles__final{
border:1px solid var(--gp-ok); border-radius:12px; padding:12px 16px; background:var(--gp-chip);
display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between;
}
.gev-parelles .gev-parelles__final[hidden]{ display:none; }
.gev-parelles .gev-parelles__final p{ margin:0; color:var(--gp-fg); }
.gev-parelles .gev-parelles__final strong{ font-family:var(--gp-display); font-size:20px; display:block; }
.gev-parelles .gev-parelles__estat{ margin:0; min-height:1.5em; color:var(--gp-muted); text-align:center; }
.gev-parelles .gev-parelles__estat b{ color:var(--gp-tag); }
.gev-parelles .gev-parelles__repas{ margin:8px 0 0; padding:0; list-style:none; display:grid; gap:2px; width:100%; color:var(--gp-fg); }
.gev-parelles .gev-parelles__repas li{ margin:0; padding:0; }
.gev-parelles .gev-parelles__repas li::before{ content:none; }
.gev-parelles .gev-parelles__repas b{ color:var(--gp-tag); }
.gev-parelles .gev-parelles__costat{ color:var(--gp-muted); }
@media (prefers-reduced-motion: reduce){ .gev-parelles .gev-parelles__dins{ transition:none; } }