/* Free exercises on the numbers up to 10 000. Loaded after nombres-999-exercise.css, whose plates, bars, cubes, boxes and table it reuses. */
/* The big cube of 1 000, drawn in perspective: a front face cut in tens, a top face and a side face. */
.n10k-blocks{gap:14px 18px}
.n10k-blocks .n999-group{gap:5px}
.n10k-millier{position:relative;display:block;box-sizing:border-box;width:64px;height:64px;margin:12px 12px 0 0;border:2px solid #4b1aa6;border-radius:2px;background-color:#a98bff;
  background-image:linear-gradient(#4b1aa6 1px,transparent 1px),linear-gradient(90deg,#4b1aa6 1px,transparent 1px);background-size:10% 10%}
.n10k-millier::before,.n10k-millier::after{content:"";position:absolute;box-sizing:border-box;border:2px solid #4b1aa6}
.n10k-millier::before{left:-2px;bottom:100%;width:calc(100% + 4px);height:12px;background:#cbb9ff;transform:skewX(-45deg);transform-origin:bottom left}
.n10k-millier::after{left:100%;top:-2px;width:12px;height:calc(100% + 4px);background:#7a55e6;transform:skewY(-45deg);transform-origin:top left}
/* Many plates fit on a phone: they are a little smaller than in the lesson up to 999. */
.n10k-blocks .n999-plaque{width:64px;height:64px}
.n10k-blocks .n999-barre{width:9px;height:64px}
.n10k-blocks .n999-cube{width:9px;height:9px}
/* Boxes for four or five digits; a long problem text is shown smaller than a number. */
.n10k-exercise .n10k-slot--long{width:112px}
.n10k-exercise .n10k-display--text{font-size:19px;line-height:1.45}
@media(max-width:560px){
 .n10k-millier{width:52px;height:52px;margin:10px 10px 0 0}
 .n10k-millier::before{height:10px}
 .n10k-millier::after{width:10px}
 .n10k-blocks .n999-plaque{width:52px;height:52px}
 .n10k-blocks .n999-barre{width:7px;height:52px}
 .n10k-blocks .n999-cube{width:7px;height:7px}
 .n10k-exercise .n10k-slot--long{width:92px}
 .n10k-exercise .n10k-display--text{font-size:17px}
}
