@layer ficha {

@scope (.cos-ficha) {
:scope { --realce: var(--il-sorra); }
.pg { height: 100%; display: grid; gap: 4mm; }
.pg-acampada { grid-template-rows: minmax(0, 104fr) minmax(0, 102fr); }
.pg-ombres { grid-template-rows: minmax(0, 112fr) minmax(0, 134fr); }
.pg .ex-cos { display: grid; grid-template-columns: minmax(0, 1fr); }


.t-gran { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); grid-template-rows: 28mm minmax(0, 1fr); gap: 3mm; min-height: 0; }
.barra-t { display: grid; place-items: center; padding: 0; min-height: 0; border-radius: var(--radi); }
.barra-t .lletra-gran { font-size: 16mm; }
.b1 { grid-area: 1 / 1; } .b2 { grid-area: 1 / 2; } .b3 { grid-area: 1 / 3; } .b4 { grid-area: 1 / 4; } .b5 { grid-area: 1 / 5; }
.tenda-t { grid-area: 2 / 1 / 3 / 3; border-radius: var(--radi); }
.pal-model { grid-area: 2 / 3 / 3 / 4; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2mm; background: var(--realce); border: var(--gruix) solid var(--il-contorn); border-radius: var(--radi); }
.pal-model .lletra-gran { font-size: 22mm; }
.lluna-t { grid-area: 2 / 4 / 3 / 6; border-radius: var(--radi); }


.taulell-ex { display: grid; grid-template-columns: minmax(0, 1fr) 38mm; gap: 5mm; min-height: 0; }
.taulell { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); grid-template-rows: repeat(4, minmax(0, 1fr)); border: 3mm solid var(--il-marro); border-radius: 2mm; min-height: 0; }
.clara { background: var(--il-sorra); min-height: 0; }
.peca-t { display: grid; place-items: center; padding: 0; margin: 0; min-height: 0; border-radius: 0; border: 0; background: var(--il-marro); color: var(--il-blanc); }
.peca-t .lletra-gran { font-size: 12mm; }
.peca-t.on { background: var(--il-groc); color: var(--il-contorn); }
.guineu-t { border-radius: var(--radi); }


.ombres-t { display: grid; grid-template-columns: 36mm minmax(0, 1fr) 28mm minmax(0, 1fr); gap: 0 4mm; min-height: 0; }
.nen-t { border-radius: var(--radi); }
.col-plenes, .col-buides { display: grid; grid-template-rows: repeat(4, minmax(0, 1fr)); gap: 3mm; min-height: 0; }
.col-plenes { grid-column: 2; }
.col-buides { grid-column: 4; }
.par-t { display: flex; align-items: center; gap: 4mm; min-height: 0; }
.col-plenes .par-t { justify-content: space-between; }
.plena, .buida { flex: 1; display: grid; place-items: center; height: 100%; font-size: 15mm; border: var(--gruix) solid var(--il-contorn); border-radius: 3mm; background: var(--il-cel); }
.buida { color: transparent; -webkit-text-stroke: 2px var(--il-contorn); background: var(--paper); }


.escriure-t { display: grid; grid-template-columns: 38mm minmax(0, 1fr); gap: 4mm; min-height: 0; }
.nena-t { border-radius: var(--radi); }
.t-punts-gran { display: grid; grid-template-rows: minmax(0, 1fr) 26mm; gap: 3mm; min-height: 0; }
.punts-t > svg { width: 100%; height: 100%; min-height: 0; }
.punts-t { display: grid; grid-template: minmax(0, 1fr) / minmax(0, 1fr); padding: 3mm; border: var(--gruix) dashed var(--il-marro); border-radius: var(--radi); min-height: 0; }
.fil-t { fill: none; stroke: var(--il-contorn); stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 0.1 6.5; }
.dues-t { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4mm; min-height: 0; }
.casella-t { background: var(--paper); border: var(--gruix) solid var(--il-contorn); border-radius: var(--radi); background-image: repeating-linear-gradient(90deg, var(--il-gris) 0 2mm, transparent 2mm 3.5mm); background-size: 100% 1px; background-position: 0 50%; background-repeat: no-repeat; min-height: 0; }

}
}