/* One wall, no pagination: fit every completion into the available viewport. */
@keyframes arrival{0%{transform:scale(.9);opacity:0}100%{transform:scale(1);opacity:1}}
.wall{height:calc(100vh - 36px);min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:22px 32px 18px}
.wall .wall-top{flex-shrink:0}.wall .wall-title{margin:24px 0 20px;flex-shrink:0}.wall .wall-title h1{font-size:38px;margin:10px 0;line-height:1.25}.wall .wall-title p{font-size:13px;margin:5px 0}.wall .wall-title .eyebrow{font-size:10px}
.wall .wall-names{width:100%;max-width:none;margin:0;flex:1;min-height:0;display:grid;align-content:center;justify-content:center;gap:var(--wall-gap,12px);grid-template-columns:repeat(var(--wall-cols,5),var(--wall-cell-w,160px));grid-auto-rows:var(--wall-cell-h,100px);overflow:visible}
.wall .name-card{padding:8px 6px;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;transition:width .2s,height .2s,padding .2s}
.wall .name-card .name-text{font-size:var(--wall-font,28px);letter-spacing:1px;font-weight:500;line-height:1.3;max-width:100%;white-space:nowrap}.wall .name-card .tick{font-size:var(--wall-label,11px);margin-bottom:var(--wall-label-gap,7px);line-height:1.2}.wall .name-card .name-time{display:none}.wall .name-card.new:after{font-size:9px;right:4px;top:-7px;padding:2px 5px}
.wall .wall-footer{width:100%;max-width:none;margin:18px 0 0;padding-top:12px;flex-shrink:0;font-size:11px}.wall .wall-demo{width:100%;max-width:none;margin:14px 0 0;flex-shrink:0;gap:7px;font-size:10px}.wall .wall-demo .btn{font-size:10px;min-height:29px;padding:6px 9px}.wall .wall-demo select{min-width:0;font-size:10px;padding:5px 7px;max-width:110px}
.wall .wall-empty{height:100%;width:100%;grid-column:1/-1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px}
.wall:fullscreen{height:100vh;min-height:0;padding:24px 36px;overflow:hidden}.wall:fullscreen .wall-demo{display:none}.wall:fullscreen .wall-title{margin:24px 0}.wall:fullscreen .wall-title h1{font-size:42px}.wall:fullscreen .wall-names{max-width:none}.wall:fullscreen .name-card{padding:8px 6px}.wall:fullscreen .name-text{font-size:var(--wall-font,28px)}.wall:fullscreen .wall-footer{max-width:none}
.wall.dense .name-card .tick{display:none}.wall.dense .name-card.new:after{display:none}.wall.tight .wall-title{margin:12px 0}.wall.tight .wall-title h1{font-size:28px;margin:7px 0}.wall.tight .wall-title .eyebrow{display:none}.wall.tight .wall-footer{margin-top:10px;padding-top:8px;font-size:10px}.wall.tight .wall-demo{margin-top:9px}
@media(max-width:800px){.wall{padding:14px 16px}.wall .wall-title{margin:14px 0}.wall .wall-title h1{font-size:30px}.wall .wall-top{gap:10px}.wall .wall-top .brand{font-size:17px}.wall .wall-top .select{min-width:0;max-width:180px;padding:7px;font-size:11px}.wall .wall-footer{gap:8px}.wall .wall-footer>span:last-child{display:none}.wall .wall-demo>span:last-child{display:none}.wall:fullscreen{padding:16px}.wall:fullscreen .wall-title{margin:16px 0}.wall:fullscreen .wall-title h1{font-size:30px}}
@media(max-width:500px){.wall .wall-top .brand{width:auto}.wall .wall-top .actions{gap:5px}.wall .wall-top .btn{font-size:10px;padding:6px;min-height:28px}.wall .wall-top{justify-content:center}.wall .wall-title h1{font-size:24px}.wall .wall-title p{font-size:11px}.wall .wall-title strong{font-size:15px}.wall .wall-title .eyebrow{display:none}.wall .wall-demo{gap:4px}.wall .wall-demo>span{display:none}.wall .wall-demo .btn{font-size:9px;padding:5px 6px}.wall .wall-footer{font-size:9px}}
