/* Sofa de Wolf — modern visual layer. Content and behavior remain unchanged. */
:root {
  --bg: #050407;
  --bg2: #08070a;
  --panel: rgba(13, 11, 16, .86);
  --panel2: rgba(25, 20, 27, .9);
  --text: #f7f2ee;
  --muted: #a89ca4;
  --line: rgba(255, 255, 255, .11);
  --accent: #c70d26;
  --accent2: #ff314c;
  --glow: rgba(255, 31, 65, .28);
  --modern-radius: 18px;
  --modern-shadow: 0 24px 70px rgba(0, 0, 0, .42);
}

html { scroll-behavior: smooth; }

body {
  background:
    radial-gradient(circle at 82% 8%, rgba(199, 13, 38, .13), transparent 30%),
    radial-gradient(circle at 8% 92%, rgba(101, 26, 48, .12), transparent 28%),
    #050407;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: -.01em;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .22;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(circle at center, #000, transparent 85%);
}

.app { position: relative; z-index: 1; }

.topbar {
  height: 82px;
  flex-basis: 82px;
  padding: 0 28px;
  gap: 18px;
  background: rgba(6, 5, 8, .78);
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  box-shadow: 0 12px 40px rgba(0, 0, 0, .3);
  backdrop-filter: blur(24px) saturate(1.25);
}

.brand { gap: 14px; }
.brand img { width: 50px; height: 50px; }
.brand strong { font-size: 18px; letter-spacing: .06em; text-transform: uppercase; }

.nav {
  justify-content: center;
  gap: 3px;
  padding: 5px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 15px;
  background: rgba(255,255,255,.025);
}

.nav-btn {
  min-height: 40px;
  padding: 0 12px;
  border-radius: 11px;
  color: #aaa1a7;
  font-size: 9px;
  letter-spacing: .09em;
  transition: color .2s ease, background .2s ease, transform .2s ease;
}

.nav-btn:hover { color: #fff; background: rgba(255,255,255,.06); transform: translateY(-1px); }
.nav-btn.active { color: #fff; background: linear-gradient(135deg, rgba(199,13,38,.9), rgba(255,49,76,.72)); box-shadow: 0 10px 24px rgba(199,13,38,.24); }
.nav-btn.active::after { display: none; }

.icon-btn, .wolf-id-btn, .steam-profile-btn, .lang-select, .mobile-menu {
  border-radius: 12px;
  border-color: rgba(255,255,255,.1);
  background: rgba(255,255,255,.045);
  backdrop-filter: blur(14px);
  transition: .2s ease;
}

.icon-btn:hover, .wolf-id-btn:hover, .steam-profile-btn:hover, .mobile-menu:hover {
  border-color: rgba(255,49,76,.55);
  background: rgba(255,49,76,.09);
  transform: translateY(-2px);
}

.stage { isolation: isolate; }
.page { background: transparent; }
.page.active { animation: modernPageIn .38s cubic-bezier(.2,.8,.2,1); }
@keyframes modernPageIn { from { opacity: 0; transform: translateY(8px) scale(.995); } to { opacity: 1; transform: none; } }

#page-home, #page-home .home { background: #000; }
#page-home .home-video {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  visibility: visible;
}
#page-home .home-video[hidden],
#page-home .home-video.is-unavailable { display: none !important; }
#page-home .home-fallback { z-index: 1; transition: opacity .35s ease; }
#page-home .home-tint { z-index: 4; }
#page-home .video-sound-control { z-index: 8; }

.content { width: min(1240px, calc(100% - 48px)); padding: 52px 0 80px; }
.head { margin-bottom: 30px; gap: 54px; }
.head h1, h1 { font-size: clamp(38px, 5vw, 64px); line-height: .92; letter-spacing: -.055em; text-wrap: balance; }
.head p { max-width: 500px; font-size: 13px; line-height: 1.7; }
.kicker { font-size: 9px; letter-spacing: .22em; }

.panel, .card, .stat, .community-box, .contact-form, .contact-info,
.server-feature-card, .rule-card, .gallery-card, .social, .support-entry,
.winner-card, .member-card, .admin-card, .media-upload, .bot-rust-lock {
  border-color: rgba(255,255,255,.1);
  border-radius: var(--modern-radius);
  background: linear-gradient(145deg, rgba(26,21,28,.86), rgba(10,9,13,.86));
  box-shadow: var(--modern-shadow);
  backdrop-filter: blur(18px) saturate(1.15);
}

.card, .gallery-card, .social, .member-card, .winner-card {
  transition: transform .28s cubic-bezier(.2,.8,.2,1), border-color .28s ease, box-shadow .28s ease;
}
.card:hover, .gallery-card:hover, .social:hover, .member-card:hover, .winner-card:hover {
  transform: translateY(-7px);
  border-color: rgba(255,49,76,.42);
  box-shadow: 0 28px 80px rgba(0,0,0,.48), 0 0 0 1px rgba(255,49,76,.08);
}

.cover, .gallery-shot { overflow: hidden; border-radius: calc(var(--modern-radius) - 1px) calc(var(--modern-radius) - 1px) 0 0; }
.cover::before, .gallery-shot::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(180deg, transparent 55%, rgba(0,0,0,.55)); }
.gallery-shot { height: 205px; }
.gallery-shot img { transition: transform .5s cubic-bezier(.2,.8,.2,1), filter .3s ease; }
.gallery-card.ready .gallery-shot img { cursor: zoom-in; }
.gallery-card:hover .gallery-shot img { transform: scale(1.045); filter: saturate(1.08) contrast(1.04); }
.gallery-info { padding: 18px; }

