:root{--animation-duration:1s;--transition-duration:0.3s;--deep-water:#0a1628;--mid-water:#1a3a5c;--surface:#2d5a7b;--shimmer:#4ecdc4;--deep-water-rgb:10,22,40;--mid-water-rgb:26,58,92;--surface-rgb:45,90,123;--deep-water-alt-rgb:15,30,50;--shimmer-rgb:78,205,196;--golden-scale:#f7b731;--coral:#ff6b6b;--foam:#f8f9fa;--fish-bg:#fff;--success:#10b981;--error:#ef4444;--teal:#00bcd4;--deep-teal:#00acc1;--nav-height:70px;--nav-height-mobile:72px;--safe-area-bottom:env(safe-area-inset-bottom,0px);--gradient-primary:linear-gradient(135deg,var(--shimmer) 0%,#3db9b1 100%);--gradient-secondary:linear-gradient(135deg,var(--golden-scale) 0%,#e67e22 100%);--gradient-tertiary:linear-gradient(135deg,var(--coral) 0%,#e74c3c 100%);--glass-bg:rgba(255,255,255,0.06);--glass-bg-hover:rgba(255,255,255,0.1);--glass-border:rgba(255,255,255,0.12);--glass-border-hover:rgba(255,255,255,0.2);--glass-blur:10px;--glass-shadow:0 4px 16px rgba(0,0,0,0.2);--glass-shadow-hover:0 8px 32px rgba(0,0,0,0.3);--glass-highlight:linear-gradient(135deg,rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.02) 100%);--glass-glow:0 0 20px rgba(var(--shimmer-rgb),0.1);--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--transition-spring:0.4s cubic-bezier(0.34,1.56,0.64,1);--z-background:-1;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:1000;--z-modal:1100;--z-toast:2000;--z-max:9999;}@media (max-width:768px){:root{--glass-blur:5px;}}[data-theme="river"]{--deep-water:#0b1f17;--mid-water:#1f4732;--surface:#2f6f52;--shimmer:#53d3a1;--deep-water-rgb:11,31,23;--mid-water-rgb:31,71,50;--surface-rgb:47,111,82;--deep-water-alt-rgb:15,40,30;--shimmer-rgb:83,211,161;--gradient-primary:linear-gradient(135deg,var(--shimmer) 0%,#3fbf83 100%);--gradient-secondary:linear-gradient(135deg,#2f6f52 0%,#1f4732 100%);}[data-theme="river"] .fish-section-tips{background:rgba(47,111,82,0.15);border:1px solid rgba(83,211,161,0.3);}[data-theme="river"] .fish-section-tips .fish-section-title{color:var(--shimmer);}[data-theme="river"] .fish-section-tips .fish-section-text{color:rgba(255,255,255,0.9);}[data-theme="river"] .tips-list li{color:rgba(255,255,255,0.85);}[data-theme="river"] .btn-primary{background:var(--gradient-primary);color:var(--deep-water);border:1px solid rgba(83,211,161,0.3);}[data-theme="river"] .btn-primary:hover{background:linear-gradient(135deg,#3fbf83 0%,var(--shimmer) 100%);box-shadow:0 10px 35px rgba(83,211,161,0.5);border-color:var(--shimmer);transform:translateY(-2px);}[data-theme="river"] .btn-secondary{background:transparent;color:var(--shimmer);border:2px solid var(--shimmer);box-shadow:none;font-weight:700;}[data-theme="river"] .btn-secondary:hover{background:var(--shimmer);color:var(--deep-water);box-shadow:0 0 25px rgba(83,211,161,0.6);border-color:var(--shimmer);transform:translateY(-2px);}[data-theme="river"] .fish-detail-actions .btn-secondary{background:transparent;color:var(--shimmer);border:2px solid var(--shimmer);}[data-theme="river"] .fish-detail-actions .btn-secondary:hover{background:var(--shimmer);color:var(--deep-water);box-shadow:0 0 25px rgba(83,211,161,0.6);}[data-theme="river"] .fish-page-link .btn{background:var(--gradient-primary);color:var(--deep-water);}[data-theme="river"] .fish-page-link .btn:hover{background:linear-gradient(135deg,#3fbf83 0%,var(--shimmer) 100%);box-shadow:0 4px 15px rgba(83,211,161,0.4);}[data-theme="light"]{--deep-water:#f0f4f8;--mid-water:#e2e8f0;--surface:#cbd5e1;--foam:#1e293b;--fish-bg:#fff;--glass-bg:rgba(0,0,0,0.04);--glass-bg-hover:rgba(0,0,0,0.08);--glass-border:rgba(0,0,0,0.08);--glass-border-hover:rgba(0,0,0,0.15);--glass-shadow:0 8px 32px rgba(0,0,0,0.1);--glass-highlight:linear-gradient(135deg,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.4) 100%);--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;}[data-theme="light"] .page-subtitle,[data-theme="light"] .page-description,[data-theme="light"] .quiz-description,[data-theme="light"] .fish-latin,[data-theme="light"] .stat-label,[data-theme="light"] .info-label,[data-theme="light"] .footer-description,[data-theme="light"] .info-block-title,[data-theme="light"] .modal-fish-latin{color:#475569;}[data-theme="light"] .nav-tab{color:rgba(30,41,59,0.7);}[data-theme="light"] .nav-tab:hover{color:#1e293b;background:rgba(0,0,0,0.08);}[data-theme="light"] .nav-tab:visited{color:rgba(30,41,59,0.7);}[data-theme="light"] .option-btn{color:#1e293b;background:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.15);}[data-theme="light"] .option-btn:hover:not(:disabled){background:rgba(0,0,0,0.08);}[data-theme="light"] .search-box{color:#1e293b;background:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.15);}[data-theme="light"] .search-box::placeholder{color:#64748b;}[data-theme="light"] .search-status,[data-theme="light"] .search-hint{color:#64748b;}[data-theme="light"] .search-clear{background:rgba(0,0,0,0.06);border-color:rgba(0,0,0,0.15);color:#475569;}[data-theme="light"] .search-chip{background:rgba(0,0,0,0.05);border-color:rgba(0,0,0,0.12);color:#475569;}[data-theme="light"] .search-hit{background:rgba(247,183,49,0.25);color:#b45309;}[data-theme="light"] .filter-btn{color:#475569;background:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.15);}[data-theme="light"] .footer-links a{color:#475569;}[data-theme="light"] .footer-bottom{color:#64748b;}[data-theme="light"] .lang-btn{color:#475569;}[data-theme="light"] .lang-btn:hover{color:#1e293b;}[data-theme="light"] .card{background:rgba(255,255,255,0.7);border-color:rgba(0,0,0,0.1);}[data-theme="light"] .stats-bar,[data-theme="light"] .question-card{background:rgba(255,255,255,0.7);border-color:rgba(0,0,0,0.1);}[data-theme="light"] .info-row{border-color:rgba(0,0,0,0.1);}[data-theme="light"] .info-block{background:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.08);}[data-theme="light"] .fish-card{background:rgba(255,255,255,0.7);border-color:rgba(0,0,0,0.1);}[data-theme="light"] .bubble{background:radial-gradient(circle at 30% 30%,rgba(var(--shimmer-rgb),0.3),rgba(var(--shimmer-rgb),0.1));}[data-theme="light"] .nav-container{background:rgba(255,255,255,0.95);}[data-theme="light"] .site-footer{background:rgba(255,255,255,0.98);}[data-theme="light"] .nav-actions{background:rgba(255,255,255,0.95);border-color:rgba(0,0,0,0.1);box-shadow:0 2px 8px rgba(0,0,0,0.1);}@media (max-width:768px){[data-theme="light"] .nav-container{background:rgba(255,255,255,0.98);}}*{margin:0;padding:0;box-sizing:border-box;}html{font-size:16px;scroll-behavior:smooth;scrollbar-gutter:stable;}html{scroll-padding-top:calc(var(--nav-height) + 1rem);}body{visibility:visible;opacity:1;}.main-container{margin-top:var(--nav-height);min-height:calc(100vh - var(--nav-height));}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background:var(--deep-water);min-height:100vh;color:var(--foam);overflow-x:hidden;scrollbar-gutter:stable;-webkit-font-smoothing:antialiased;}.water-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 20% 80%,rgba(var(--shimmer-rgb),0.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(var(--surface-rgb),0.3) 0%,transparent 50%),linear-gradient(180deg,var(--deep-water) 0%,var(--mid-water) 50%,var(--surface) 100%);}@media (max-width:768px){.water-bg{background:linear-gradient(180deg,var(--deep-water) 0%,var(--mid-water) 100%);}}.bubbles{position:fixed;inset:0;height:100%;height:100svh;z-index:-1;overflow:hidden;pointer-events:none;}.bubble{position:absolute;bottom:-100px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,0.3),rgba(255,255,255,0.1));border-radius:50%;animation:rise 15s linear infinite;opacity:0.6;z-index:1;}@keyframes rise{0%{transform:translateY(0) translateX(0);opacity:0.6;}50%{transform:translateY(-50vh) translateX(20px);}100%{transform:translateY(-100vh) translateX(-20px);opacity:0;}}.zander-shadow{position:absolute;top:var(--zander-top,35%);left:var(--zander-start,-30vw);width:var(--zander-size,240px);height:var(--zander-height,84px);opacity:0;animation:zander-swim var(--zander-duration,22s) linear forwards;z-index:0;will-change:transform,opacity;pointer-events:none;}.zander-buoyancy{width:100%;height:100%;animation:zander-bob 5s ease-in-out infinite;}.zander-hull,.zander-tail{position:absolute;inset:0;background-image:url("zander-shadow.png");background-repeat:no-repeat;background-size:100% 100%;filter:brightness(0) saturate(0);will-change:transform;}.zander-hull{clip-path:polygon(0 0,78% 0,78% 100%,0 100%);transform-origin:15% 50%;animation:zander-body-wobble 8s ease-in-out infinite;}.zander-tail{clip-path:polygon(78% 0,100% 0,100% 100%,78% 100%);transform-origin:78% 50%;animation:zander-burst-glide 4s ease-in-out infinite;}@keyframes zander-bob{0%,100%{transform:translateY(0) rotate(0.5deg);}50%{transform:translateY(-6px) rotate(-0.5deg);}}@keyframes zander-body-wobble{0%,100%{transform:rotate(0deg) skewY(0deg);}25%{transform:rotate(0.3deg) skewY(0.2deg);}75%{transform:rotate(-0.3deg) skewY(-0.2deg);}}@keyframes zander-burst-glide{0%{transform:rotate(0deg);}5%{transform:rotate(12deg);}10%{transform:rotate(-12deg);}15%{transform:rotate(10deg);}20%{transform:rotate(-8deg);}25%{transform:rotate(4deg);}30%,100%{transform:rotate(0deg);}}@keyframes zander-swim{0%{transform:translateX(0) translateY(0) rotate(0deg) scaleX(var(--zander-scale,1));opacity:0;}5%{opacity:var(--zander-opacity,0.25);}25%{transform:translateX(var(--zander-distance-25,40vw)) translateY(var(--zander-curve-1,0px)) rotate(var(--zander-tilt-1,0deg)) scaleX(var(--zander-scale,1));}50%{transform:translateX(var(--zander-distance-50,80vw)) translateY(var(--zander-curve-2,0px)) rotate(var(--zander-tilt-2,0deg)) scaleX(var(--zander-scale,1));}75%{transform:translateX(var(--zander-distance-75,120vw)) translateY(var(--zander-curve-3,0px)) rotate(var(--zander-tilt-3,0deg)) scaleX(var(--zander-scale,1));}95%{opacity:var(--zander-opacity,0.25);}100%{transform:translateX(var(--zander-distance,160vw)) translateY(var(--zander-drift,0px)) rotate(0deg) scaleX(var(--zander-scale,1));opacity:0;}}.nav-container{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background:rgba(var(--deep-water-rgb),0.95);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);height:var(--nav-height);transition:transform var(--transition-normal);opacity:1;visibility:visible;}.nav-content{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;}.nav-utilities{display:flex;align-items:center;gap:0.6rem;}.nav-utilities .lang-picker{margin-left:0;}.mobile-home-btn{display:none;}.nav-actions{position:fixed;top:0.75rem;right:0.75rem;z-index:calc(var(--z-fixed) + 1);display:flex;align-items:center;gap:0.5rem;background:rgba(var(--deep-water-rgb),0.9);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));padding:0.4rem;border-radius:50px;border:1px solid var(--glass-border);}.theme-toggle{width:40px;height:40px;background:var(--glass-bg);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all var(--transition-normal);border:1px solid var(--glass-border);}.theme-toggle:hover{background:var(--glass-bg-hover);transform:rotate(15deg);}.theme-toggle .icon-sun{display:none;}.theme-toggle .icon-moon{display:flex;}[data-theme="river"] .theme-toggle .icon-sun{display:flex;}[data-theme="river"] .theme-toggle .icon-moon{display:none;}.theme-toggle .icon{width:1.2rem;height:1.2rem;}.theme-toggle .icon svg{width:100%;height:100%;fill:var(--foam);}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25rem;height:1.25rem;}.icon svg{display:block;width:100%;height:100%;fill:currentColor;}.logo-icon{width:clamp(1.5rem,3vw,2.2rem);height:clamp(1.5rem,3vw,2.2rem);object-fit:contain;}.logo-icon svg{fill:var(--shimmer);}.tab-icon{width:1.3rem;height:1.3rem;}.tab-icon svg{fill:var(--foam);}.link-icon{width:1rem;height:1rem;}.quiz-icon{width:3rem;height:3rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1);}.quiz-icon svg{fill:var(--foam);transition:fill 0.3s ease;}.quiz-card:hover .quiz-icon{transform:translateY(-4px);}.quiz-card:hover .quiz-icon svg{fill:var(--shimmer);}.logo{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:clamp(1.2rem,4vw,1.5rem);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:0.5rem;text-decoration:none;}.nav-tabs{display:grid;grid-template-columns:repeat(5,minmax(88px,1fr));gap:0.25rem;background:var(--glass-bg);padding:0.25rem;border-radius:50px;border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));}.tab-text{font-size:inherit;}.nav-tab{padding:0.75rem 1.5rem;border:none;background:transparent;color:rgba(248,249,250,0.7);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:clamp(0.8rem,2.5vw,0.9rem);font-weight:600;cursor:pointer;border-radius:40px;transition:color 0.2s ease,background 0.2s ease,box-shadow 0.2s ease;position:relative;overflow:hidden;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;}.nav-tab:hover{color:var(--foam);background:rgba(255,255,255,0.1);}.nav-tab:visited{color:rgba(248,249,250,0.7);}.nav-tab.active{background:var(--gradient-primary);color:var(--deep-water);box-shadow:0 4px 15px rgba(var(--shimmer-rgb),0.3);}body[data-page="ribolovni"] .nav-tab[data-nav="kvizovi"],body[data-page="ribicki"] .nav-tab[data-nav="kvizovi"],body[data-page="ribolovna-prognoza"] .nav-tab[data-nav="ribolovna-prognoza"],body[data-page="ribolovna-prognoza-karta"] .nav-tab[data-nav="ribolovna-prognoza-karta"],body[data-page="mini-igra-pecanje"] .nav-tab[data-nav="mini-igra-pecanje"],body[data-page="enciklopedija"] .nav-tab[data-nav="enciklopedija"]{background:var(--gradient-primary);color:var(--deep-water);box-shadow:0 4px 15px rgba(var(--shimmer-rgb),0.3);}.nav-tab.active:visited{color:var(--deep-water);}.nav-tab.active::before,body[data-page="ribolovni"] .nav-tab[data-nav="kvizovi"]::before,body[data-page="ribicki"] .nav-tab[data-nav="kvizovi"]::before,body[data-page="ribolovna-prognoza"] .nav-tab[data-nav="ribolovna-prognoza"]::before,body[data-page="ribolovna-prognoza-karta"] .nav-tab[data-nav="ribolovna-prognoza-karta"]::before,body[data-page="mini-igra-pecanje"] .nav-tab[data-nav="mini-igra-pecanje"]::before,body[data-page="enciklopedija"] .nav-tab[data-nav="enciklopedija"]::before{content:'';position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.2) 50%,transparent 70%);animation:none;opacity:0.35;}.breadcrumb{background:transparent;border-bottom:none;backdrop-filter:none;-webkit-backdrop-filter:none;min-height:2.5rem;}.breadcrumb.breadcrumb-placeholder{background:transparent;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;}.breadcrumb.breadcrumb-placeholder .breadcrumb-inner{visibility:hidden;}.breadcrumb-inner{max-width:1200px;margin:0 auto;padding:0.55rem 1.5rem;min-height:2.5rem;box-sizing:border-box;display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;color:rgba(248,249,250,0.75);font-size:0.85rem;}.breadcrumb-link{color:inherit;text-decoration:none;}.breadcrumb-link:hover{color:rgba(248,249,250,0.95);}.breadcrumb-separator{opacity:0.6;}.breadcrumb-current{color:rgba(248,249,250,0.95);font-weight:600;}.page{display:none;opacity:0;transform:translateY(20px);transition:opacity 0.4s ease,transform 0.4s ease;}.page.active{display:block;opacity:1;transform:translateY(0);}.container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem;min-height:calc(100vh - var(--nav-height));}.page-header{text-align:center;margin-bottom:3rem;padding:2rem 0;}.kvizovi-hub-header{margin-bottom:1.25rem;padding:1.4rem 0 1rem;}.kvizovi-hub-header .page-description{max-width:680px;}.kvizovi-section{margin:0;padding:0;border:0;background:none;}.kvizovi-section+.kvizovi-section{margin-top:1.6rem;padding-top:1.35rem;border-top:1px solid rgba(255,255,255,0.08);}.kvizovi-section-header{text-align:center;margin-bottom:1.1rem;padding:0;}.kvizovi-section-header .page-title{font-size:clamp(1.45rem,3.2vw,1.9rem);margin-bottom:0.75rem;}.kvizovi-section-header .page-subtitle{margin-bottom:0.85rem;}.kvizovi-section-header .page-description{max-width:760px;margin:0 auto;}.kvizovi-mode-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;}.kvizovi-group-chip,.kvizovi-card-tag,.kvizovi-hub-meta,.kvizovi-hub-pill{display:none !important;}.page-title{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:clamp(2rem,8vw,3.5rem);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;}.page-subtitle{font-size:clamp(1rem,4vw,1.25rem);color:rgba(248,249,250,0.8);margin-bottom:1rem;}.page-description{font-size:clamp(0.9rem,3vw,1.1rem);color:rgba(248,249,250,0.6);max-width:600px;margin:0 auto;line-height:1.6;}.card{background-color:rgba(255,255,255,0.03);background-image:none;border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,0.08);position:relative;overflow:hidden;transform:translateZ(0);will-change:transform,background-color,box-shadow;transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1),background-color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease;}.card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background-image:linear-gradient(90deg,transparent,#fff,transparent),var(--gradient-primary);background-size:50% 100%,100% 100%;background-position:-150% 0,0 0;background-repeat:no-repeat;border-radius:20px 20px 0 0;opacity:0.7;z-index:1;transition:opacity 0.3s ease,background-position 0s;}.card::after{display:none;}.card:hover{background-color:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.2);transform:translateY(-4px) translateZ(0);box-shadow:0 10px 25px rgba(0,0,0,0.3);}.card:hover::before{opacity:1;background-position:250% 0,0 0;transition:opacity 0.3s ease,background-position 0.7s cubic-bezier(0.19,1,0.22,1);}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0;}.home-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.mini-game-section{margin:2rem 0 3rem;}.mini-game-header{text-align:center;margin-bottom:1.5rem;}.mini-game-header .section-description{margin-bottom:0;}.mini-game-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3.5rem 2rem;height:100%;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow);text-decoration:none;color:inherit;position:relative;border-radius:20px;transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1),background-color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease;}.mini-game-panel:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover),var(--glass-glow);transform:translateY(-8px);}.mini-game-info{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-bottom:2.5rem;width:100%;}.mini-game-icon{width:100px;height:100px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;transition:all var(--transition-spring);}.mini-game-icon::after{content:'';position:absolute;inset:-5px;border-radius:50%;border:1px solid currentColor;opacity:0;pointer-events:none;}.mini-game-panel:hover .mini-game-icon{transform:scale(1.1);border-color:var(--shimmer);}.mini-game-panel:hover .mini-game-icon::after{animation:iconPulse 1.5s ease-out infinite;}.mini-game-panel .mini-game-icon svg{width:42px;height:42px;fill:var(--foam);}.mini-game-text{display:flex;flex-direction:column;gap:0.75rem;text-align:center;}.mini-game-title{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700;color:var(--foam);margin:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.mini-game-description{margin:0;color:rgba(248,249,250,0.75);line-height:1.6;max-width:440px;font-size:1.05rem;}.mini-game-actions{display:flex;align-items:center;justify-content:center;width:100%;}@media (max-width:1100px){.home-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.kvizovi-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.mini-game-panel{padding:2.5rem 1.5rem;}.card-grid.kvizovi-ribolovni-grid,.card-grid.kvizovi-ribicki-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;}}.featured-fish-section{margin:2rem 0 3rem;}.featured-fish-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin:1.5rem 0 0;}.featured-fish-card{padding:0;text-decoration:none;color:inherit;display:flex;flex-direction:column;min-height:100%;}.featured-fish-card:visited{color:inherit;}.featured-fish-image{min-height:180px;}.featured-fish-content{padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:0.75rem;height:100%;}.featured-fish-title{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:1.2rem;font-weight:700;color:var(--foam);margin:0;}.featured-fish-text{margin:0;color:rgba(248,249,250,0.7);line-height:1.5;}.featured-fish-cta{margin-top:auto;font-weight:600;color:var(--shimmer);letter-spacing:0.2px;}.section-title{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:700;color:var(--foam);text-align:center;margin:3rem 0 1.5rem;}.section-description{max-width:680px;margin:0 auto 1.5rem;text-align:center;color:rgba(248,249,250,0.7);line-height:1.6;}.faq-section{margin:2rem 0 3rem;}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;}.faq-question{font-size:1.05rem;color:var(--foam);margin-bottom:0.75rem;}.faq-answer{color:rgba(248,249,250,0.7);line-height:1.6;}.quiz-card{text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 2rem;height:100%;color:inherit;text-decoration:none;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow);border-radius:20px;position:relative;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);}.quiz-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-8px);box-shadow:var(--glass-shadow-hover),var(--glass-glow);}.quiz-icon{width:100px;height:100px;margin-bottom:2rem;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;position:relative;transition:all var(--transition-spring);}.quiz-icon::after{content:'';position:absolute;inset:-5px;border-radius:50%;border:1px solid currentColor;opacity:0;pointer-events:none;}.quiz-icon svg{width:42px;height:42px;fill:var(--foam);transition:fill 0.3s ease;}.quiz-card:hover .quiz-icon{transform:scale(1.1);border-color:var(--shimmer);}.quiz-card:hover .quiz-icon::after{animation:iconPulse 1.5s ease-out infinite;}.quiz-card:hover .quiz-icon svg{fill:var(--shimmer);}.quiz-title{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:700;margin-bottom:1rem;color:var(--foam);}.quiz-description{color:rgba(248,249,250,0.75);margin-bottom:2.5rem;line-height:1.6;font-size:1.05rem;max-width:400px;}.quiz-card .btn{margin-top:auto;}.kvizovi-ribolovni-grid,.kvizovi-ribicki-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem;}.kvizovi-ribolovni-grid .quiz-card,.kvizovi-ribicki-grid .quiz-card{padding:1.7rem 1.5rem;}.kvizovi-ribolovni-grid .quiz-title,.kvizovi-ribicki-grid .quiz-title{font-size:clamp(1.15rem,2.3vw,1.45rem);margin-bottom:0.75rem;}.kvizovi-ribolovni-grid .quiz-description,.kvizovi-ribicki-grid .quiz-description{margin-bottom:1.2rem;}@media (min-width:1101px){.kvizovi-ribolovni-grid>.quiz-card:last-child:nth-child(odd),.kvizovi-ribicki-grid>.quiz-card:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc((100% - 2.5rem) / 2);}}.btn{padding:1rem 2rem;border:none;border-radius:50px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:0.08em;position:relative;overflow:hidden;}.btn-primary{background:var(--gradient-primary);color:var(--deep-water);box-shadow:0 4px 20px rgba(var(--shimmer-rgb),0.3);}.btn-secondary{background:var(--gradient-secondary);color:var(--deep-water);box-shadow:0 4px 20px rgba(247,183,49,0.3);}.btn::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease;}.btn:hover::after{left:100%;}.btn:hover{transform:translateY(-2px);}.btn-primary:hover{box-shadow:0 8px 25px rgba(var(--shimmer-rgb),0.5);}.btn-secondary:hover{box-shadow:0 8px 25px rgba(247,183,49,0.5);}.fish-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem;min-height:80vh;}.fish-card{background:rgba(255,255,255,0.06);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,0.08);transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);cursor:pointer;opacity:1;transform:translateY(0) scale(1);animation:none;}.fish-card:hover{transform:translateY(-5px);border-color:var(--shimmer);box-shadow:0 10px 30px rgba(0,0,0,0.2);}.fish-card:hover .fish-image{animation-play-state:paused;transform:scale(1.05);}.fish-image-container{width:100%;aspect-ratio:16/10;min-height:200px;background:linear-gradient(180deg,rgba(var(--surface-rgb),0.4) 0%,rgba(var(--mid-water-rgb),0.6) 50%,rgba(var(--deep-water-rgb),0.7) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border-bottom:1px solid rgba(255,255,255,0.1);background-size:cover;background-position:center;}.fish-image-container picture{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}.fish-image-container::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,0.08) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(255,255,255,0.06) 1.5px,transparent 1.5px),radial-gradient(circle at 40% 40%,rgba(255,255,255,0.04) 1px,transparent 1px),radial-gradient(circle at 70% 70%,rgba(255,255,255,0.05) 2px,transparent 2px),radial-gradient(circle at 10% 30%,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:100% 100%;pointer-events:none;animation:bubblesDrift 8s ease-in-out infinite;}@keyframes bubblesDrift{0%,100%{opacity:0.6;transform:translateY(0);}50%{opacity:1;transform:translateY(-3px);}}.fish-image-container::after{content:'';position:absolute;top:0;left:0;right:0;height:60%;background:linear-gradient(180deg,rgba(var(--shimmer-rgb),0.08) 0%,transparent 100%);pointer-events:none;}.fish-image{max-width:90%;max-height:90%;width:100%;height:100%;object-fit:contain;animation:fishSwim var(--swim-duration,5s) cubic-bezier(0.45,0.05,0.55,0.95) infinite;animation-delay:calc(var(--swim-delay,0s) * -1);transition:opacity 300ms ease,transform 0.3s ease;position:relative;z-index:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,0.3));}.fish-image.loading{opacity:0;}.fish-image.loaded{opacity:1;}@keyframes fishSwim{0%,100%{transform:translate(0,0);}50%{transform:translate(2px,-3px);}}.fish-info{padding:1.25rem;}.fish-name{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:1.2rem;font-weight:700;color:var(--foam);margin-bottom:0.5rem;text-align:left;}.fish-latin{font-style:italic;color:rgba(248,249,250,0.7);font-size:0.9rem;margin-bottom:0.75rem;text-align:left;display:block;}.fish-family{color:var(--shimmer);font-size:0.85rem;font-weight:600;text-align:left;display:block;}.controls-bar{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;align-items:flex-start;}.search-panel{flex:1;min-width:260px;display:flex;flex-direction:column;gap:0.6rem;}.search-input{position:relative;display:flex;align-items:center;}.search-box{flex:1;min-width:250px;padding:1rem 1.5rem;padding-right:4.5rem;background:rgba(255,255,255,0.08);border:2px solid rgba(255,255,255,0.15);border-radius:50px;color:var(--foam);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:1rem;width:100%;}.search-box:focus{outline:none;border-color:var(--shimmer);background:rgba(255,255,255,0.12);}.search-box::placeholder{color:rgba(248,249,250,0.5);}.search-clear{position:absolute;right:0.6rem;top:50%;transform:translateY(-50%);padding:0.3rem 0.75rem;border-radius:999px;border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.12);color:rgba(248,249,250,0.8);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:0.75rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;}.search-clear:hover{background:rgba(255,255,255,0.2);color:var(--foam);}.search-meta{display:flex;flex-direction:column;gap:0.5rem;}.search-status{font-size:0.9rem;color:rgba(248,249,250,0.7);}.search-hint{font-size:0.8rem;color:rgba(248,249,250,0.5);}.search-suggestions{display:flex;flex-direction:column;gap:0.5rem;}.search-suggestions-label{font-size:0.7rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(248,249,250,0.45);font-weight:600;}.search-suggestions-list{display:flex;flex-wrap:wrap;gap:0.5rem;}.search-chip{padding:0.35rem 0.8rem;border-radius:999px;border:1px solid rgba(255,255,255,0.18);background:rgba(255,255,255,0.08);color:rgba(248,249,250,0.75);font-size:0.8rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;}.search-chip:hover{background:rgba(255,255,255,0.16);color:var(--foam);}.search-hit{padding:0 0.2rem;border-radius:0.35rem;background:rgba(247,183,49,0.2);color:var(--golden-scale);}.search-row{display:flex;gap:0.5rem;flex:1;min-width:250px;}.filter-toggle{display:none;align-items:center;justify-content:center;width:52px;height:52px;background:rgba(255,255,255,0.08);border:2px solid rgba(255,255,255,0.15);border-radius:50%;color:rgba(248,249,250,0.7);cursor:pointer;transition:all 0.2s ease;flex-shrink:0;}.filter-toggle:hover,.filter-toggle.active{background:var(--gradient-primary);color:var(--deep-water);border-color:var(--shimmer);}.filter-buttons{display:flex;gap:0.5rem;flex-wrap:wrap;}.filter-btn{padding:1rem 1.5rem;background:rgba(255,255,255,0.08);border:2px solid rgba(255,255,255,0.15);border-radius:50px;color:rgba(248,249,250,0.7);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:0.9rem;font-weight:600;cursor:pointer;}.filter-btn.active{background:var(--gradient-primary);color:var(--deep-water);border-color:var(--shimmer);}@media (hover:hover){.filter-btn{transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease;}.filter-btn:hover{background:var(--gradient-primary);color:var(--deep-water);border-color:var(--shimmer);}}.game-container{max-width:800px;margin:0 auto;}.stats-bar{display:flex;justify-content:center;gap:2rem;row-gap:1rem;flex-wrap:wrap;padding:1.5rem;background:rgba(255,255,255,0.08);backdrop-filter:blur(var(--glass-blur));border-radius:16px;margin-bottom:2rem;border:1px solid rgba(255,255,255,0.1);min-height:100px;}.stat{text-align:center;}.stat-value{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:2rem;font-weight:700;color:var(--shimmer);}.stat-value.score{color:var(--golden-scale);}.stat-label{font-size:0.85rem;text-transform:uppercase;letter-spacing:0.1em;color:rgba(248,249,250,0.6);margin-top:0.25rem;}.stat.timer{min-width:90px;}.timer-value{font-variant-numeric:tabular-nums;}.question-timer{margin-top:1.25rem;height:6px;background:rgba(255,255,255,0.12);border-radius:999px;overflow:hidden;opacity:1;visibility:visible;transition:opacity 0.2s ease,visibility 0.2s ease;}.question-timer.hidden{display:none !important;}.timer-fill{height:100%;width:100%;background:var(--gradient-primary);transform-origin:left;transform:scaleX(1);transition:transform 0.1s linear,background 0.3s ease;}.timer-warning .timer-value{color:var(--coral);}.timer-warning .timer-fill{background:var(--gradient-tertiary);animation:timerPulse 0.6s ease-in-out infinite;}@keyframes timerPulse{0%,100%{opacity:0.9;}50%{opacity:0.5;}}.question-card{background:rgba(255,255,255,0.08);border-radius:20px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,0.12);display:flex;flex-direction:column;gap:1.5rem;height:400px;min-height:400px;max-height:400px;overflow:hidden;transition:transform 0.5s cubic-bezier(0.2,0.0,0.2,1),opacity 0.4s ease-out;opacity:1;transform:translate3d(0,0,0);will-change:transform,opacity;}.question-card.transitioning-out{opacity:0;transform:translate3d(-30px,0,0);pointer-events:none;transition:transform 0.3s ease-in,opacity 0.25s ease-in;}.question-card.transitioning-in{opacity:0;transform:translate3d(30px,0,0);transition:none;}.question-card.visible{opacity:1;}.question-text{text-align:center;font-size:1.25rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;margin:0;color:var(--foam);}.question-fish-name{text-align:center;font-size:1.1rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-weight:600;color:var(--shimmer);margin:0;}.question-card.text-only{justify-content:center;text-align:center;}.question-card.text-only .question-text{font-size:1.3rem;line-height:1.5;padding:1rem 0;flex:1;display:flex;align-items:center;justify-content:center;}.question-card.text-only .question-fish-name{display:none;}.question-card.text-only .fish-image-container{visibility:hidden;height:0;min-height:0;margin:0;padding:0;overflow:hidden;}.question-card.text-only+.options-grid{margin-top:auto;}.options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;transition:opacity 100ms ease-out;opacity:1;min-height:170px;}.options-grid.transitioning-out{opacity:0;pointer-events:none;}.options-grid.transitioning-in{opacity:0;}.options-grid.visible{opacity:1;}.option-btn{width:100%;padding:1.2rem 1rem;background:rgba(255,255,255,0.08);border:2px solid rgba(255,255,255,0.15);border-radius:16px;color:var(--foam);font-family:inherit;font-size:1.1rem;font-weight:500;line-height:1.4;cursor:pointer;transition:background 0.15s ease,border-color 0.15s ease,transform 0.15s ease,box-shadow 0.15s ease;text-align:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;}.option-btn:hover:not(:disabled){background:rgba(255,255,255,0.15);border-color:var(--shimmer);transform:translateY(-2px);}.option-btn.correct{background:rgba(62,207,142,0.4) !important;border-color:rgb(62,207,142) !important;border-width:3px;box-shadow:inset 0 0 20px 3px rgba(62,207,142,0.4),0 0 15px 3px rgba(62,207,142,0.3);border-radius:12px;-webkit-animation:feedbackCorrect 0.6s cubic-bezier(0.175,0.885,0.32,1.275) forwards,correctPulse 1.5s ease-in-out 0.6s infinite;animation:feedbackCorrect 0.6s cubic-bezier(0.175,0.885,0.32,1.275) forwards,correctPulse 1.5s ease-in-out 0.6s infinite;transition:none !important;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:2;overflow:hidden;}.option-btn.incorrect{background:rgba(255,107,107,0.4) !important;border-color:var(--coral) !important;border-width:3px;box-shadow:inset 0 0 20px 3px rgba(255,107,107,0.4);border-radius:12px;-webkit-animation:feedbackIncorrect 0.5s cubic-bezier(.36,.07,.19,.97) both;animation:feedbackIncorrect 0.5s cubic-bezier(.36,.07,.19,.97) both;transition:none !important;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:2;overflow:hidden;}@-webkit-keyframes correctPulse{0%,100%{box-shadow:inset 0 0 20px 3px rgba(62,207,142,0.4),0 0 15px 3px rgba(62,207,142,0.3);transform:scale(1.02);}50%{box-shadow:inset 0 0 25px 5px rgba(62,207,142,0.5),0 0 25px 8px rgba(62,207,142,0.4);transform:scale(1.04);}}@keyframes correctPulse{0%,100%{box-shadow:inset 0 0 20px 3px rgba(62,207,142,0.4),0 0 15px 3px rgba(62,207,142,0.3);transform:scale(1.02);}50%{box-shadow:inset 0 0 25px 5px rgba(62,207,142,0.5),0 0 25px 8px rgba(62,207,142,0.4);transform:scale(1.04);}}@-webkit-keyframes feedbackCorrect{0%{-webkit-transform:scale(1);}50%{-webkit-transform:scale(1.03);}100%{-webkit-transform:scale(1.02);}}@keyframes feedbackCorrect{0%{transform:scale(1);}50%{transform:scale(1.03);}100%{transform:scale(1.02);}}@-webkit-keyframes feedbackIncorrect{10%,90%{-webkit-transform:translate3d(-1px,0,0);}20%,80%{-webkit-transform:translate3d(2px,0,0);}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);}40%,60%{-webkit-transform:translate3d(4px,0,0);}}@keyframes feedbackIncorrect{10%,90%{transform:translate3d(-1px,0,0);}20%,80%{transform:translate3d(2px,0,0);}30%,50%,70%{transform:translate3d(-4px,0,0);}40%,60%{transform:translate3d(4px,0,0);}}.option-btn.correct::after{display:none;}@-webkit-keyframes pulseCorrectSubtle{0%{-webkit-transform:scale(1);opacity:0.5;}50%{-webkit-transform:scale(1.05);opacity:0;}100%{-webkit-transform:scale(1);opacity:0;}}@keyframes pulseCorrectSubtle{0%{transform:scale(1);opacity:0.5;}50%{transform:scale(1.05);opacity:0;}100%{transform:scale(1);opacity:0;}}.options-grid.timeout .option-btn{opacity:0.85;}.options-grid.timeout .option-btn.correct{opacity:1;}.option-btn.missed{border-color:rgba(255,107,107,0.35);}.summary-container{max-width:500px;margin:0 auto;padding:2rem 1rem;}.summary-card{background:rgba(255,255,255,0.08);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:24px;padding:3rem 2rem;border:1px solid rgba(255,255,255,0.12);text-align:center;}.summary-icon{font-size:4rem;margin-bottom:1rem;}.summary-title{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:2rem;font-weight:700;margin-bottom:2rem;color:var(--foam);}.summary-message.passed{color:var(--shimmer);}.summary-message.failed{color:var(--coral);}.summary-stats{margin-bottom:2rem;}.summary-score{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:3rem;font-weight:700;color:var(--foam);margin-bottom:0.5rem;}.summary-score-value{color:var(--shimmer);}.summary-score-separator{color:rgba(248,249,250,0.5);margin:0 0.25rem;}.summary-score-total{color:rgba(248,249,250,0.7);}.summary-percent{font-size:1.5rem;font-weight:600;color:var(--golden-scale);}.summary-actions{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;}.summary-actions .btn{width:100%;}.exam-timer .stat-value{color:var(--shimmer);font-variant-numeric:tabular-nums;}.exam-timer.timer-warning .stat-value{color:var(--coral);animation:timerPulse 0.6s ease-in-out infinite;}[data-theme="light"] .summary-card{background:rgba(255,255,255,0.8);border-color:rgba(0,0,0,0.1);}[data-theme="light"] .summary-score-separator{color:rgba(30,41,59,0.4);}[data-theme="light"] .summary-score-total{color:rgba(30,41,59,0.6);}@media (max-width:768px){.nav-content{padding:0 1rem;}.nav-tabs{gap:0.25rem;}.nav-tab{padding:0.5rem 1rem;font-size:0.8rem;}.container{padding:1rem;min-height:auto;}.main-container{min-height:auto;}.page-header{margin-bottom:2rem;padding:1rem 0;}.kvizovi-hub-header{margin-bottom:1rem;padding:1rem 0;}.kvizovi-section+.kvizovi-section{margin-top:1.2rem;padding-top:1rem;}.kvizovi-section-header{margin-bottom:0.9rem;}.kvizovi-section-header .page-title{font-size:clamp(1.45rem,7vw,2rem);}.kvizovi-mode-grid{grid-template-columns:1fr;gap:1rem;}.card-grid{grid-template-columns:1fr;gap:1.5rem;}.card-grid.kvizovi-ribolovni-grid,.card-grid.kvizovi-ribicki-grid{grid-template-columns:1fr;gap:1rem;}.kvizovi-ribolovni-grid .quiz-card,.kvizovi-ribicki-grid .quiz-card{padding:1.35rem;}.featured-fish-grid{grid-template-columns:1fr;gap:1.25rem;}.fish-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;}.controls-bar{flex-direction:column;gap:0.75rem;}.search-panel{width:100%;min-width:unset;}.search-meta{gap:0.4rem;}.search-row{flex:1;min-width:unset;align-items:center;}.filter-toggle{display:flex;width:48px;height:48px;}.fish-card{position:relative;border:1px solid rgba(var(--shimmer-rgb),0.2);overflow:hidden;}.fish-card::after{content:'→';position:absolute;bottom:0.6rem;right:0.6rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:rgba(var(--shimmer-rgb),0.15);color:var(--shimmer);font-size:1.1rem;border-radius:50%;pointer-events:none;animation:chevronPulse 2s ease-in-out infinite;}@keyframes chevronPulse{0%,100%{transform:translateX(0);opacity:0.6;}50%{transform:translateX(3px);opacity:1;}}.fish-card::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(var(--shimmer-rgb),0.4) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10;}.fish-card:active::before{animation:ripple 0.6s ease-out;}@keyframes ripple{0%{width:0;height:0;opacity:1;}100%{width:300px;height:300px;opacity:0;}}.nav-tab[data-nav="home"] .tab-icon{animation:homePulse 2s ease-in-out infinite;}@keyframes homePulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.15);opacity:0.8;}}.filter-buttons{display:none;gap:0.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:0.25rem;width:100%;}.filter-buttons.show{display:flex;}.filter-buttons::-webkit-scrollbar{display:none;}.filter-btn{flex-shrink:0;padding:0.75rem 1rem;font-size:0.85rem;}.search-box{min-width:unset;}.stats-bar{gap:1rem;padding:1rem;min-height:50px;}.game-container{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;height:auto;min-height:auto;max-height:none;overflow:visible;padding:0.5rem;}.stats-bar{-webkit-flex-shrink:0;flex-shrink:0;padding:0.5rem;margin-bottom:0.5rem;gap:0.5rem;}.stat-value{font-size:1.25rem;}.question-card{-webkit-flex-shrink:0;flex-shrink:0;padding:0.75rem;margin-bottom:0.5rem;height:250px;min-height:250px;max-height:250px;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;gap:0.4rem;}.question-card.text-only{justify-content:center;}.question-card.text-only .fish-image-container{display:none;}.question-card.text-only .question-text{font-size:1.1rem;padding:1rem;}.fish-image-container{aspect-ratio:16/9;max-height:18vh;min-height:100px;}.question-text{font-size:0.95rem;margin:0;}.question-timer{margin-top:0.25rem;height:4px;}.question-timer.hidden{display:none !important;height:0 !important;margin:0 !important;padding:0 !important;visibility:hidden !important;opacity:0 !important;}.options-grid{-webkit-box-flex:0;-webkit-flex:0 1 auto;flex:0 1 auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;gap:0.4rem;overflow-y:visible;-webkit-overflow-scrolling:touch;padding:0 0.5rem 0.5rem;grid-template-columns:1fr;min-height:300px;}.option-btn{-webkit-flex-shrink:0;flex-shrink:0;padding:0.6rem;font-size:0.9rem;min-height:44px;overflow:hidden;position:relative;}.option-btn.correct{background:rgba(62,207,142,0.35) !important;border-color:rgb(62,207,142) !important;border-width:3px !important;box-shadow:inset 0 0 12px 2px rgba(62,207,142,0.4) !important;}.option-btn.incorrect{background:rgba(255,107,107,0.35) !important;border-color:var(--coral) !important;border-width:3px !important;box-shadow:inset 0 0 12px 2px rgba(255,107,107,0.4) !important;}.back-button-container{-webkit-flex-shrink:0;flex-shrink:0;margin-top:0.75rem;padding:0.5rem;text-align:center;}.back-button-container .btn{padding:0.6rem 1.25rem;font-size:0.85rem;box-shadow:none;}.back-button-container .btn:hover{box-shadow:none;}}.back-button-container{text-align:center;margin-top:1.5rem;}.fade-in{opacity:1;transform:translateY(0);animation:none;}.page-header,.card-grid,.faq-section{opacity:1;transform:translateY(0);}.hidden{display:none !important;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.8);backdrop-filter:blur(var(--glass-blur));display:flex;align-items:center;justify-content:center;z-index:var(--z-toast);padding:1rem;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;will-change:opacity;}@media (max-width:768px){.modal-overlay{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));}}.modal-overlay.show{opacity:1;visibility:visible;}.modal{position:relative;background:linear-gradient(135deg,var(--mid-water) 0%,var(--deep-water) 100%);border-radius:20px;padding:2rem;width:100%;max-width:600px;max-height:80vh;overflow-y:auto;border:2px solid var(--shimmer);box-shadow:0 20px 60px rgba(0,0,0,0.5);transform:scale(0.9);transition:transform 0.3s ease;}.modal-overlay.show .modal{transform:scale(1);}.modal-header{text-align:center;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:1rem;}.modal-fish-image{width:100%;background:linear-gradient(180deg,rgba(var(--surface-rgb),0.5) 0%,rgba(var(--mid-water-rgb),0.7) 50%,rgba(var(--deep-water-rgb),0.8) 100%);border-radius:12px;margin:0 auto 1.5rem;padding:1.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,0.1);}.modal-fish-image::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 15% 85%,rgba(255,255,255,0.1) 2px,transparent 2px),radial-gradient(circle at 85% 15%,rgba(255,255,255,0.08) 2.5px,transparent 2.5px),radial-gradient(circle at 30% 30%,rgba(255,255,255,0.05) 1.5px,transparent 1.5px),radial-gradient(circle at 75% 65%,rgba(255,255,255,0.07) 3px,transparent 3px),radial-gradient(circle at 50% 90%,rgba(255,255,255,0.04) 2px,transparent 2px),radial-gradient(circle at 10% 50%,rgba(255,255,255,0.06) 1.5px,transparent 1.5px);background-size:100% 100%;pointer-events:none;animation:bubblesDrift 6s ease-in-out infinite;}.modal-fish-image::after{content:'';position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(var(--shimmer-rgb),0.1) 0%,transparent 100%);pointer-events:none;}.modal-fish-image img{max-width:100%;max-height:280px;object-fit:contain;animation:fishFloat 3s ease-in-out infinite;position:relative;z-index:1;filter:drop-shadow(0 6px 20px rgba(0,0,0,0.4));}@keyframes fishFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}.modal-fish-name{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:1.8rem;font-weight:700;color:var(--foam);margin-bottom:0.5rem;}.modal-fish-latin{font-style:italic;color:rgba(248,249,250,0.7);font-size:1.1rem;}.modal-content{display:grid;gap:1rem;}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:0.75rem 0;border-bottom:1px solid rgba(255,255,255,0.1);gap:1rem;}.info-row:last-child{border-bottom:none;}.info-label{color:rgba(248,249,250,0.6);font-weight:600;flex-shrink:0;min-width:120px;}.info-value{color:var(--foam);text-align:right;flex:1;}.info-value.highlight{color:var(--coral);font-weight:700;}.info-value.no-lovostaj{color:var(--shimmer);}.info-value.protected-species{color:var(--golden-scale);font-weight:600;}.info-block{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:1rem;}.info-block.warning{background:rgba(255,107,107,0.12);border-color:rgba(255,107,107,0.35);}.info-block.warning .info-block-title{color:var(--coral);}.info-block-title{color:rgba(248,249,250,0.6);font-size:0.75rem;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:0.5rem;font-weight:600;}.info-block-text{color:var(--foam);line-height:1.6;font-size:0.95rem;}.fish-page-link{margin-top:1.5rem;text-align:center;}.fish-page-link .btn{display:inline-block;padding:0.75rem 1.5rem;background:linear-gradient(135deg,var(--teal),var(--deep-teal));color:var(--foam);text-decoration:none;border-radius:8px;font-weight:500;transition:all 0.3s ease;}.fish-page-link .btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,188,212,0.3);}.modal-close{position:absolute;z-index:5;top:1rem;right:1rem;background:rgba(255,255,255,0.1);border:none;border-radius:50%;width:40px;height:40px;color:var(--foam);font-size:1.2rem;cursor:pointer;transition:all 0.3s ease;}.modal-close:hover{background:rgba(255,107,107,0.3);color:var(--coral);}.lang-picker{display:flex;gap:0.25rem;}.lang-picker{margin-left:1rem;background:rgba(255,255,255,0.05);padding:0.25rem;border-radius:8px;border:1px solid rgba(255,255,255,0.1);}.lang-btn{padding:0.4rem 0.6rem;border:none;background:transparent;color:rgba(248,249,250,0.6);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:0.8rem;font-weight:600;cursor:pointer;border-radius:6px;transition:all 0.3s ease;text-transform:uppercase;}.lang-btn:hover{color:var(--foam);background:rgba(255,255,255,0.1);}:root:not([data-lang]) .lang-btn.active{background:var(--shimmer);color:var(--deep-water);}:root[data-lang="hr"] .lang-btn[data-lang="hr"],:root[data-lang="en"] .lang-btn[data-lang="en"]{background:var(--shimmer);color:var(--deep-water);}:root.i18n-transition [data-i18n]{transition:opacity 0.15s ease;}:root[data-lang="en"].i18n-loading [data-i18n]{opacity:0;}:root.i18n-transition[data-lang="en"]:not(.i18n-ready) [data-i18n]{opacity:0.7;}:root.i18n-ready [data-i18n]{opacity:1;}.site-footer{background:rgba(var(--deep-water-rgb),0.98);border-top:1px solid rgba(255,255,255,0.1);padding:3rem 1.5rem 2rem;margin-top:4rem;opacity:1;transform:translateY(0);}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,320px));justify-content:center;gap:2rem;}.footer-section{display:flex;flex-direction:column;gap:1rem;}.footer-title{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:1.2rem;font-weight:700;color:var(--shimmer);margin-bottom:0.5rem;}.footer-links{list-style:none;display:flex;flex-direction:column;gap:0.75rem;}.footer-links a{color:rgba(248,249,250,0.7);text-decoration:none;font-size:0.95rem;transition:color 0.3s ease;display:flex;align-items:center;gap:0.5rem;}.footer-links a:hover{color:var(--shimmer);}.footer-links .link-icon{width:1.2rem;height:1.2rem;}.footer-description{color:rgba(248,249,250,0.6);font-size:0.9rem;line-height:1.6;}.footer-bottom{max-width:1200px;margin:2rem auto 0;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.1);text-align:center;color:rgba(248,249,250,0.5);font-size:0.85rem;}.footer-bottom a{color:var(--shimmer);text-decoration:none;}.footer-bottom a:hover{text-decoration:underline;}.footer-social{display:inline-flex;align-items:center;justify-content:center;margin-top:0.5rem;color:var(--shimmer);}.footer-social:hover{color:var(--foam);text-decoration:none;}.footer-social .footer-icon{width:20px;height:20px;fill:currentColor;display:block;}@media (max-width:768px){.breadcrumb{display:none;}.nav-container{top:auto;bottom:0;border-bottom:none;border-top:1px solid rgba(var(--shimmer-rgb),0.3);height:calc(var(--nav-height-mobile) + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);background:linear-gradient(180deg,rgba(var(--deep-water-alt-rgb),0.98) 0%,rgba(var(--deep-water-rgb),0.99) 100%);box-shadow:0 -4px 20px rgba(0,0,0,0.3);}.nav-content{padding:0;justify-content:center;}.logo{display:none;}.nav-tabs{width:100%;border-radius:0;border:none;background:transparent;padding:0.5rem 0.25rem;gap:0;grid-template-columns:repeat(5,1fr);}.nav-tab{flex-direction:column;padding:0.75rem 0.25rem;gap:0;border-radius:12px;min-height:48px;}.nav-tab .tab-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}.nav-tab .tab-icon{width:1.5rem;height:1.5rem;}.nav-tab.active{background:var(--glass-bg);box-shadow:none;}.nav-tab.active::before{display:none;}.theme-toggle{display:none;}.mobile-home-btn{position:absolute;top:-44px;left:12px;width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.9);text-decoration:none;background:rgba(0,0,0,0.35);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(255,255,255,0.12);box-shadow:0 4px 20px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.08);transition:transform 0.2s ease,background 0.2s ease,color 0.2s ease;}.mobile-home-btn .icon{width:1.25rem;height:1.25rem;}.mobile-home-btn:hover,.mobile-home-btn:focus-visible{color:#fff;background:rgba(255,255,255,0.12);transform:translateY(-1px);}.nav-utilities{position:absolute;top:-44px;right:12px;gap:0;}.nav-utilities .lang-picker{background:rgba(0,0,0,0.35);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(255,255,255,0.12);border-radius:12px;padding:4px;margin:0;box-shadow:0 4px 20px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.08);}.lang-btn{padding:0.4rem 0.7rem;font-size:0.75rem;font-weight:600;border-radius:8px;color:rgba(255,255,255,0.6);transition:all 0.2s ease;}.lang-btn:hover{color:rgba(255,255,255,0.9);background:rgba(255,255,255,0.1);}:root[data-lang="hr"] .lang-btn[data-lang="hr"],:root[data-lang="en"] .lang-btn[data-lang="en"]{background:rgba(255,255,255,0.15);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.2);}.main-container{margin-top:0;margin-bottom:calc(var(--nav-height-mobile) + var(--safe-area-bottom));padding-top:1rem;}.site-footer{padding:2rem 1rem 1.5rem;margin-top:2rem;margin-bottom:calc(var(--nav-height-mobile) + var(--safe-area-bottom) + 60px) !important;}.footer-bottom{padding-bottom:3.5rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0.5rem 1rem;}.footer-bottom p{margin:0;flex-basis:100%;text-align:center;margin-bottom:0.5rem;}.footer-social{margin-top:0;padding:0.75rem;display:inline-flex !important;}.footer-social .footer-icon{width:32px;height:32px;}.footer-content{grid-template-columns:1fr;gap:1.5rem;}.footer-section{text-align:center;}.footer-links a{justify-content:center;}}@media (max-width:375px){.nav-tab .tab-icon{width:1.3rem;height:1.3rem;}}.fish-detail-card{background:rgba(255,255,255,0.08);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,0.12);max-width:900px;margin:0 auto;}.fish-detail-header{display:flex;gap:2rem;margin-bottom:2rem;align-items:flex-start;}.fish-detail-image-container{flex-shrink:0;width:350px;aspect-ratio:16/10;background:linear-gradient(180deg,rgba(var(--surface-rgb),0.4) 0%,rgba(var(--mid-water-rgb),0.6) 50%,rgba(var(--deep-water-rgb),0.7) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,0.1);margin:0 auto;}.fish-detail-image-container picture{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}.fish-detail-image{max-width:90%;max-height:90%;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.3));}.fish-detail-image.fish-image{animation:fishSwim 4s ease-in-out infinite;}.fish-detail-titles{flex:1;}.fish-detail-name{font-size:clamp(1.8rem,5vw,2.5rem);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 0.5rem 0;}.fish-detail-latin{font-size:1.1rem;font-style:italic;color:rgba(248,249,250,0.7);margin:0 0 0.25rem 0;}.fish-detail-english{font-size:1rem;color:rgba(248,249,250,0.6);margin:0;}.fish-detail-info{margin-bottom:2rem;}.fish-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}.fish-info-item{background:rgba(255,255,255,0.05);border-radius:12px;padding:1rem;text-align:center;border:1px solid rgba(255,255,255,0.08);}.fish-info-label{display:block;font-size:0.85rem;color:rgba(248,249,250,0.6);margin-bottom:0.5rem;}.fish-info-value{display:block;font-size:1.1rem;font-weight:600;color:var(--foam);}.fish-info-value.has-lovostaj{color:var(--coral);}.fish-info-value.no-lovostaj{color:var(--shimmer);}.fish-info-value.protected-species{color:var(--golden-scale);font-weight:600;}.fish-detail-sections{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;}.fish-section{background:rgba(255,255,255,0.03);border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,0.06);}.fish-section-title{font-size:1.2rem;font-weight:600;color:var(--shimmer);margin:0 0 0.75rem 0;}.fish-section-text{font-size:1rem;line-height:1.7;color:rgba(248,249,250,0.85);margin:0;}.fish-section-tips{background:linear-gradient(135deg,rgba(0,188,212,0.08),rgba(0,150,136,0.08));border:1px solid rgba(0,188,212,0.2);}.fish-section-tips .fish-section-title{color:var(--teal);}.fish-section-sources{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);}.fish-section-sources .fish-section-title{color:rgba(248,249,250,0.9);}.fish-section-sources.fishing-sources{background:linear-gradient(135deg,rgba(0,188,212,0.08),rgba(0,150,136,0.08));border:1px solid rgba(0,188,212,0.2);}.fish-section-sources.fishing-sources .fish-section-title{color:var(--teal);}.sources-list{margin:0;padding-left:1.5rem;list-style-type:disc;}.sources-list li{font-size:1rem;line-height:1.7;color:rgba(248,249,250,0.85);margin-bottom:0.5rem;}.sources-list li:last-child{margin-bottom:0;}.sources-list a{color:var(--shimmer);text-decoration:none;transition:color 0.2s ease;}.sources-list a:hover{color:rgba(248,249,250,0.95);text-decoration:underline;}.fish-section-sources.fishing-sources .sources-list a{color:var(--teal);}.fish-section-sources.fishing-sources .sources-list a:hover{color:#4dd0e1;}.tips-list{margin:0;padding-left:1.5rem;list-style-type:disc;}.tips-list li{font-size:1rem;line-height:1.7;color:rgba(248,249,250,0.85);margin-bottom:0.5rem;}.tips-list li:last-child{margin-bottom:0;}.fish-detail-actions{text-align:center;margin:3rem 0 2rem 0;}.fish-detail-actions .btn{display:inline-flex;align-items:center;gap:0.5rem;padding:1rem 2rem;border:none;border-radius:50px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:0.08em;position:relative;overflow:hidden;text-decoration:none !important;}.fish-detail-actions .btn-secondary{background:var(--gradient-secondary);color:var(--deep-water);box-shadow:0 4px 20px rgba(247,183,49,0.3);}.fish-detail-actions .btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(247,183,49,0.4);text-decoration:none !important;}@media (max-width:768px){.fish-detail-card{padding:1rem;}.fish-detail-header{flex-direction:column;gap:1.5rem;align-items:center;text-align:center;}.fish-detail-image-container{width:100%;max-width:300px;margin:0 auto;}.fish-detail-titles{text-align:center;width:100%;}.fish-info-grid{grid-template-columns:1fr;}.fish-section{padding:1rem;}.fish-detail-actions{margin:2.5rem 0 1.5rem 0;}}.contact-container{display:grid;grid-template-columns:2fr 1fr;gap:3rem;margin-top:2rem;}.contact-form-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:2rem;backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow);}.contact-info-section{display:flex;flex-direction:column;gap:1.5rem;}.contact-form{display:flex;flex-direction:column;gap:1.5rem;}.form-group{display:flex;flex-direction:column;gap:0.5rem;}.form-group label{font-weight:600;color:var(--foam);font-size:0.9rem;}.form-input,.form-select,.form-textarea{padding:0.75rem;border:2px solid var(--glass-border);border-radius:8px;background:var(--glass-bg);color:var(--foam);font-size:1rem;transition:border-color 0.2s ease;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--shimmer);box-shadow:0 0 0 3px rgba(var(--shimmer-rgb),0.1);}.form-textarea{resize:vertical;min-height:120px;font-family:inherit;}.form-help{font-size:0.8rem;color:rgba(var(--foam),0.7);margin-top:0.25rem;}.char-counter{text-align:right;font-size:0.8rem;color:rgba(var(--foam),0.7);margin-top:0.25rem;}.form-actions{margin-top:1rem;}.btn-loading{display:none;}.btn.loading .btn-text{display:none;}.btn.loading .btn-loading{display:inline;}.contact-message{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border-radius:8px;margin-top:1rem;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));}.contact-message.success{background:rgba(var(--success),0.1);border:1px solid rgba(var(--success),0.3);color:var(--success);}.contact-message.error{background:rgba(var(--error),0.1);border:1px solid rgba(var(--error),0.3);color:var(--error);}.message-icon{font-size:1.5rem;flex-shrink:0;}.message-content h3{margin:0 0 0.5rem 0;font-size:1.1rem;}.message-content p{margin:0;font-size:0.9rem;}.info-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow);display:flex;gap:1rem;}.info-icon{font-size:2rem;flex-shrink:0;}.info-content h3{margin:0 0 0.5rem 0;color:var(--foam);font-size:1.1rem;}.info-content p{margin:0;color:rgba(var(--foam),0.8);font-size:0.9rem;line-height:1.5;}@media (max-width:768px){.contact-container{grid-template-columns:1fr;gap:2rem;}.contact-form-section,.info-card{padding:1.5rem;}.info-card{flex-direction:column;text-align:center;}.info-icon{align-self:center;}}.form-input::placeholder,.form-textarea::placeholder{color:rgba(var(--foam),0.5);}.game-container{width:100%;margin:0 auto;position:relative;overflow-x:clip;}@supports not (overflow-x:clip){.game-container{overflow-x:hidden;}}.site-footer{width:100%;}.game-container{padding-left:2rem;padding-right:2rem;}.skip-link{position:fixed;top:-100%;left:1rem;z-index:calc(var(--z-max) + 1);padding:0.75rem 1.5rem;background:var(--shimmer);color:var(--deep-water);font-weight:600;border-radius:0 0 8px 8px;text-decoration:none;transition:top 0.15s ease;}.skip-link:focus{top:0;outline:3px solid var(--golden-scale);outline-offset:2px;}.fish-detail-image,.fish-image{height:auto;}.env-home-section{margin-top:4rem;margin-bottom:4rem;}.env-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem;}.env-home-grid .env-home-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3.5rem 2rem;height:100%;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow);}.env-home-grid .env-home-panel:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover),var(--glass-glow);}.env-home-grid .mini-game-info{flex-direction:column;gap:2rem;margin-bottom:2.5rem;}.env-home-grid .mini-game-icon{width:100px;height:100px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;position:relative;transition:all var(--transition-spring);}.env-home-grid .env-home-panel:hover .mini-game-icon{transform:scale(1.1);border-color:var(--shimmer);}.env-home-panel:not(.env-home-panel-map) .mini-game-icon svg{fill:var(--golden-scale);}.env-home-panel-map .mini-game-icon svg{fill:var(--shimmer);}.env-home-grid .mini-game-icon::after{content:'';position:absolute;inset:-5px;border-radius:50%;border:1px solid currentColor;opacity:0;pointer-events:none;}.env-home-grid .env-home-panel:hover .mini-game-icon::after{animation:iconPulse 1.5s ease-out infinite;}@keyframes iconPulse{0%{transform:scale(1);opacity:0.5;}100%{transform:scale(1.4);opacity:0;}}.env-home-grid .mini-game-text{text-align:center;}.env-home-grid .mini-game-title{font-size:clamp(1.6rem,4vw,2.2rem);margin-bottom:0.75rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.env-home-panel:not(.env-home-panel-map) .mini-game-title{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.env-home-grid .mini-game-description{max-width:400px;margin:0 auto;font-size:1.05rem;opacity:0.8;}.env-home-grid .mini-game-actions{width:100%;justify-content:center;}.quiz-card.ribolovni .quiz-title{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;}.quiz-card.enciklopedija .quiz-title{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;}.mini-game-section .mini-game-panel .mini-game-title{background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text;}.mini-game-section .mini-game-panel .mini-game-icon svg{fill:var(--golden-scale);}.mini-game-section .mini-game-panel:hover .mini-game-icon{border-color:var(--golden-scale);}.home-card-grid .quiz-card,.env-home-grid .env-home-panel,.mini-game-section>.mini-game-panel{transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1),background-color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease;}.home-card-grid .quiz-card:hover,.home-card-grid .quiz-card:focus-visible,.env-home-grid .env-home-panel:hover,.env-home-grid .env-home-panel:focus-visible,.mini-game-section>.mini-game-panel:hover,.mini-game-section>.mini-game-panel:focus-visible{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover),var(--glass-glow);transform:translateY(-8px);}.home-card-grid .quiz-card .btn,.env-home-grid .env-home-panel .btn,.mini-game-section>.mini-game-panel .btn{transition:transform 0.25s ease,box-shadow 0.25s ease;}.home-card-grid .quiz-card:hover .btn,.home-card-grid .quiz-card:focus-visible .btn,.env-home-grid .env-home-panel:hover .btn,.env-home-grid .env-home-panel:focus-visible .btn,.mini-game-section>.mini-game-panel:hover .btn,.mini-game-section>.mini-game-panel:focus-visible .btn{transform:translateY(-2px);box-shadow:0 10px 24px rgba(78,224,214,0.22);}@media (max-width:1100px){.env-home-grid{grid-template-columns:1fr;gap:1.5rem;}}@media print{.nav-container,.nav-actions,.site-footer,.water-bg,.bubbles,.theme-toggle,.lang-picker,.breadcrumb,.skip-link,.fish-detail-actions,.btn{display:none !important;}body,html{background:white !important;color:black !important;}.main-container{padding-top:0 !important;margin-top:0 !important;}.card,.fish-detail-card,.fish-section{page-break-inside:avoid;background:white !important;color:black !important;border:1px solid #ccc !important;box-shadow:none !important;}.fish-detail-name,.fish-section-title,.page-title{color:black !important;background:none !important;-webkit-background-clip:unset !important;background-clip:unset !important;-webkit-text-fill-color:black !important;}a[href^="http"]::after{content:" (" attr(href) ")";font-size:0.8em;color:#666;}}