@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap");

:root {
--farm-font: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, Tahoma, sans-serif;
--farm-ease: cubic-bezier(0.25, 0.08, 0.25, 1);
--farm-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
--farm-radius-sm: 10px;
--farm-radius-md: 12px;
--farm-radius-lg: 14px;
--farm-radius-xl: 18px;
--farm-bg-top: #f6f3e9;
--farm-bg-bottom: #dbe6cc;
--farm-bg-overlay-top: rgba(245, 241, 230, 0.82);
--farm-bg-overlay-bottom: rgba(210, 220, 198, 0.88);
--farm-text: #1e241c;
--farm-shell: #faf7f1;
--farm-border: #d4c9ae;
--farm-divider: #ddd2ba;
--farm-shadow: rgba(42, 38, 28, 0.09);
--farm-shadow-deep: rgba(42, 38, 28, 0.14);
--farm-panel-top: #faf4e8;
--farm-panel-bottom: #ebe0c8;
--farm-soft: #f7f2e8;
--farm-soft-2: #f0e6ce;
--farm-card: #fffdf9;
--farm-subtle: #5c574c;
--farm-link: #4a6b24;
--farm-link-hover: #344918;
--farm-accent: #b8942e;
--farm-accent-soft: rgba(184, 148, 46, 0.14);
--farm-focus: rgba(74, 107, 36, 0.42);
--farm-pill: #f0e4b8;
--farm-pill-border: #cbb882;
--farm-pill-text: #4a3d14;
--farm-highlight-top: #fffdf7;
--farm-highlight-bottom: #f2e8cf;
--farm-highlight-border: #cfc0a0;
--farm-alert-bg: #fff1e8;
--farm-alert-border: #dfb8a2;
--farm-alert-text: #9a5a3d;
--farm-track: #eadcbf;
--farm-progress-top: #c4932e;
--farm-progress-bottom: #8a6520;
--farm-progress-done-top: #7fa348;
--farm-progress-done-bottom: #4f6d2e;
--farm-primary-top: #5a8a3a;
--farm-primary-bottom: #3d6128;
--farm-shell-shadow: 0 20px 48px rgba(42, 38, 28, 0.1), 0 2px 0 rgba(255, 255, 255, 0.45) inset;
--farm-card-lift: 0 10px 28px rgba(42, 38, 28, 0.07);
}

html {
min-height: 100%;
background: #ebe4cf url("../images/backgrounds/farm-animals-bg.jpg") center center / cover no-repeat fixed;
-webkit-text-size-adjust: 100%;
}

body {
margin: 0;
padding: 10px;
min-height: 100vh;
background: linear-gradient(180deg, var(--farm-bg-overlay-top) 0%, var(--farm-bg-overlay-bottom) 100%);
color: var(--farm-text);
font-family: var(--farm-font);
font-size: 13px;
font-weight: 400;
line-height: 1.58;
letter-spacing: 0.01em;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}

* {
box-sizing: border-box;
}

:focus {
outline: none;
}

:focus-visible {
outline: 2px solid var(--farm-focus);
outline-offset: 2px;
}

button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
a:focus-visible {
outline-offset: 3px;
}

img {
max-width: 100%;
height: auto;
border: 0;
}

table {
max-width: 100%;
}

small {
font-size: 12px;
}