.gallery { grid-template-columns: repeat(3, 1fr); gap: 18px; }
.grid, .social-grid, .free-grid { gap: 18px; }
.server-grid, .contact-grid { gap: 20px; }

.server-tabs, .community-tabs, .rules-tabs, .store-tabs, .gallery-tabs {
  padding: 6px;
  gap: 6px;
  width: fit-content;
  max-width: 100%;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: rgba(7,6,9,.7);
  backdrop-filter: blur(16px);
}

.server-tab, .store-tab, .gallery-tab {
  min-height: 40px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  transition: .2s ease;
}
.server-tab:hover, .store-tab:hover, .gallery-tab:hover { color: #fff; background: rgba(255,255,255,.055); }
.server-tab.active, .store-tab.active, .gallery-tab.active { background: linear-gradient(135deg, var(--accent), var(--accent2)); box-shadow: 0 8px 22px var(--glow); }

.action, .bottom a, .download, .epic-btn, .gallery-download,
.discord-join-epic, .provider, button.save, .contact-form button {
  border-radius: 11px;
  background: linear-gradient(135deg, #ae0c22, #f42a46);
  border: 1px solid rgba(255,94,116,.7);
  box-shadow: 0 10px 26px rgba(174,12,34,.22);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.action:hover, .bottom a:hover, .download:hover, .epic-btn:hover, .gallery-download:hover,
.discord-join-epic:hover, .provider:hover, button.save:hover, .contact-form button:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
  box-shadow: 0 15px 34px rgba(199,13,38,.34);
}

input, select, textarea, .whitelist-form input, .whitelist-form select, .whitelist-form textarea {
  border-radius: 10px;
  border-color: rgba(255,255,255,.11);
  background: rgba(255,255,255,.045);
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
input:focus, select:focus, textarea:focus {
  border-color: rgba(255,49,76,.72);
  box-shadow: 0 0 0 3px rgba(255,49,76,.12);
  background: rgba(255,255,255,.065);
}

.server-bg img, .community-bg img, .socials-bg img, .raffle-bg img { filter: saturate(.92) contrast(1.08) brightness(.56); }
.server-bg::after, .community-bg::after, .socials-bg::after { backdrop-filter: blur(1px); }
.server-wolf, .community-hero { border-radius: 24px; overflow: hidden; box-shadow: var(--modern-shadow); }
.status div, .req { border-radius: 12px; }

.rust-gallery-notice {
  padding: 18px 20px;
  border-radius: 14px;
  border-color: rgba(255,49,76,.2);
  background: linear-gradient(135deg, rgba(199,13,38,.12), rgba(255,255,255,.035));
  box-shadow: 0 16px 40px rgba(0,0,0,.24);
}
.rust-release-date { grid-template-columns: auto 1fr; align-items: center; column-gap: 10px; }
.rust-release-date small { grid-column: 1 / -1; }

body.gallery-lightbox-open { overflow: hidden !important; }
.gallery-lightbox { position: fixed; inset: 0; z-index: 1000; padding: 34px; display: grid; grid-template-columns: 64px minmax(0, 1fr) 64px; align-items: center; gap: 18px; background: rgba(2,2,4,.94); backdrop-filter: blur(20px); }
.gallery-lightbox[hidden] { display: none; }
.gallery-lightbox figure { width: 100%; height: 100%; min-height: 0; margin: 0; display: grid; grid-template-rows: minmax(0,1fr) auto; place-items: center; gap: 14px; }
.gallery-lightbox img { max-width: 100%; max-height: calc(100vh - 120px); object-fit: contain; border-radius: 14px; box-shadow: 0 35px 120px rgba(0,0,0,.7); }
.gallery-lightbox figcaption { display: flex; align-items: center; gap: 12px; }
.gallery-lightbox figcaption strong { color: #fff; font-size: 13px; }
.gallery-lightbox figcaption span { color: var(--muted); font-size: 10px; }
.gallery-lightbox-close, .gallery-lightbox-nav { border: 1px solid rgba(255,255,255,.14); border-radius: 15px; background: rgba(255,255,255,.06); color: #fff; backdrop-filter: blur(12px); }
.gallery-lightbox-close { position: absolute; top: 20px; right: 20px; width: 46px; height: 46px; font-size: 28px; }
.gallery-lightbox-nav { width: 58px; height: 70px; font-size: 38px; transition: .2s ease; }
.gallery-lightbox-nav:hover, .gallery-lightbox-close:hover { border-color: rgba(255,49,76,.65); background: rgba(255,49,76,.14); transform: scale(1.04); }

.support-ai-chat { margin-bottom: 24px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 22px; background: linear-gradient(145deg, rgba(22,18,26,.95), rgba(7,7,10,.97)); box-shadow: var(--modern-shadow); }
.support-ai-head { padding: 17px 20px; display: flex; align-items: center; gap: 14px; border-bottom: 1px solid rgba(255,255,255,.08); background: linear-gradient(90deg, rgba(199,13,38,.15), transparent); }
.support-ai-avatar { width: 48px; height: 48px; flex: 0 0 48px; display: grid; place-items: center; border-radius: 15px; background: linear-gradient(135deg,#9d0d23,#ff3853); color: #fff; font-size: 14px; font-weight: 950; box-shadow: 0 12px 30px rgba(199,13,38,.3); }
.support-ai-head span { color: var(--accent2); font-size: 8px; font-weight: 900; letter-spacing: .18em; }
.support-ai-head h2 { margin: 3px 0; font-size: 20px; }
.support-ai-head small { color: var(--muted); font-size: 8px; }
.support-ai-head small i { display: inline-block; width: 7px; height: 7px; margin-right: 4px; border-radius: 50%; background: #47e58a; box-shadow: 0 0 10px #47e58a; }
.support-ai-messages { min-height: 260px; max-height: 440px; padding: 20px; overflow-y: auto; display: flex; flex-direction: column; gap: 11px; }
.support-ai-message { max-width: 80%; padding: 12px 14px; border: 1px solid rgba(255,255,255,.09); border-radius: 5px 15px 15px 15px; background: rgba(255,255,255,.05); color: #eee8eb; font-size: 12px; line-height: 1.6; white-space: pre-wrap; }
.support-ai-message.user { align-self: flex-end; border-radius: 15px 5px 15px 15px; border-color: rgba(255,62,88,.42); background: linear-gradient(135deg,#951126,#d91d38); color: #fff; }
.support-ai-prompts { padding: 0 18px 12px; display: flex; gap: 8px; overflow-x: auto; }
.support-ai-prompts button { min-height: 32px; flex: 0 0 auto; padding: 0 11px; border: 1px solid rgba(255,49,76,.3); border-radius: 20px; background: rgba(255,49,76,.07); color: #f3dde1; font-size: 8px; font-weight: 900; }
.support-ai-form { padding: 14px; display: grid; grid-template-columns: 1fr auto; gap: 10px; border-top: 1px solid rgba(255,255,255,.08); background: rgba(0,0,0,.22); }
.support-ai-form input { min-height: 46px; padding: 0 15px; color: #fff; outline: none; }
.support-ai-form button { min-width: 112px; border: 1px solid rgba(255,94,116,.7); border-radius: 11px; background: linear-gradient(135deg,#ae0c22,#f42a46); color: #fff; font-size: 9px; font-weight: 900; }
.support-ai-form button:disabled { opacity: .6; cursor: wait; }
.support-ai-note { display: block; padding: 0 16px 14px; color: var(--muted); font-size: 8px; }

.rust-bot-chat {
  margin: 0 0 24px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(24,20,29,.94), rgba(7,7,10,.96));
  box-shadow: 0 30px 90px rgba(0,0,0,.5), 0 0 70px rgba(199,13,38,.08);
  backdrop-filter: blur(24px);
}

.rust-chat-head {
  min-height: 82px;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  gap: 14px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(90deg, rgba(199,13,38,.16), rgba(255,255,255,.025));
}

.rust-chat-avatar {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,91,112,.6);
  border-radius: 15px;
  background: linear-gradient(135deg, #900c20, #ff3652);
  color: #fff;
  font-size: 20px;
  font-weight: 950;
  box-shadow: 0 10px 30px rgba(199,13,38,.32);
}

.rust-chat-head > div:last-child { display: grid; gap: 3px; }
.rust-chat-head span { color: var(--accent2); font-size: 8px; font-weight: 900; letter-spacing: .18em; }
.rust-chat-head strong { font-size: 17px; }
.rust-chat-head small { color: var(--muted); font-size: 8px; letter-spacing: .08em; }
.rust-chat-head small i { display: inline-block; width: 7px; height: 7px; margin-right: 4px; border-radius: 50%; background: #47e58a; box-shadow: 0 0 12px #47e58a; }

.rust-chat-messages {
  min-height: 310px;
  max-height: 480px;
  padding: 22px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 13px;
  background: radial-gradient(circle at 10% 0, rgba(199,13,38,.08), transparent 34%);
}

.rust-chat-message { max-width: min(78%, 760px); display: grid; gap: 5px; }
.rust-chat-message.user { align-self: flex-end; }
.rust-chat-message small { padding: 0 5px; color: var(--muted); font-size: 7px; font-weight: 900; letter-spacing: .14em; }
.rust-chat-message.user small { text-align: right; }
.rust-chat-message > div {
  padding: 13px 15px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 5px 15px 15px 15px;
  background: rgba(255,255,255,.05);
  color: #eee8eb;
  font-size: 12px;
  line-height: 1.62;
  box-shadow: 0 10px 28px rgba(0,0,0,.2);
}
.rust-chat-message.user > div { border-radius: 15px 5px 15px 15px; border-color: rgba(255,62,88,.45); background: linear-gradient(135deg, #961126, #d81c38); color: #fff; }
.rust-chat-message ul { margin: 0; padding-left: 18px; display: grid; gap: 8px; }

.rust-chat-suggestions {
  min-height: 46px;
  padding: 0 20px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
}
.rust-chat-suggestions button {
  min-height: 32px;
  flex: 0 0 auto;
  padding: 0 11px;
  border: 1px solid rgba(255,49,76,.35);
  border-radius: 20px;
  background: rgba(255,49,76,.075);
  color: #f6dde2;
  font-size: 8px;
  font-weight: 900;
  transition: .2s ease;
}
.rust-chat-suggestions button:hover { transform: translateY(-2px); border-color: rgba(255,49,76,.72); background: rgba(255,49,76,.15); }

.rust-chat-form {
  padding: 14px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  border-top: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.24);
}
.rust-chat-form input { min-height: 46px; padding: 0 15px; color: #fff; outline: none; }
.rust-chat-form button { min-width: 100px; border: 1px solid rgba(255,94,116,.7); border-radius: 11px; background: linear-gradient(135deg, #ae0c22, #f42a46); color: #fff; font-size: 9px; font-weight: 900; box-shadow: 0 10px 26px rgba(174,12,34,.22); }

.rust-logs-panel {
  margin: 0 0 28px;
  padding: 22px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(20,17,24,.94), rgba(7,7,10,.96));
  box-shadow: 0 30px 90px rgba(0,0,0,.4);
}
.rust-logs-heading { margin-bottom: 18px; display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.rust-logs-heading span { color: var(--accent2); font-size: 8px; font-weight: 900; letter-spacing: .18em; }
.rust-logs-heading h2 { margin: 5px 0 0; font-size: 30px; }
.rust-log-dates { padding: 10px 13px; display: grid; gap: 3px; border: 1px solid rgba(71,229,138,.22); border-radius: 11px; background: rgba(71,229,138,.06); text-align: right; }
.rust-log-dates strong { color: #58e895; font-size: 9px; }
.rust-log-dates small { color: var(--muted); font-size: 8px; }
.rust-logs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }
.rust-log-card { min-height: 178px; padding: 18px; position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,.09); border-radius: 16px; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); }
.rust-log-card::after { content: ""; position: absolute; right: -36px; bottom: -45px; width: 120px; height: 120px; border-radius: 50%; background: var(--card-glow, rgba(255,49,76,.12)); filter: blur(6px); }
.rust-log-card > * { position: relative; z-index: 1; }
.rust-log-card > span { color: var(--accent2); font-size: 7px; font-weight: 900; letter-spacing: .18em; }
.rust-log-card h3 { margin: 7px 0 13px; font-size: 18px; }
.rust-log-card p, .rust-log-card li { color: var(--muted); font-size: 10px; line-height: 1.6; }
.rust-log-card ul { margin: 9px 0 0; padding-left: 17px; }
.rust-log-value { color: #fff; font-size: 15px; }
.rust-log-number { display: block; margin-top: 24px; color: #fff; font-size: 38px; letter-spacing: -.05em; }
.rust-log-card.access { --card-glow: rgba(71,229,138,.15); }
.rust-log-card.denied { --card-glow: rgba(255,83,83,.17); border-color: rgba(255,83,83,.2); }
.rust-log-card.denied > span, .rust-log-card.denied .rust-log-value { color: #ff6b72; }
.rust-log-card.boom { --card-glow: rgba(255,157,45,.17); }
.rust-log-card.boom > span { color: #ffad55; }
.rust-log-card.resource { --card-glow: rgba(255,220,75,.13); }
.rust-log-card.guns { --card-glow: rgba(73,154,255,.15); }
.rust-log-card.guns > span { color: #67aaff; }
.rust-resource-list { display: flex; gap: 8px; flex-wrap: wrap; }
.rust-resource-list b { min-width: 62px; padding: 8px 9px; display: grid; gap: 2px; border: 1px solid rgba(255,255,255,.08); border-radius: 9px; background: rgba(0,0,0,.18); color: #fff; font-size: 15px; }
.rust-resource-list small { color: var(--muted); font-size: 7px; font-weight: 700; text-transform: uppercase; }
.rust-movement-panel { margin-top: 14px; overflow: hidden; border: 1px solid rgba(255,73,86,.25); border-radius: 16px; background: linear-gradient(135deg, rgba(129,15,29,.14), rgba(255,255,255,.025)); }
.rust-movement-title { padding: 14px 17px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid rgba(255,73,86,.16); }
.rust-movement-title span { color: #ff6672; font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.rust-movement-title strong { color: var(--muted); font-size: 9px; }
.rust-timeline { padding: 18px; display: grid; gap: 16px; }
.rust-timeline > div { display: grid; grid-template-columns: 56px 1fr; gap: 14px; position: relative; }
.rust-timeline > div:not(:last-child)::after { content: ""; position: absolute; left: 27px; top: 33px; bottom: -17px; width: 1px; background: rgba(255,83,94,.28); }
.rust-timeline time { width: 56px; height: 30px; display: grid; place-items: center; border: 1px solid rgba(255,83,94,.3); border-radius: 8px; background: rgba(255,83,94,.09); color: #ff7c86; font-size: 9px; font-weight: 900; }
.rust-timeline p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
.rust-timeline p strong { display: block; margin-bottom: 3px; color: #fff; font-size: 11px; }

.wolf-watermark {
  border-radius: 12px;
  background: rgba(7,6,9,.72);
  box-shadow: 0 12px 34px rgba(0,0,0,.3);
}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #070609; }
::-webkit-scrollbar-thumb { border: 3px solid #070609; border-radius: 20px; background: linear-gradient(var(--accent), var(--accent2)); }

@media (max-width: 1050px) {
  .topbar { padding: 0 18px; }
  .nav { justify-content: flex-start; }
  .gallery { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 760px) {
  .topbar { height: 68px; flex-basis: 68px; padding: 0 12px; }
  .nav { top: 68px; margin: 0 10px; border-radius: 0 0 16px 16px; box-shadow: var(--modern-shadow); }
  .nav-btn { width: 100%; text-align: left; padding: 0 16px; }
  .content { width: min(100% - 24px, 1240px); padding: 34px 0 74px; }
  .head h1, h1 { font-size: 40px; }
  .gallery { grid-template-columns: 1fr; }
  .gallery-shot { height: 220px; }
  .server-tabs, .community-tabs, .rules-tabs, .store-tabs, .gallery-tabs { width: 100%; overflow-x: auto; flex-wrap: nowrap; }
  .server-tab, .store-tab, .gallery-tab { flex: 0 0 auto; }
  .rust-chat-messages { min-height: 360px; padding: 14px; }
  .rust-chat-message { max-width: 91%; }
  .rust-chat-form { grid-template-columns: 1fr; }
  .rust-chat-form button { min-height: 42px; }
  .rust-logs-panel { padding: 14px; }
  .rust-logs-heading { align-items: stretch; flex-direction: column; }
  .rust-log-dates { text-align: left; }
  .rust-logs-grid { grid-template-columns: 1fr; }
  .rust-timeline > div { grid-template-columns: 48px 1fr; gap: 10px; }
  .rust-timeline time { width: 48px; }
  .rust-timeline > div:not(:last-child)::after { left: 23px; }
  .gallery-lightbox { padding: 70px 12px 18px; grid-template-columns: 44px minmax(0,1fr) 44px; gap: 5px; }
  .gallery-lightbox-nav { width: 42px; height: 58px; }
  .gallery-lightbox img { max-height: calc(100vh - 145px); }
  .support-ai-messages { min-height: 330px; padding: 14px; }
  .support-ai-message { max-width: 92%; }
  .support-ai-form { grid-template-columns: 1fr; }
  .support-ai-form button { min-height: 42px; }
  .wolf-watermark { bottom: 7px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}