:root{--fs:22px}
*{box-sizing:border-box}
html{background:#04060c}
html,body{margin:0;min-height:100%}
body{position:relative;background:transparent;min-height:100vh;min-height:100dvh;color:#e8eef9;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Helvetica Neue",Arial,sans-serif;-webkit-text-size-adjust:100%}
/* бледный фон: фото приглушено слоем почти чёрного цвета */
body::before{content:"";position:fixed;inset:0;z-index:-1;background:#04060c url(/bg.jpg) center/cover no-repeat;opacity:.3;filter:saturate(.65)}
@media (max-width:900px){body::before{background-image:url(/bg-m.jpg)}}
@media (max-aspect-ratio:3/4){body::before{background-image:url(/bg-p.jpg)}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wall{list-style:none;margin:0;padding:1.2vmin;min-height:100vh;min-height:100dvh;display:flex;flex-wrap:wrap;align-content:space-evenly;justify-content:space-between;gap:0;font-size:var(--fs);line-height:1.3}
.wall li{flex:1 1 auto;text-align:center;padding:.18em .55em;white-space:nowrap;color:rgba(232,238,249,.78);transition:color .25s,text-shadow .25s}
.wall li:nth-child(5n+1){color:rgba(210,226,255,.74)}
.wall li:nth-child(5n+2){color:rgba(255,236,205,.72)}
.wall li:nth-child(5n+3){color:rgba(214,246,232,.7)}
.wall li:nth-child(5n+4){color:rgba(240,222,255,.72)}
.wall li:hover{color:#fff;text-shadow:0 0 14px rgba(160,200,255,.9)}
@media (prefers-reduced-motion:reduce){.wall li{transition:none}}