.y2k-welcome { grid-template-columns: minmax(0, 1fr) 190px; }
.y2k-frame { margin: 6px 0; }
.y2k-frame img { display: block; width: 100%; height: auto; }
.y2k-album { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.y2k-album img { display: block; width: 100%; height: 146px; object-fit: cover; }
.y2k-album button span { display: block; padding-top: 4px; font: bold 10px/1.3 Verdana, sans-serif; color: #450049; }
.lena-cta { display: inline-block; text-decoration: none; margin-top: 5px; padding: 9px; }
.lena-cta:visited { color: white; }
.lena-small { font-size: 10px; }
.lena-contact b { color: #ff8be1; }
.lena-contact p { margin: 6px 0; }
.form-status { margin: 0; color: #fff200; font-weight: bold; }
.form-status:empty { display: none; }
.y2k-guestbook textarea { resize: vertical; }
.y2k-lightbox img { display: block; width: auto; max-width: 100%; height: auto; max-height: 72vh; margin: auto; }
.y2k-lightbox figure { width: fit-content; max-width: min(500px, 92vw); }
.y2k-lightbox figure span { display: none; }
.y2k-window-bar { touch-action: none; }
.lena-polish { width: 72px; margin: 8px auto; --polish: #ff79c9; }
.lena-polish i { display: block; width: 30px; height: 34px; margin: auto; background: repeating-linear-gradient(90deg, #151515 0 3px, #444 3px 5px); border: 2px outset #555; }
.lena-polish b { display: block; height: 65px; border: 3px ridge #e6b6dc; border-radius: 12px 12px 18px 18px; background: linear-gradient(100deg, #fff8, transparent 40%), var(--polish); box-shadow: inset -8px -5px 0 #0002, 0 0 16px #f2ba; }
.lena-swatches { display: flex; justify-content: center; gap: 8px; }
.lena-swatches button { width: 32px; height: 28px; background: var(--swatch); border: 3px outset #eee; cursor: pointer; }
.lena-swatches button[aria-pressed="true"] { border-style: inset; outline: 1px solid #fff200; }
.lena-color-name { text-align: center; color: #ffb7ec; font-size: 11px; }
.legal { max-width: 800px; margin: 24px auto; padding: 20px; border: 3px ridge #bfbfbf; background: #100326; }
.legal h1 { color: #fff200; font: bold 26px/1.2 Verdana, sans-serif; }
.legal h2 { color: #ff8dde; font-size: 16px; }
.legal p { line-height: 1.65; }
:focus-visible { outline: 2px solid #fff200; outline-offset: 3px; }
@media (max-width: 760px) {
.y2k-welcome { grid-template-columns: minmax(0, 1fr); }
.y2k-welcome .y2k-frame { width: 190px; }
.y2k-wordart { font-size: clamp(27px, 7vw, 48px); }
.y2k-wordart span + span { font-size: .52em; letter-spacing: 0; }
.y2k-tagline { font-size: 11px; }
.y2k-header { grid-template-columns: 50px minmax(0, 1fr) 48px; }
.y2k-burst { width: 48px; height: 48px; font-size: 9px; }
.y2k-globe { width: 42px; height: 42px; }
.y2k-clock { font-size: 8px; }
.y2k-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.y2k-nav a { padding: 6px 3px; font-size: 10px; }
.y2k-nav a::before { content: ''; }
.y2k-album img { height: 115px; }
.y2k-album button span { font-size: 8px; }
.y2k-guestbook input, .y2k-guestbook textarea { font-size: 16px; }
.y2k-window { width: 260px; left: 10px; top: auto; bottom: 12px; transform: translateY(160%); }
.y2k-window.is-open { transform: none; }
.legal { margin: 8px; padding: 14px; overflow-wrap: anywhere; }
.legal h1 { font-size: 23px; }
}
