/* Tuile ZS — géométrie et couleurs relevées sur le logo K/IA */
.tile{position:relative;aspect-ratio:1;border-radius:13%;background:linear-gradient(150deg,#59A078 0%,#2C754A 38%,#1B5836 100%);box-shadow:0 .05em .1em rgba(8,26,16,.5),0 .18em .4em rgba(8,26,16,.42);isolation:isolate}
.tile::before{content:"";position:absolute;inset:8% 10% 6% 6%;border-radius:11%;background:linear-gradient(162deg,#4A8C66 0%,#2C754A 30%,#276943 62%,#1C5B38 100%);box-shadow:inset 0 .04em 0 rgba(233,255,242,.34),inset 0 -.05em .08em rgba(9,32,19,.4);z-index:1}
.tile>b{position:absolute;inset:0;z-index:2;display:grid;place-items:center;font-weight:700;font-size:.58em;line-height:1;color:#EFEEEC;letter-spacing:-.02em;transform:translate(-2%,-1%)}
.tile>i{position:absolute;z-index:2;right:13%;bottom:9%;font-style:normal;font-weight:600;font-size:.15em;line-height:1;color:#EDECEA;letter-spacing:.02em}
.tile.is-blank{background:linear-gradient(150deg,#39424A 0%,#232B31 38%,#161C21 100%)}
.tile.is-blank::before{background:linear-gradient(162deg,#2F383F 0%,#242C32 34%,#1C232A 100%);box-shadow:inset 0 .04em 0 rgba(255,255,255,.08),inset 0 -.05em .08em rgba(0,0,0,.5)}
.tile.is-blank>b,.tile.is-blank>i{color:#5D6A70}
.tile.is-light{background:linear-gradient(150deg,#E6E1D4 0%,#CFC8B7 38%,#B8B0A0 100%)}
.tile.is-light::before{background:linear-gradient(162deg,#F2EEE4 0%,#E2DCCD 36%,#D2CABA 100%);box-shadow:inset 0 .04em 0 rgba(255,255,255,.7),inset 0 -.05em .08em rgba(90,80,64,.25)}
.tile.is-light>b,.tile.is-light>i{color:#2C3338}
.rack{display:flex;gap:.34em}
.rack .tile{width:1em;flex:none}