.in {
max-width: 860px;
width: 100%;
min-width: 0;
margin: 0 auto;
position: relative;
z-index: 1;
background: linear-gradient(180deg, #fffefb 0%, var(--farm-shell) 42%, #f3ebe0 100%);
border: 1px solid var(--farm-border);
border-radius: 22px 22px 0 0;
box-shadow: var(--farm-shell-shadow);
overflow: hidden;
overflow-x: clip;
box-sizing: border-box;
}

.head2 {
padding: 14px 14px 12px;
background: linear-gradient(180deg, var(--farm-panel-top) 0%, var(--farm-panel-bottom) 100%);
border-bottom: 1px solid var(--farm-divider);
text-align: center;
color: var(--farm-text);
font-weight: 700;
font-size: 14px;
letter-spacing: 0.02em;
}

.farm-banner {
display: block;
margin: -14px -14px 0;
padding: 18px 12px;
width: calc(100% + 28px);
background: url("../images/banner_bg.jpg") center center / cover no-repeat;
}

.farm-banner-logo {
display: block;
margin: 0 auto;
max-width: 320px;
width: 100%;
height: auto;
}

.header-split-nav {
display: grid;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
align-items: stretch;
margin: 10px -14px 0;
width: calc(100% + 28px);
border-top: 1px solid rgba(0, 0, 0, 0.06);
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
overflow: hidden;
}

.header-split-link {
display: flex;
align-items: center;
justify-content: center;
padding: 12px 12px;
font-weight: 600;
font-size: 13px;
text-decoration: none;
color: #2c2618;
min-width: 0;
text-align: center;
overflow-wrap: anywhere;
transition: filter 0.2s var(--farm-ease), background 0.2s var(--farm-ease), color 0.2s var(--farm-ease);
}

.header-split-link.left {
background: linear-gradient(180deg, #f2e2b0 0%, #dfc88a 100%);
}

.header-split-link.right {
background: linear-gradient(180deg, #e3ecd4 0%, #c9d9b0 100%);
}

.header-split-link:hover,
.header-split-link:focus {
filter: brightness(1.02);
text-decoration: none;
}

.header-split-divider {
width: 1px;
flex-shrink: 0;
background: rgba(0, 0, 0, 0.10);
}

.header-nav {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 6px;
margin-top: 8px;
}

.head {
padding: 0;
margin: 0;
text-align: center;
}

.tp {
height: 1px;
margin: 0 14px;
padding: 0;
background: var(--farm-divider);
color: transparent;
font-size: 0;
}

.meniu {
margin: 0;
padding: 12px 14px;
max-width: 100%;
background: transparent;
border: 0;
text-align: left;
overflow-wrap: break-word;
word-wrap: break-word;
overflow-x: clip;
}

.topikas {
padding: 10px 12px;
background: var(--farm-soft);
border: 1px solid var(--farm-border);
border-radius: var(--farm-radius-md);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.intro-card {
animation: intro-fade-in 420ms ease-out both;
}

@keyframes intro-fade-in {
from {
opacity: 0;
transform: translateY(6px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

.eilute,
.eilute2,
.eilute3 {
margin: 0 0 6px;
padding: 8px 10px;
background: var(--farm-card);
border: 1px solid var(--farm-border);
border-radius: var(--farm-radius-sm);
text-align: left;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.85) inset;
}

.tvirsus {
padding: 8px 10px;
background: var(--farm-soft-2);
border: 1px solid var(--farm-border);
border-radius: 10px;
text-align: center;
color: #6f5d47;
}

.info,
.end {
padding: 10px 14px;
background: var(--farm-soft-2);
border-top: 1px solid var(--farm-divider);
text-align: center;
color: var(--farm-subtle);
}

.end {
max-width: 860px;
width: 100%;
margin: 0 auto 18px;
padding: 12px 16px;
background: linear-gradient(180deg, var(--farm-panel-top) 0%, var(--farm-panel-bottom) 100%);
border: 1px solid var(--farm-divider);
border-top: 0;
border-radius: 0 0 22px 22px;
box-shadow: 0 14px 32px var(--farm-shadow);
font-weight: 600;
font-size: 12px;
letter-spacing: 0.04em;
box-sizing: border-box;
}

a,
a:link,
a:active,
a:visited {
color: var(--farm-link);
text-decoration: none;
transition: color 0.2s var(--farm-ease), background-color 0.2s var(--farm-ease), border-color 0.2s var(--farm-ease), box-shadow 0.2s var(--farm-ease), transform 0.15s var(--farm-ease);
}

a:hover,
a:focus {
color: var(--farm-link-hover);
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}

a.headbuton {
display: inline-block;
margin: 3px 4px;
padding: 8px 14px;
background: linear-gradient(180deg, var(--farm-pill) 0%, #e2d29a 100%);
border: 1px solid var(--farm-pill-border);
border-radius: 999px;
color: var(--farm-pill-text);
font-weight: 600;
font-size: 12px;
box-shadow: 0 2px 0 rgba(255, 255, 255, 0.55) inset, 0 6px 16px rgba(42, 38, 28, 0.08);
transition: transform 0.15s var(--farm-ease), box-shadow 0.2s var(--farm-ease), filter 0.2s var(--farm-ease), border-color 0.2s var(--farm-ease);
touch-action: manipulation;
}

a.headbuton:hover,
a.headbuton:focus {
text-decoration: none;
filter: brightness(1.03);
}

a.headbuton:active {
transform: scale(0.98);
}

.menu-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
margin-top: 8px;
}

.menu-card {
display: block;
padding: 10px 11px;
background: var(--farm-card);
border: 1px solid var(--farm-border);
border-radius: var(--farm-radius-md);
min-height: 76px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 4px 14px rgba(42, 38, 28, 0.05);
transition: border-color 0.2s var(--farm-ease), box-shadow 0.2s var(--farm-ease), transform 0.18s var(--farm-ease-out);
}

.menu-card:hover {
border-color: var(--farm-highlight-border);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 8px 20px rgba(42, 38, 28, 0.08);
transform: translateY(-1px);
}

.menu-card.highlight {
background: linear-gradient(180deg, var(--farm-highlight-top) 0%, var(--farm-highlight-bottom) 100%);
border-color: var(--farm-highlight-border);
}

.menu-card.alert {
background: var(--farm-alert-bg);
border-color: var(--farm-alert-border);
}

.news-cta {
position: relative;
overflow: hidden;
}

.news-dot {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 8px;
border-radius: 999px;
background: #e96b3c;
box-shadow: 0 0 0 0 rgba(233, 107, 60, 0.45);
animation: news-dot-pulse 1.4s ease-in-out infinite;
vertical-align: middle;
}

@keyframes news-dot-pulse {
0% { box-shadow: 0 0 0 0 rgba(233, 107, 60, 0.45); }
70% { box-shadow: 0 0 0 10px rgba(233, 107, 60, 0); }
100% { box-shadow: 0 0 0 0 rgba(233, 107, 60, 0); }
}

.news-badge {
position: absolute;
top: 10px;
right: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 3px 8px;
border-radius: 999px;
background: #e96b3c;
color: #fff;
font-size: 10px;
font-weight: bold;
letter-spacing: 0.04em;
text-transform: uppercase;
}

.day-prizes {
display: grid;
gap: 10px;
padding: 10px 12px;
background: rgba(255, 253, 248, 0.82);
border: 1px solid var(--farm-border);
border-radius: 14px;
}

.day-prizes-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}

.day-prizes-title {
font-weight: bold;
color: var(--farm-text);
}

.day-prizes-help {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 999px;
background: var(--farm-pill);
border: 1px solid var(--farm-pill-border);
color: var(--farm-pill-text);
text-decoration: none;
}

.day-prizes-help:hover,
.day-prizes-help:focus {
background: #f6e5b7;
text-decoration: none;
}

.podium {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
align-items: end;
}

.podium-step {
padding: 8px 8px 10px;
border-radius: 12px;
border: 1px solid var(--farm-border);
text-align: center;
box-shadow: 0 10px 18px rgba(78, 68, 41, 0.05);
}

.podium-rank {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 999px;
margin-bottom: 6px;
font-weight: bold;
font-size: 11px;
border: 1px solid rgba(0, 0, 0, 0.06);
}

.podium-prize {
font-weight: bold;
font-size: 11px;
color: var(--farm-text);
}

.podium-first {
background: linear-gradient(180deg, #fff2c6 0%, #edd28b 100%);
transform: translateY(-4px);
}

.podium-first .podium-rank {
background: #d7a307;
color: #fff;
}

.podium-second {
background: linear-gradient(180deg, #f3f6fb 0%, #d6deea 100%);
}

.podium-second .podium-rank {
background: #7d8a9d;
color: #fff;
}

.podium-third {
background: linear-gradient(180deg, #f8e3d7 0%, #e9c1a8 100%);
}

.podium-third .podium-rank {
background: #a96a4a;
color: #fff;
}

.live-news-row {
text-align: center;
}

.live-dot {
display: inline-block;
width: 9px;
height: 9px;
margin-right: 8px;
border-radius: 999px;
background: #e96b3c;
box-shadow: 0 0 0 0 rgba(233, 107, 60, 0.45);
animation: live-dot-pulse 1.2s ease-in-out infinite;
vertical-align: middle;
}

@keyframes live-dot-pulse {
0% { box-shadow: 0 0 0 0 rgba(233, 107, 60, 0.45); }
70% { box-shadow: 0 0 0 10px rgba(233, 107, 60, 0); }
100% { box-shadow: 0 0 0 0 rgba(233, 107, 60, 0); }
}

.live-news-badge {
display: inline-block;
margin-left: 6px;
padding: 2px 8px;
border-radius: 999px;
background: rgba(233, 107, 60, 0.14);
border: 1px solid rgba(233, 107, 60, 0.25);
color: #b84f2b;
font-size: 10px;
font-weight: bold;
}

.chat-toolbar {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 8px 10px;
border: 1px solid var(--farm-border);
border-radius: var(--farm-radius-lg);
background: rgba(255, 253, 248, 0.92);
box-shadow: var(--farm-card-lift);
}

.chat-compose {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
max-width: 520px;
}

.chat-input {
flex: 1;
min-width: 0;
width: auto;
}

.chat-send {
flex-shrink: 0;
width: 40px;
height: 36px;
border-radius: var(--farm-radius-md);
border: 1px solid var(--farm-pill-border);
background: linear-gradient(180deg, #f8ecc4 0%, #e2cc88 100%);
color: var(--farm-pill-text);
font-weight: 600;
font-size: 15px;
line-height: 1;
cursor: pointer;
box-shadow: 0 2px 0 rgba(255, 255, 255, 0.5) inset, 0 6px 14px rgba(42, 38, 28, 0.1);
transition: background 0.2s var(--farm-ease), box-shadow 0.2s var(--farm-ease), transform 0.12s var(--farm-ease), border-color 0.2s var(--farm-ease);
touch-action: manipulation;
}

.chat-send:hover,
.chat-send:focus {
background: linear-gradient(180deg, #fff2d0 0%, #e8d49a 100%);
box-shadow: 0 2px 0 rgba(255, 255, 255, 0.55) inset, 0 8px 18px rgba(42, 38, 28, 0.12);
}

.chat-send:active {
transform: scale(0.96);
}

.chat-refresh {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 36px;
border-radius: var(--farm-radius-md);
border: 1px solid var(--farm-pill-border);
background: rgba(255, 255, 255, 0.75);
text-decoration: none;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset;
transition: background 0.2s var(--farm-ease), transform 0.12s var(--farm-ease), box-shadow 0.2s var(--farm-ease);
touch-action: manipulation;
}

.chat-refresh:hover,
.chat-refresh:focus {
background: rgba(255, 255, 255, 0.98);
text-decoration: none;
}

.chat-refresh:active {
transform: scale(0.96);
}

.nick {
display: inline-flex;
align-items: center;
gap: 5px;
}

.nick-emoji {
display: inline-block;
}

.nick-fx-glow {
text-shadow: 0 0 10px rgba(0, 0, 0, 0.18), 0 0 12px currentColor;
}

.nick-fx-grad {
background: linear-gradient(90deg, var(--nick-color), #e96b3c, var(--nick-color));
background-size: 200% 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent !important;
animation: nick-grad 2.8s ease-in-out infinite;
}

@keyframes nick-grad {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

.nick-fx-rainbow {
background: linear-gradient(90deg, #ff4d4d, #ffcc00, #2ecc71, #1abcff, #b070ff, #ff4d4d);
background-size: 300% 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent !important;
animation: nick-rainbow 3.2s linear infinite;
}

@keyframes nick-rainbow {
0% { background-position: 0% 50%; }
100% { background-position: 100% 50%; }
}

.nick-fx-neon {
text-shadow: 0 0 8px rgba(233, 107, 60, 0.35), 0 0 14px rgba(106, 134, 66, 0.28);
}

.nick-style-card {
margin: 10px auto 0;
max-width: 520px;
padding: 10px 12px;
border-radius: 14px;
border: 1px solid var(--farm-border);
background: rgba(255, 253, 248, 0.88);
box-shadow: 0 10px 18px rgba(78, 68, 41, 0.05);
text-align: left;
}

.nick-style-title {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 10px;
font-weight: bold;
color: var(--farm-text);
}

.nick-style-price {
font-size: 11px;
color: var(--farm-subtle);
font-weight: bold;
}

.nick-style-preview {
margin-top: 8px;
padding: 8px 10px;
border-radius: 12px;
border: 1px dashed var(--farm-divider);
text-align: center;
}

.nick-style-form {
margin-top: 10px;
display: grid;
gap: 8px;
}

.nick-style-label {
font-size: 11px;
color: var(--farm-subtle);
font-weight: bold;
text-align: left;
}

.nick-style-input,
.nick-style-select {
width: 100%;
}

.nick-style-submit {
display: inline-block;
width: 100%;
padding: 10px 14px;
border: 1px solid var(--farm-pill-border);
border-radius: var(--farm-radius-md);
background: linear-gradient(180deg, #f8ecc4 0%, #e2cc88 100%);
color: var(--farm-pill-text);
font-weight: 600;
font-size: 13px;
box-shadow: 0 2px 0 rgba(255, 255, 255, 0.5) inset, 0 6px 16px rgba(42, 38, 28, 0.08);
transition: filter 0.2s var(--farm-ease), transform 0.12s var(--farm-ease);
touch-action: manipulation;
}

.nick-style-submit:hover,
.nick-style-submit:focus {
filter: brightness(1.03);
}

.nick-style-submit:active {
transform: scale(0.99);
}

.nick-style-trigger {
	margin: 10px auto 0;
	max-width: 520px;
	display: flex;
	justify-content: center;
}

.nick-style-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 9px 16px;
	border-radius: 999px;
	border: 1px solid var(--farm-pill-border);
	background: linear-gradient(180deg, #f8ecc4 0%, #e2cc88 100%);
	color: var(--farm-pill-text);
	font-weight: 600;
	font-size: 13px;
	text-decoration: none;
	box-shadow: 0 2px 0 rgba(255, 255, 255, 0.5) inset, 0 8px 20px rgba(42, 38, 28, 0.1);
	transform: translateY(0);
	transition: transform 0.2s var(--farm-ease-out), box-shadow 0.2s var(--farm-ease), filter 0.2s var(--farm-ease);
	touch-action: manipulation;
}

.nick-style-btn:hover,
.nick-style-btn:focus {
	text-decoration: none;
	filter: brightness(1.02);
	transform: translateY(-2px);
	box-shadow: 0 2px 0 rgba(255, 255, 255, 0.55) inset, 0 12px 26px rgba(42, 38, 28, 0.12);
}

.nick-style-btn:active {
	transform: translateY(0);
	box-shadow: 0 2px 0 rgba(255, 255, 255, 0.45) inset, 0 4px 12px rgba(42, 38, 28, 0.08);
}

.online-stats {
display: grid;
gap: 8px;
max-width: 520px;
margin: 0 auto;
padding: 12px 14px;
border-radius: var(--farm-radius-lg);
border: 1px solid var(--farm-border);
background: linear-gradient(180deg, rgba(255, 253, 248, 0.95) 0%, rgba(247, 242, 232, 0.92) 100%);
box-shadow: 0 2px 0 rgba(255, 255, 255, 0.75) inset, var(--farm-card-lift);
}

.online-now-link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
text-decoration: none;
color: var(--farm-text);
}

.online-dot {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 999px;
background: #2ecc71;
box-shadow: 0 0 0 0 rgba(46, 204, 113, 0.45);
animation: online-dot-pulse 1.2s ease-in-out infinite;
}

@keyframes online-dot-pulse {
0% { box-shadow: 0 0 0 0 rgba(46, 204, 113, 0.45); }
70% { box-shadow: 0 0 0 10px rgba(46, 204, 113, 0); }
100% { box-shadow: 0 0 0 0 rgba(46, 204, 113, 0); }
}

.online-now {
display: inline-block;
padding: 1px 8px;
border-radius: 999px;
background: rgba(46, 204, 113, 0.12);
border: 1px solid rgba(46, 204, 113, 0.18);
}

.online-max {
font-size: 11px;
color: var(--farm-subtle);
}

.online-max-val {
display: inline-block;
padding: 1px 8px;
border-radius: 999px;
background: rgba(215, 163, 7, 0.12);
border: 1px solid rgba(215, 163, 7, 0.18);
color: #6b4f00;
}

.modal-overlay {
display: none;
position: fixed;
inset: 0;
padding: 16px;
background: rgba(0, 0, 0, 0.35);
backdrop-filter: blur(2px);
z-index: 9999;
}

.modal-overlay:target {
display: flex;
align-items: center;
justify-content: center;
}

.modal-card {
width: min(520px, 100%);
max-height: min(70vh, 560px);
display: grid;
grid-template-rows: auto 1fr auto;
background: rgba(255, 253, 248, 0.92);
border: 1px solid rgba(255, 255, 255, 0.35);
border-radius: 16px;
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);
overflow: hidden;
}

.modal-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 10px 12px;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.modal-title {
font-weight: 600;
font-size: 14px;
letter-spacing: 0.02em;
color: var(--farm-text);
}

.modal-close {
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 10px;
text-decoration: none;
color: var(--farm-text);
background: rgba(255, 255, 255, 0.65);
border: 1px solid rgba(0, 0, 0, 0.06);
}

.modal-body {
padding: 10px 12px;
overflow: auto;
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: center;
}

.modal-user {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 6px 10px;
border-radius: 999px;
border: 1px solid rgba(0, 0, 0, 0.08);
background: rgba(255, 255, 255, 0.65);
text-decoration: none;
}

.modal-user:hover,
.modal-user:focus {
background: rgba(255, 255, 255, 0.95);
text-decoration: none;
}

.modal-foot {
padding: 10px 12px;
border-top: 1px solid rgba(0, 0, 0, 0.06);
text-align: center;
}

.modal-link {
font-weight: bold;
text-decoration: none;
color: var(--farm-link);
}

.bug-report-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 10px 16px;
border-radius: 999px;
text-decoration: none;
font-weight: 600;
font-size: 13px;
letter-spacing: 0.02em;
color: #3a2e0c;
background: linear-gradient(180deg, #fff0b8 0%, #f0d070 100%);
border: 1px solid #c9a85a;
box-shadow: 0 2px 0 rgba(255, 255, 255, 0.55) inset, 0 8px 22px rgba(42, 38, 28, 0.12);
transition: transform 0.15s var(--farm-ease), box-shadow 0.2s var(--farm-ease), filter 0.2s var(--farm-ease);
touch-action: manipulation;
}

.bug-report-btn:hover,
.bug-report-btn:focus {
text-decoration: none;
filter: brightness(1.02);
box-shadow: 0 2px 0 rgba(255, 255, 255, 0.6) inset, 0 10px 26px rgba(42, 38, 28, 0.14);
}

.bug-report-btn:active {
transform: scale(0.98);
}

.bug-report-copy {
width: 100%;
text-align: center;
font-size: 12px;
color: var(--farm-text);
line-height: 1.45;
}

.bug-report-divider {
width: 100%;
height: 1px;
background: rgba(0, 0, 0, 0.08);
margin: 2px 0 6px;
}

.bug-report-form {
width: 100%;
display: grid;
gap: 8px;
}

.bug-report-text {
width: 100%;
min-height: 96px;
padding: 10px 10px;
border-radius: 12px;
border: 1px solid rgba(0, 0, 0, 0.12);
background: rgba(255, 255, 255, 0.85);
color: var(--farm-text);
resize: vertical;
}

.bug-report-text:focus {
outline: none;
border-color: rgba(74, 107, 36, 0.45);
box-shadow: 0 0 0 3px var(--farm-accent-soft);
}

.bug-report-submit {
width: 100%;
padding: 11px 14px;
border-radius: var(--farm-radius-md);
border: 1px solid #2d4a1f;
background: linear-gradient(180deg, var(--farm-primary-top) 0%, var(--farm-primary-bottom) 100%);
color: #fff;
font-weight: 600;
font-size: 13px;
letter-spacing: 0.03em;
cursor: pointer;
box-shadow: 0 2px 0 rgba(255, 255, 255, 0.2) inset, 0 8px 20px rgba(45, 74, 31, 0.35);
transition: filter 0.2s var(--farm-ease), box-shadow 0.2s var(--farm-ease), transform 0.12s var(--farm-ease);
touch-action: manipulation;
}

.bug-report-submit:hover,
.bug-report-submit:focus {
filter: brightness(1.05);
box-shadow: 0 2px 0 rgba(255, 255, 255, 0.22) inset, 0 10px 24px rgba(45, 74, 31, 0.4);
}

.bug-report-submit:active {
transform: scale(0.99);
}

.menu-card-title {
display: block;
font-size: 13px;
font-weight: bold;
color: var(--farm-text);
}

.menu-card-desc,
.menu-card-meta {
display: block;
margin-top: 4px;
font-size: 11px;
color: var(--farm-subtle);
}

.menu-card-badge {
display: inline-block;
margin-top: 7px;
padding: 3px 7px;
background: var(--farm-pill);
border-radius: 999px;
font-size: 11px;
color: var(--farm-pill-text);
}

.link-stack {
margin-top: 8px;
}

.link-row {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 8px;
margin-bottom: 6px;
padding: 8px 10px;
background: var(--farm-card);
border: 1px solid var(--farm-border);
border-radius: 10px;
}

.link-row-main {
display: block;
min-width: 0;
}

.link-row-title {
display: block;
font-weight: bold;
color: var(--farm-text);
}

.link-row-desc,
.link-row-meta {
display: block;
margin-top: 3px;
font-size: 11px;
color: var(--farm-subtle);
}

.link-badge {
display: inline-block;
padding: 3px 7px;
background: var(--farm-pill);
border-radius: 999px;
font-size: 11px;
color: var(--farm-pill-text);
white-space: nowrap;
}

.activity-list {
display: grid;
gap: 6px;
margin-top: 8px;
}

.activity-row {
display: flex;
align-items: flex-start;
gap: 9px;
padding: 9px 10px;
background: var(--farm-card);
border: 1px solid var(--farm-border);
border-radius: 10px;
}

.activity-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
padding: 4px;
background: var(--farm-soft);
border: 1px solid var(--farm-border);
border-radius: 9px;
flex-shrink: 0;
}

.activity-icon img {
display: block;
max-width: 100%;
max-height: 100%;
}

.activity-main {
display: block;
min-width: 0;
flex: 1;
}

.activity-title {
display: block;
font-weight: bold;
color: var(--farm-text);
line-height: 1.35;
}

.activity-meta {
display: block;
margin-top: 3px;
font-size: 11px;
color: var(--farm-subtle);
}

.activity-side {
display: grid;
gap: 4px;
justify-items: end;
text-align: right;
flex-shrink: 0;
}

.activity-badge,
.activity-time {
display: inline-block;
padding: 3px 7px;
border-radius: 999px;
font-size: 11px;
white-space: nowrap;
}

.activity-badge {
background: var(--farm-pill);
color: var(--farm-pill-text);
}

.activity-time {
background: var(--farm-soft);
border: 1px solid var(--farm-border);
color: var(--farm-subtle);
}

.stat-list {
display: grid;
gap: 6px;
margin-top: 8px;
}

.status-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
margin-top: 8px;
}

.status-card {
padding: 10px;
background: linear-gradient(180deg, var(--farm-card) 0%, var(--farm-soft) 100%);
border: 1px solid var(--farm-border);
border-radius: 12px;
}

.status-label {
display: block;
font-size: 11px;
font-weight: bold;
color: var(--farm-subtle);
text-transform: uppercase;
letter-spacing: 0.04em;
}

.status-value {
display: block;
margin-top: 4px;
font-size: 16px;
font-weight: bold;
color: var(--farm-text);
}

.status-track {
display: block;
height: 7px;
margin-top: 8px;
background: var(--farm-track);
border-radius: 999px;
overflow: hidden;
}

.status-fill {
display: block;
height: 100%;
border-radius: 999px;
background: linear-gradient(90deg, var(--farm-progress-top) 0%, var(--farm-progress-bottom) 100%);
}

.status-card.energy .status-fill {
background: linear-gradient(90deg, #e0b44d 0%, #b78629 100%);
}

.status-card.hunger .status-fill {
background: linear-gradient(90deg, #d88352 0%, #bb5e2d 100%);
}

.status-card.clean .status-fill {
background: linear-gradient(90deg, #8bb57f 0%, #5f8f53 100%);
}

.stat-row {
display: flex;
justify-content: space-between;
gap: 8px;
padding: 8px 10px;
background: var(--farm-card);
border: 1px solid var(--farm-border);
border-radius: 10px;
}

.stat-label {
color: var(--farm-subtle);
}

.stat-value {
font-weight: bold;
color: var(--farm-text);
text-align: right;
}

.stat-emoji {
display: inline-block;
width: 18px;
text-align: center;
margin-right: 6px;
}

.stat-pulse {
display: inline-block;
animation: stat-pulse 1.4s ease-in-out infinite;
}

@keyframes stat-pulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.06); }
}

.stat-uptime {
margin-top: 10px;
padding: 8px 10px;
text-align: center;
font-size: 11px;
color: var(--farm-subtle);
background: rgba(255, 253, 248, 0.82);
border: 1px dashed var(--farm-divider);
border-radius: 10px;
}

.quick-links {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 8px;
}

.quick-link {
display: inline-block;
padding: 5px 10px;
background: linear-gradient(180deg, var(--farm-pill) 0%, #e8d9a4 100%);
border: 1px solid var(--farm-pill-border);
border-radius: 999px;
font-size: 11px;
font-weight: 500;
color: var(--farm-pill-text);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.45) inset;
transition: filter 0.2s var(--farm-ease), transform 0.12s var(--farm-ease);
}

.quick-link:hover,
.quick-link:focus {
filter: brightness(1.03);
}

.icon-menu {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
margin: 8px auto 0;
max-width: min(560px, 100%);
width: 100%;
min-width: 0;
box-sizing: border-box;
}

.icon-link {
position: relative;
display: grid;
grid-template-columns: 40px 1fr;
grid-template-rows: auto auto;
align-items: center;
column-gap: 10px;
row-gap: 2px;
padding: 12px 12px;
background: linear-gradient(180deg, var(--farm-card) 0%, var(--farm-soft) 100%);
border: 1px solid var(--farm-border);
border-radius: var(--farm-radius-lg);
min-width: 0;
min-height: 78px;
text-align: left;
box-shadow: 0 2px 0 rgba(255, 255, 255, 0.75) inset, 0 6px 18px rgba(42, 38, 28, 0.06);
overflow: hidden;
transition: border-color 0.22s var(--farm-ease), background 0.22s var(--farm-ease), box-shadow 0.22s var(--farm-ease), transform 0.2s var(--farm-ease-out);
touch-action: manipulation;
}

.icon-link:hover,
.icon-link:focus {
text-decoration: none;
border-color: var(--farm-highlight-border);
background: linear-gradient(180deg, var(--farm-highlight-top) 0%, var(--farm-highlight-bottom) 100%);
box-shadow: 0 2px 0 rgba(255, 255, 255, 0.85) inset, 0 12px 28px rgba(42, 38, 28, 0.1);
transform: translateY(-1px);
}

.icon-link:active {
transform: translateY(0);
box-shadow: 0 2px 0 rgba(255, 255, 255, 0.7) inset, 0 4px 12px rgba(42, 38, 28, 0.07);
}

.icon-link.highlight {
background: linear-gradient(180deg, var(--farm-highlight-top) 0%, var(--farm-highlight-bottom) 100%);
border-color: var(--farm-highlight-border);
}

.icon-link.alert {
background: var(--farm-alert-bg);
border-color: var(--farm-alert-border);
}

.icon-link-mark {
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 10px;
background: var(--farm-pill);
border: 1px solid var(--farm-pill-border);
font-size: 16px;
font-weight: bold;
line-height: 1;
color: var(--farm-pill-text);
grid-row: 1 / span 2;
}

.icon-link.alert .icon-link-mark {
background: #f8ddd0;
border-color: var(--farm-alert-border);
color: var(--farm-alert-text);
}

.icon-link-main {
display: block;
min-width: 0;
}

.icon-link-title {
display: block;
min-width: 0;
font-size: 12px;
font-weight: 600;
color: var(--farm-text);
line-height: 1.35;
overflow-wrap: anywhere;
word-break: break-word;
}

.icon-link-meta {
display: block;
min-width: 0;
font-size: 11px;
color: var(--farm-subtle);
line-height: 1.2;
overflow-wrap: anywhere;
word-break: break-word;
}

.icon-link-badge {
position: absolute;
top: 8px;
right: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 20px;
max-width: calc(100% - 14px);
padding: 3px 7px;
background: linear-gradient(180deg, #fff8e4 0%, var(--farm-pill) 100%);
border: 1px solid var(--farm-pill-border);
border-radius: 999px;
font-size: 9px;
font-weight: 600;
letter-spacing: 0.02em;
line-height: 1.2;
color: var(--farm-pill-text);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
box-shadow: 0 1px 2px rgba(42, 38, 28, 0.08);
}

.zone-hero {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 12px;
background: linear-gradient(180deg, var(--farm-panel-top) 0%, var(--farm-panel-bottom) 100%);
border: 1px solid var(--farm-border);
border-radius: 12px;
}

.zone-hero img {
width: 42px;
height: auto;
flex-shrink: 0;
}

.machine-photo {
display: block;
max-width: 210px;
margin: 0 auto 10px;
padding: 10px;
background: linear-gradient(180deg, #fbf6ea 0%, #f0e6cd 100%);
border: 1px solid var(--farm-border);
border-radius: 14px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.zone-hero-title {
display: block;
font-size: 13px;
font-weight: bold;
color: var(--farm-text);
}

.zone-hero-note {
display: block;
margin-top: 2px;
font-size: 11px;
color: var(--farm-subtle);
}

.progress-list {
display: grid;
gap: 7px;
margin-top: 8px;
}

.progress-card {
padding: 8px 10px;
background: var(--farm-card);
border: 1px solid var(--farm-border);
border-radius: 11px;
}

.progress-card.active {
background: #fff9ef;
border-color: var(--farm-highlight-border);
}

.progress-card.done {
background: #f4f2e4;
border-color: #cfd5af;
}

.progress-card-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}

.progress-card-title {
font-weight: bold;
color: var(--farm-text);
}

.progress-card-status {
font-size: 10px;
font-weight: bold;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--farm-subtle);
white-space: nowrap;
}

.progress-card-note {
display: block;
margin-top: 4px;
font-size: 11px;
color: var(--farm-subtle);
}

.progress-track {
height: 7px;
margin-top: 7px;
background: var(--farm-track);
border-radius: 999px;
overflow: hidden;
}

.progress-fill {
display: block;
height: 100%;
background: linear-gradient(90deg, var(--farm-progress-top) 0%, var(--farm-progress-bottom) 100%);
border-radius: 999px;
}

.progress-card.done .progress-fill {
background: linear-gradient(90deg, var(--farm-progress-done-top) 0%, var(--farm-progress-done-bottom) 100%);
}

.progress-card-actions {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 8px;
}

.progress-link {
display: inline-block;
padding: 6px 12px;
background: linear-gradient(180deg, var(--farm-pill) 0%, #e8d9a4 100%);
border: 1px solid var(--farm-pill-border);
border-radius: 999px;
font-size: 11px;
font-weight: 600;
color: var(--farm-pill-text);
text-decoration: none;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.45) inset;
transition: filter 0.2s var(--farm-ease), transform 0.12s var(--farm-ease);
touch-action: manipulation;
}

.progress-link:hover,
.progress-link:focus {
filter: brightness(1.03);
text-decoration: none;
}

.progress-link:active {
transform: scale(0.98);
}

input[type="text"],
input[type="password"],
input[type="number"],
select,
textarea {
max-width: 100%;
padding: 8px 11px;
border: 1px solid var(--farm-border);
border-radius: var(--farm-radius-sm);
background: var(--farm-card);
color: var(--farm-text);
font: inherit;
box-shadow: inset 0 1px 2px rgba(42, 38, 28, 0.04);
transition: border-color 0.2s var(--farm-ease), box-shadow 0.2s var(--farm-ease);
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="number"]:hover,
select:hover,
textarea:hover {
border-color: #c9bc9e;
}

input[type="submit"],
input[type="button"],
button {
padding: 9px 16px;
border: 1px solid var(--farm-pill-border);
border-radius: var(--farm-radius-md);
background: linear-gradient(180deg, #f8ecc4 0%, #e2cc88 100%);
color: var(--farm-pill-text);
font: inherit;
font-weight: 600;
font-size: 13px;
letter-spacing: 0.02em;
cursor: pointer;
box-shadow: 0 2px 0 rgba(255, 255, 255, 0.5) inset, 0 6px 16px rgba(42, 38, 28, 0.08);
transition: background 0.2s var(--farm-ease), box-shadow 0.2s var(--farm-ease), transform 0.12s var(--farm-ease), border-color 0.2s var(--farm-ease), filter 0.2s var(--farm-ease);
touch-action: manipulation;
}

input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
button:focus {
background: linear-gradient(180deg, #fff2d0 0%, #e8d49a 100%);
box-shadow: 0 2px 0 rgba(255, 255, 255, 0.55) inset, 0 8px 20px rgba(42, 38, 28, 0.1);
}

input[type="submit"]:active,
input[type="button"]:active,
button:active {
transform: scale(0.98);
}

.farm-form-card {
display: grid;
gap: 9px;
max-width: 360px;
margin: 0 auto;
padding: 12px;
background: linear-gradient(180deg, #fffaf0 0%, #f4ead7 100%);
border: 1px solid var(--farm-highlight-border);
border-radius: 14px;
box-shadow: 0 10px 20px rgba(78, 68, 41, 0.06);
text-align: center;
}

.auth-row {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
margin-top: 10px;
}

.auth-card {
padding: 12px;
background: linear-gradient(180deg, var(--farm-highlight-top) 0%, var(--farm-highlight-bottom) 100%);
border: 1px solid var(--farm-highlight-border);
border-radius: 14px;
box-shadow: 0 8px 16px rgba(78, 68, 41, 0.05);
text-align: left;
}

.auth-head {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}

.auth-emoji {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 10px;
background: var(--farm-pill);
border: 1px solid var(--farm-pill-border);
font-size: 16px;
flex-shrink: 0;
}

.auth-title {
display: inline-block;
font-weight: bold;
color: var(--farm-text);
}

.auth-dot {
display: inline-block;
width: 9px;
height: 9px;
margin-right: 8px;
border-radius: 999px;
background: #6a8642;
box-shadow: 0 0 0 0 rgba(106, 134, 66, 0.35);
animation: auth-dot-pulse 1.4s ease-in-out infinite;
vertical-align: middle;
}

@keyframes auth-dot-pulse {
0% { box-shadow: 0 0 0 0 rgba(106, 134, 66, 0.35); }
70% { box-shadow: 0 0 0 10px rgba(106, 134, 66, 0); }
100% { box-shadow: 0 0 0 0 rgba(106, 134, 66, 0); }
}

.auth-form {
display: grid;
gap: 8px;
}

.auth-input {
width: 100%;
}

.auth-submit {
display: inline-block;
width: 100%;
padding: 10px 14px;
border: 1px solid var(--farm-pill-border);
border-radius: var(--farm-radius-md);
background: linear-gradient(180deg, #f8ecc4 0%, #e2cc88 100%);
color: var(--farm-pill-text);
font-weight: 600;
font-size: 13px;
text-align: center;
text-decoration: none;
box-shadow: 0 2px 0 rgba(255, 255, 255, 0.5) inset, 0 6px 16px rgba(42, 38, 28, 0.08);
transition: filter 0.2s var(--farm-ease), box-shadow 0.2s var(--farm-ease), transform 0.12s var(--farm-ease);
touch-action: manipulation;
}

.auth-submit:hover,
.auth-submit:focus {
background: linear-gradient(180deg, #fff2d0 0%, #e8d49a 100%);
text-decoration: none;
box-shadow: 0 2px 0 rgba(255, 255, 255, 0.55) inset, 0 8px 20px rgba(42, 38, 28, 0.1);
}

.auth-submit:active {
transform: scale(0.99);
}

.register-cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
margin-top: 10px;
padding: 6px 10px;
border-radius: 999px;
background: transparent;
border: 0;
color: var(--farm-link);
font-weight: bold;
text-decoration: none;
animation: register-cta-wiggle 1.3s ease-in-out infinite;
}

.register-cta:hover,
.register-cta:focus {
color: var(--farm-link-hover);
text-decoration: underline;
animation-play-state: paused;
}

@keyframes register-cta-wiggle {
0%, 100% { transform: translateX(0); }
50% { transform: translateX(2px); }
}

.auth-link {
display: inline-block;
text-align: center;
font-size: 11px;
color: var(--farm-link);
}

.info-cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
margin-top: 10px;
padding: 7px 10px;
border-radius: 999px;
background: transparent;
border: 0;
color: var(--farm-link);
font-weight: bold;
text-decoration: none;
animation: info-cta-pulse 1.2s ease-in-out infinite;
}

.info-cta:hover,
.info-cta:focus {
text-decoration: underline;
color: var(--farm-link-hover);
animation-play-state: paused;
}

@keyframes info-cta-pulse {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-2px);
}
}

@media (hover: hover) {
.auth-title {
position: relative;
}

.auth-card .auth-title {
transform: translateX(-8px);
opacity: 0;
max-width: 0;
overflow: hidden;
white-space: nowrap;
transition: transform 180ms ease, opacity 180ms ease, max-width 240ms ease;
}

.auth-card:hover .auth-title,
.auth-card:focus-within .auth-title {
transform: translateX(0);
opacity: 1;
max-width: 180px;
}
}

.farm-form-title {
display: block;
font-size: 13px;
font-weight: bold;
color: var(--farm-text);
}

.farm-form-note {
display: block;
font-size: 11px;
color: var(--farm-subtle);
line-height: 1.45;
}

.farm-asset-photo {
display: block;
max-width: 132px;
margin: 0 auto;
padding: 8px;
background: linear-gradient(180deg, #fffdf8 0%, #efe2c4 100%);
border: 1px solid var(--farm-border);
border-radius: 14px;
}

.farm-fact-list {
display: grid;
gap: 6px;
text-align: left;
}

.farm-fact {
display: block;
padding: 7px 9px;
background: rgba(255, 253, 248, 0.86);
border: 1px solid var(--farm-border);
border-radius: 10px;
font-size: 11px;
color: var(--farm-subtle);
}

.farm-fact b {
color: var(--farm-text);
}

.farm-field-grid {
display: grid;
gap: 7px;
text-align: left;
}

.farm-field-label {
display: block;
font-size: 11px;
font-weight: bold;
color: var(--farm-text);
}

.farm-input,
.farm-select {
width: 100%;
}

.farm-form-actions {
display: flex;
justify-content: center;
padding-top: 2px;
}

.farm-submit {
min-width: 116px;
}

.section-title {
display: block;
margin: 0 0 10px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #4d4a42;
}

.notice-text {
display: block;
padding: 8px 10px;
background: #fbf5e9;
border: 1px dashed var(--farm-divider);
border-radius: 10px;
color: var(--farm-subtle);
}

.action-result {
padding: 10px 11px;
background: linear-gradient(180deg, #fff9ef 0%, #f4e9d4 100%);
border: 1px solid var(--farm-highlight-border);
border-radius: 12px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.action-result-title {
display: block;
font-size: 13px;
font-weight: bold;
color: var(--farm-text);
}

.action-result-note {
display: block;
margin-top: 4px;
font-size: 11px;
color: var(--farm-subtle);
}

.action-result-list {
display: grid;
gap: 6px;
margin-top: 9px;
text-align: left;
}

.action-result-row {
display: block;
padding: 6px 8px;
background: rgba(255, 253, 248, 0.82);
border: 1px solid var(--farm-border);
border-radius: 8px;
font-size: 11px;
color: var(--farm-subtle);
}

.action-result-row b {
color: var(--farm-text);
}

.balta {
color: #ffffff;
}

.index {
color: var(--farm-text);
}

.raudona {
color: #cf4733;
}

.raudona2 {
color: #b93a2b;
}

.melyna {
color: #3766ba;
}

.zalia {
color: #67963a;
}

.zalia2 {
color: #4e7429;
}

.geltona {
color: #d3a52a;
}

.geltona2 {
color: #9b7515;
}

.pilka {
color: #8d8477;
}

.oaze {
color: #8f5871;
}

.plus_g {
color: #73983a;
}

.plus_o {
color: #b77422;
}

@media (max-width: 640px) {
html {
background-attachment: scroll;
-webkit-text-size-adjust: 100%;
overflow-x: hidden;
}

body {
padding: 8px;
font-size: 13px;
line-height: 1.58;
max-width: 100%;
overflow-x: hidden;
}

.in {
max-width: 860px;
width: 100%;
min-width: 0;
margin: 0 auto;
border-left: 1px solid var(--farm-border);
border-right: 1px solid var(--farm-border);
border-radius: 18px 18px 0 0;
box-shadow: var(--farm-shell-shadow);
overflow-x: clip;
}

.head2 {
padding: 10px 12px;
font-size: 13px;
}

.farm-banner {
margin: -10px -12px 0;
width: calc(100% + 24px);
padding: 14px 10px;
}

.farm-banner-logo {
max-width: min(86%, 520px);
height: auto;
filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.22));
}

.header-split-nav {
margin: 10px -12px 0;
width: calc(100% + 24px);
}

.header-split-link {
padding: 12px 8px;
hyphens: auto;
}

.admin-topic {
text-align: center;
}

.admin-topic-label {
display: inline-block;
padding: 2px 10px;
border-radius: 999px;
font-size: 11px;
font-weight: bold;
letter-spacing: 0.04em;
background: linear-gradient(90deg, rgba(106, 134, 66, 0.18), rgba(233, 107, 60, 0.14), rgba(106, 134, 66, 0.18));
background-size: 200% 100%;
animation: admin-topic-grad 4.6s ease-in-out infinite;
border: 1px solid rgba(0, 0, 0, 0.06);
color: var(--farm-text);
}

@keyframes admin-topic-grad {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

.admin-topic-text {
margin-top: 8px;
font-weight: bold;
}

.admin-topic-actions {
margin-top: 8px;
font-size: 11px;
}

.farm-clock {
margin: 0 auto 10px;
max-width: 860px;
width: calc(100% - 20px);
text-align: center;
padding: 9px 12px;
border-radius: 999px;
border: 1px solid var(--farm-divider);
background: linear-gradient(180deg, rgba(255, 253, 248, 0.95) 0%, rgba(247, 242, 232, 0.9) 100%);
box-shadow: 0 2px 0 rgba(255, 255, 255, 0.75) inset, var(--farm-card-lift);
font-size: 12px;
}

.farm-clock-label {
color: var(--farm-subtle);
font-weight: 600;
}

.farm-clock-time {
font-weight: bold;
background: linear-gradient(90deg, #6a8642, #e96b3c, #6a8642);
background-size: 200% 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: clock-gradient 4.2s ease-in-out infinite;
}

@keyframes clock-gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

.meniu,
.info,
.end {
padding: 10px 12px;
}

.tp {
margin: 0;
}

.topikas,
.eilute,
.eilute2,
.eilute3,
.notice-text,
.action-result,
.menu-card,
.link-row,
.activity-row,
.stat-row,
.status-card,
.icon-link,
.zone-hero,
.progress-card {
padding: 9px 10px;
border-radius: 9px;
}

.topikas,
.eilute,
.eilute2,
.eilute3,
.notice-text,
.action-result,
.stat-row,
.link-row,
.progress-card,
.farm-fact {
font-size: 12px;
line-height: 1.55;
}

.section-title,
.icon-link-title,
.menu-card-title,
.link-row-title,
.activity-title,
.status-value,
.farm-form-title,
.farm-field-label {
font-size: 13px;
}

a,
input,
select,
textarea,
button {
font-size: 13px;
}

small,
.icon-link-meta,
.menu-card-meta,
.menu-card-desc,
.farm-form-note,
.link-row-desc,
.link-row-meta,
.activity-meta,
.activity-time,
.activity-badge {
font-size: 11px;
}

.menu-card {
min-height: 0;
}

.menu-grid {
grid-template-columns: 1fr;
gap: 6px;
}

.icon-menu {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 6px;
margin-left: auto;
margin-right: auto;
max-width: min(560px, 100%);
min-width: 0;
}

.quick-links {
gap: 4px;
}

.icon-link-mark {
width: 30px;
height: 30px;
font-size: 14px;
}

.icon-link {
min-height: 74px;
padding: 11px 10px;
}

.icon-link-badge {
top: 6px;
right: 6px;
max-width: calc(100% - 12px);
}

.farm-form-card {
max-width: none;
padding: 10px;
}

.auth-row {
grid-template-columns: 1fr;
gap: 8px;
}

.status-grid {
grid-template-columns: 1fr;
}

.status-value {
font-size: 13px;
}

.farm-input,
.farm-select,
input[type="text"],
input[type="password"],
input[type="number"],
select,
textarea,
input[type="submit"],
input[type="button"],
button {
width: 100%;
min-height: 38px;
}

.farm-submit {
width: 100%;
}

table {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
font-size: 12px;
}

td,
th {
font-size: 12px;
line-height: 1.55;
white-space: normal;
}

.meniu a:not(.icon-link),
.info a,
.topikas a,
.eilute a,
.eilute2 a,
.eilute3 a {
display: inline-block;
padding: 2px 0;
}

.activity-row {
gap: 8px;
}

.activity-icon {
width: 26px;
height: 26px;
}

.activity-side {
justify-items: start;
text-align: left;
}

.end {
width: 100%;
max-width: 860px;
margin: 0 auto 12px;
border-left: 1px solid var(--farm-divider);
border-right: 1px solid var(--farm-divider);
border-radius: 0 0 18px 18px;
box-shadow: 0 12px 26px var(--farm-shadow);
}
}