@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-main:#061826;--wave-pattern:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0,10 Q25,0 50,10 T100,10\" fill=\"none\" stroke=\"rgba(0,176,255,0.06)\" stroke-width=\"1.5\"/></svg>");--glass-bg:#12162199;--glass-border:#ffffff14;--glass-border-hover:#ffffff29;--glass-highlight:#ffffff08;--color-primary:#ffb300;--color-secondary:#00b0ff;--color-accent:#ff3d00;--color-success:#00e676;--text-white:#f5f7fa;--text-muted:#9aa4b5;--text-dark:#1e293b;--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth:all .5s cubic-bezier(.25, .8, .25, 1);--transition-fast:all .2s ease;--gradient-start:var(--color-primary);--gradient-mid:#fff59d;--gradient-end:var(--color-secondary)}[data-theme=light]{--bg-main:#0089d0;--wave-pattern:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0,10 Q25,0 50,10 T100,10\" fill=\"none\" stroke=\"rgba(0,119,182,0.12)\" stroke-width=\"2\"/></svg>");--glass-bg:#ffffffbf;--glass-border:#0000001a;--glass-border-hover:#0003;--glass-highlight:#00000008;--text-white:#2d3748;--text-muted:#718096;--gradient-start:#e65100;--gradient-mid:#f57f17;--gradient-end:#0277bd;--color-primary:#d18f00}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-white);font-family:var(--font-family);min-height:100vh;transition:background-color .4s;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.app-container{flex-direction:column;gap:2rem;max-width:1440px;min-height:100vh;margin:0 auto;padding:2rem 1.5rem;display:flex}.app-header{text-align:center}.app-title{letter-spacing:-.02em;font-size:clamp(2.2rem,6vw,3.6rem);font-weight:800;line-height:1.2}.text-gradient{background:linear-gradient(135deg, var(--gradient-start) 20%, var(--gradient-mid) 50%, var(--gradient-end) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.app-subtitle{color:var(--text-muted);margin-top:.5rem;font-size:clamp(.9rem,2vw,1.15rem);font-weight:300}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px)saturate(180%);transition:var(--transition-smooth);border-radius:24px;padding:2rem;box-shadow:0 12px 40px #0006}.theme-toggle{z-index:100;cursor:pointer;color:var(--text-white);transition:var(--transition-fast);border:1px solid var(--glass-border);border-radius:30px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;display:flex;position:fixed;top:1.5rem;left:1.5rem}.theme-toggle:hover{background:var(--glass-highlight);transform:scale(1.05)}.glass-panel:hover{border-color:var(--glass-border-hover);box-shadow:0 16px 48px #00000080}.initial-layout{justify-content:center;align-items:center;width:100%;animation:.6s fade-in;display:flex}.large-map-wrapper{width:100%;max-width:900px;transition:var(--transition-smooth)}.large-map{padding:2rem}.map-background-blur{filter:blur(8px)brightness(.6);z-index:-1;opacity:.4;pointer-events:none;justify-content:center;width:100vw;transition:all .8s cubic-bezier(.25,1,.5,1);display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(2.5)}@keyframes fly-from-map{0%{opacity:0;transform:translate(50vw,30vh)scale(3.5)}15%{opacity:1}to{opacity:1;transform:translate(0)scale(1)}}.department-miniature{animation:.7s cubic-bezier(.34,1.56,.64,1) forwards fly-from-map}.bento-grid.active-layout{grid-template-rows:max-content 1fr;grid-template-columns:380px minmax(0,450px);justify-content:center;align-items:start;gap:2rem;width:100%;animation:.5s cubic-bezier(.25,.8,.25,1) slide-up;display:grid}.left-panel{flex-direction:column;grid-area:1/1;gap:1.5rem;display:flex}.right-panel{flex-direction:column;grid-area:1/2/span 2;gap:1.5rem;display:flex}.comments-panel{grid-area:2/1;align-self:start}.department-title{margin-bottom:-.5rem;margin-left:.5rem;font-size:1.6rem;font-weight:800}.gamified-map-container{border:2px solid #ffb30033;border-radius:18px;width:100%;position:relative;overflow:hidden;box-shadow:0 12px 36px #0009}.nicaragua-game-map-img{width:100%;height:auto;transition:var(--transition-smooth);display:block}.nicaragua-game-svg-overlay{z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.hotspot-path{fill:#fff0;stroke:#fff0;stroke-width:2px;cursor:pointer;transition:var(--transition-fast)}.hotspot-path:hover{fill:#ffb30038;stroke:var(--color-primary);stroke-width:3px;filter:drop-shadow(0 0 12px var(--color-primary))}.hotspot-path.active{fill:#ffb30059;stroke:var(--color-primary);stroke-width:4px;filter:drop-shadow(0 0 18px var(--color-primary))}.marker-glow{animation:2s infinite alternate pulse-glow-game}@keyframes pulse-glow-game{0%{r:10px;opacity:.6;filter:drop-shadow(0 0 4px var(--color-primary))}to{r:18px;opacity:1;filter:drop-shadow(0 0 16px var(--color-primary))}}.map-wrapper{flex-direction:column;gap:1rem;display:flex}.map-title{text-align:center;font-size:1.45rem;font-weight:600}.map-legend{color:var(--text-muted);justify-content:center;gap:1.5rem;margin-top:.5rem;font-size:.85rem;display:flex}.legend-item{align-items:center;gap:.5rem;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot.active{background:var(--color-primary)}.landmark-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;flex-direction:column;padding:0;display:flex;position:relative;box-shadow:0 12px 40px #0006}.landmark-image-wrapper{border-top-left-radius:24px;border-top-right-radius:24px;width:100%;height:240px;position:relative;overflow:hidden}.landmark-img{object-fit:cover;width:100%;height:100%}.landmark-image-wrapper:after{content:"";background:linear-gradient(#12162100 0%,#12162199 100%);width:100%;height:80px;position:absolute;bottom:-1px;left:0}.department-miniature{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid var(--glass-border);z-index:10;background:#12162180;border-radius:14px;justify-content:center;align-items:center;width:110px;height:110px;display:flex;position:absolute;top:15px;left:15px;overflow:hidden;box-shadow:0 4px 15px #00000080}.landmark-content{z-index:3;flex-direction:column;gap:.5rem;padding:0 1.8rem 1.8rem;display:flex;position:relative}.landmark-desc{color:var(--text-white);font-size:.95rem;font-weight:300;line-height:1.6}.back-button{color:var(--text-muted);cursor:pointer;width:max-content;transition:var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:.88rem;font-weight:500;display:flex}.back-button:hover{color:var(--text-white);background:#ffffff1f;border-color:#fff3}.map-reset-btn{background:var(--color-primary);color:#1a1a1a;border:none;justify-content:center;width:100%;padding:.8rem;font-weight:700;box-shadow:0 4px 15px #ffb3004d}.map-reset-btn:hover{background:#ffc107;transform:translateY(-2px);box-shadow:0 6px 20px #ffb30066}.food-list-title{align-items:center;gap:.5rem;margin-bottom:.8rem;font-size:1.25rem;font-weight:600;display:flex}.food-list-title:before{content:"";background:var(--color-primary);border-radius:2px;width:4px;height:18px;display:inline-block}.food-list{flex-direction:column;gap:1rem;display:flex}.food-card{cursor:pointer;transition:var(--transition-smooth);background:#ffffff05;border:1px solid #ffffff0a;border-radius:18px;flex-direction:row;gap:1.5rem;padding:0;display:flex;overflow:hidden}.food-card:hover{background:#ffffff0d;border-color:#ffb30033;transform:translateY(-2px)}.food-card-img{object-fit:cover;border-right:1px solid #ffffff0f;flex-shrink:0;width:140px;height:130px}.food-card-info{flex-direction:column;flex:1;justify-content:center;gap:.4rem;display:flex}.food-card-name{font-size:1.15rem;font-weight:600}.food-card-desc{color:var(--text-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;font-weight:300;line-height:1.4;display:-webkit-box;overflow:hidden}.dish-detail-view{flex-direction:column;gap:1.2rem;display:flex}.dish-detail-header{align-items:center;gap:1rem;display:flex}.dish-detail-back{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-white);cursor:pointer;width:44px;height:44px;transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.dish-detail-back:hover{background:#ffffff1a}.dish-detail-title{letter-spacing:-.01em;font-size:1.8rem;font-weight:800}.dish-main-image{object-fit:cover;border:1px solid var(--glass-border);border-radius:20px;width:100%;height:415px;box-shadow:0 8px 30px #00000080}.dish-tabs{gap:.8rem;margin-top:.5rem;display:flex}.dish-tab{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);border-radius:30px;padding:.6rem 1.5rem;font-size:.95rem;font-weight:500}.dish-tab:hover{color:var(--text-white);background:#ffffff0d}.dish-tab.active{color:var(--bg-main);background:var(--text-white);font-weight:600;box-shadow:0 4px 12px #fff3}.tab-content{font-size:.92rem;line-height:1.6;animation:.3s fade-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.desc-text{font-weight:300}.dish-tab-content{background:var(--glass-bg);border:1px solid var(--glass-border);min-height:200px;color:var(--text-white);border-radius:20px;padding:1.8rem;font-size:1rem;line-height:1.7;animation:.3s fade-in}#cusdis_thread iframe{border:none!important;width:100%!important;min-height:600px!important}.ingredients-list{grid-template-columns:1fr;gap:.8rem;list-style:none;display:grid}.ingredient-item{border-bottom:1px solid #ffffff14;justify-content:space-between;padding:.5rem 0;font-size:.95rem;display:flex}.ing-name{color:var(--text-white)}.ing-qty{color:var(--color-primary);font-weight:600}.preparation-steps{flex-direction:column;gap:1rem;display:flex}.prep-step{border-left:2px solid var(--color-primary);padding-left:1rem;font-weight:300}.empty-placeholder{text-align:center;min-height:350px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.placeholder-icon{color:#ffffff26;font-size:3.5rem;animation:6s ease-in-out infinite float}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}15%{opacity:1}to{opacity:1;transform:translateY(0)}}.slide-up-stagger{opacity:0;animation:.5s cubic-bezier(.25,.8,.25,1) forwards slide-up-stagger-anim}@keyframes slide-up-stagger-anim{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=1150px){.bento-grid.active-layout{grid-template-columns:1fr 1fr}.center-panel{order:-1;grid-column:span 2}}@media (width<=768px){.app-container{padding:1rem}.bento-grid.active-layout{grid-template-rows:auto;grid-template-columns:1fr}.left-panel,.right-panel,.comments-panel{grid-area:auto/1}.center-panel{grid-column:span 1}.food-header{text-align:center;flex-direction:column}}.layered-map-wrapper{aspect-ratio:1;background-color:#a4e5ed;border-radius:3px;width:100%;max-width:1024px;margin:0 auto;position:relative;overflow:hidden}.map-layer{width:100%;height:100%;position:absolute;top:0;left:0}.terrain-layer{object-fit:cover;z-index:1}.svg-layer{z-index:2;pointer-events:none}.borders-layer{pointer-events:none}.interaction-layer .interactive-path{fill:#0000;stroke:#0000;pointer-events:visiblePainted;cursor:pointer;transition:all .3s}.interaction-layer .interactive-path:hover{fill:#ffc80066;filter:drop-shadow(0 0 10px #ffc800cc)}.interaction-layer .interactive-path.selected{fill:#ff960099;filter:drop-shadow(0 0 15px #ff9600)}.map-marker-group{pointer-events:none;z-index:3}.dept-label{fill:#4a2c11;text-anchor:middle;dominant-baseline:central;pointer-events:none;paint-order:stroke;stroke:#ffffffd9;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 2px #0000004d);font-family:Georgia,serif;font-size:15px;font-weight:900}.text-layer{z-index:3;pointer-events:none;color:#1a4a6b;text-shadow:1px 1px #fff9;font-family:Georgia,serif;font-weight:700}.geo-label{letter-spacing:2px;text-transform:uppercase;font-size:1.5rem;position:absolute;transform:translate(-50%,-50%)}.text-pacific{font-size:2rem;top:65%;left:15%;transform:translate(-50%,-50%)rotate(-45deg)}.text-caribbean{font-size:2rem;top:45%;left:90%;transform:translate(-50%,-50%)rotate(75deg)}.text-xolotlan{letter-spacing:1px;font-size:.9rem;top:61%;left:31%}.text-cocibolca{font-size:1.1rem;top:76%;left:55%}.ui-layer{z-index:10;pointer-events:none}.ui-title-bg{pointer-events:none;z-index:24;width:280px;height:auto;margin:auto;position:absolute;top:0;left:0;right:0}.ui-title-text{text-align:center;letter-spacing:2px;pointer-events:none;z-index:25;background:linear-gradient(135deg,#ffb300 20%,#fff59d 50%,#00b0ff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(2px 2px 4px #000c)drop-shadow(-1px -1px #4a2c11);-webkit-background-clip:text;background-clip:text;width:350px;margin:auto;font-family:Georgia,serif;font-size:2.2rem;font-weight:900;position:absolute;top:15px;left:0;right:0}.map-frame-overlay{pointer-events:none;z-index:20;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui-legend-container{width:180px;position:absolute;top:15%;left:10px}.ui-legend-bg{width:100%;height:auto}.ui-legend-content{color:#4a2c11;flex-direction:column;justify-content:center;align-items:center;width:80%;height:70%;font-family:Georgia,serif;display:flex;position:absolute;top:15%;left:10%}.ui-legend-content h3{border-bottom:2px solid #4a2c11;margin:0 0 10px;padding-bottom:5px;font-size:1.2rem}.ui-legend-content ul{text-align:left;width:100%;margin:0;padding:0;list-style:none}.ui-legend-content li{align-items:center;margin-bottom:5px;font-size:.9rem;display:flex}.ui-legend-content .dot{background-color:#ff5722;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.ui-icons-container{pointer-events:auto;flex-direction:column;gap:15px;display:flex;position:absolute;top:20px;right:20px}.ui-icon-item{width:80px;height:120px;position:relative}.ui-icon-banner{object-fit:contain;width:100%;height:100%}.ui-icon-element{width:50px;height:50px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.ui-scroll-container{width:500px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.ui-scroll-bg{width:100%;height:auto}.ui-scroll-content{text-align:center;color:#4a2c11;width:80%;font-family:Georgia,serif;font-size:1.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px){.geo-label{font-size:1rem}.text-pacific,.text-caribbean{font-size:1.2rem}.ui-title-container{width:250px}.ui-title-text{font-size:1.2rem}.ui-title-text span{font-size:.8rem}.ui-legend-container{display:none}.ui-icons-container{top:10px;right:10px}.ui-icon-item{width:60px;height:90px}.ui-icon-element{width:35px;height:35px}.ui-scroll-container{width:300px;bottom:10px}.ui-scroll-content{font-size:.9rem}}.ui-frame-layer{z-index:20;pointer-events:none;box-sizing:border-box;border-radius:12px;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 4px 4px 0 4px #fff3,inset -4px -4px 0 4px #0000004d,inset 0 0 0 20px #754623,inset 0 0 0 22px #3d220e,inset 4px 4px 0 22px #ffffff26,inset -4px -4px 0 22px #00000040,inset 0 0 0 28px #633a1c,inset 0 0 0 30px #3d220e,inset 0 0 30px 30px #0009}.ui-corner-bracket{pointer-events:none;z-index:25;width:85px;height:85px;position:absolute}.bracket-top-left{top:-4px;left:-4px}.bracket-top-right{top:-4px;right:-4px;transform:scaleX(-1)}.bracket-bottom-left{bottom:-4px;left:-4px;transform:scaleY(-1)}.bracket-bottom-right{bottom:-4px;right:-4px;transform:scale(-1)}.map-decorations-container{pointer-events:none;z-index:0;width:100vw;height:100vh;position:absolute;top:0;left:0;overflow:hidden}.decoration-item{opacity:.8;will-change:transform;position:absolute}.island-anim{width:50px;height:auto;animation:8s ease-in-out infinite alternate float-island}.wave-anim{width:20px;height:auto;animation:4s ease-in-out infinite alternate wave-bob}@keyframes float-island{0%{transform:scale(var(--item-scale,1)) translateY(0)}to{transform:scale(var(--item-scale,1)) translateY(-8px)}}@keyframes wave-bob{0%{transform:scale(var(--item-scale,1)) translateY(0) rotate(-2deg);opacity:.5}to{transform:scale(var(--item-scale,1)) translateY(-6px) rotate(2deg);opacity:.9}}