.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@layer tokens,base,components,utilities;@layer tokens{:root{--ac-bg: #fbf7ec;--ac-bg-2: #f3eed9;--ac-surface: #fffdf7;--ac-surface-2: #f6f1e1;--ac-dot: rgba(150, 128, 84, .045);--ac-text: #4f4534;--ac-text-muted: #93856e;--ac-border: #ece4cd;--ac-border-ink: #ddd1b1;--ac-green: #58b37b;--ac-green-deep: #3f9462;--ac-green-light: #e3f3e8;--ac-leaf: #7ac74f;--ac-sky: #4db4d8;--ac-bell: #f2c046;--ac-bell-deep: #d9a526;--ac-bell-bg: #fdf3d1;--ac-blue-light: #e7f4f1;--ac-pink: #f487b0;--accent: var(--ac-green);--accent-deep: var(--ac-green-deep);--accent-soft: var(--ac-green-light);--on-accent: #ffffff;--ac-shadow-sm: 0 2px 8px rgba(79, 69, 52, .05);--ac-shadow: 0 10px 26px rgba(79, 69, 52, .08);--ac-shadow-lg: 0 22px 48px rgba(79, 69, 52, .13);--ac-shadow-pop: 0 4px 0 rgba(79, 69, 52, .07);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 11px;--radius-pill: 999px;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-14: 3.5rem;--sp-16: 4rem;--sp-20: 5rem;--font-display: "Fredoka", "Baloo 2", "Nunito", system-ui, sans-serif;--font-body: "Nunito", "Quicksand", system-ui, sans-serif;--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--ease-soft: cubic-bezier(.22, .61, .36, 1);--t-fast: .15s;--t-base: .24s;--nav-height: 74px;--container: 1200px;--z-nav: 1000;--z-overlay: 9999}[data-theme=dark]{--ac-bg: #211e19;--ac-bg-2: #2a2620;--ac-surface: #312d26;--ac-surface-2: #3a352d;--ac-dot: rgba(255, 244, 214, .035);--ac-text: #ede5d4;--ac-text-muted: #a89c86;--ac-border: #423d33;--ac-border-ink: #4d473c;--ac-green: #6fc790;--ac-green-deep: #57ab77;--ac-green-light: #2c4a3a;--ac-leaf: #8ed862;--ac-bell: #f5cf66;--ac-bell-bg: #4a3f20;--ac-blue-light: #2c3f3e;--ac-shadow-sm: 0 2px 8px rgba(0, 0, 0, .28);--ac-shadow: 0 10px 26px rgba(0, 0, 0, .36);--ac-shadow-lg: 0 22px 48px rgba(0, 0, 0, .46);--ac-shadow-pop: 0 4px 0 rgba(0, 0, 0, .3)}.accent-fish{--accent:#3d9be0;--accent-deep:#2b7fc0;--accent-soft:#e3f1fb}.accent-insect{--accent:#63bb47;--accent-deep:#4d9d36;--accent-soft:#e9f6e0}.accent-sea{--accent:#9b6dc4;--accent-deep:#7f52a8;--accent-soft:#efe7f8}.accent-flower{--accent:#ef74a7;--accent-deep:#d4548a;--accent-soft:#fde3ef}.accent-event{--accent:#f2994a;--accent-deep:#d87c2e;--accent-soft:#fdecdd}.accent-museum{--accent:#c79a2b;--accent-deep:#a87e18;--accent-soft:#f8efce}.accent-recipe{--accent:#e07a3d;--accent-deep:#c25f25;--accent-soft:#fbe7d9}.accent-material{--accent:#3aa6c9;--accent-deep:#2887a8;--accent-soft:#def1f7}.accent-villager{--accent:#e0673d;--accent-deep:#c44e27;--accent-soft:#fbe3d9}.accent-fossil{--accent:#a98253;--accent-deep:#8a663b;--accent-soft:#f1e7d6}.accent-guide{--accent:#58b37b;--accent-deep:#3f9462;--accent-soft:#e3f3e8}.accent-achievement{--accent:#2bb3a3;--accent-deep:#1d9488;--accent-soft:#dbf3ef}}@layer base{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + var(--sp-4))}body{font-family:var(--font-body);font-weight:500;color:var(--ac-text);line-height:1.6;background-color:var(--ac-bg);background-image:radial-gradient(var(--ac-dot) 1px,transparent 1px);background-size:30px 30px;overflow-x:hidden;padding-bottom:var(--sp-10);transition:background-color var(--t-base),color var(--t-base);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:600;line-height:1.14;color:var(--ac-text);letter-spacing:-.015em;text-wrap:balance}h1{font-size:clamp(2rem,5vw,2.9rem);font-weight:700}h2{font-size:clamp(1.45rem,3.5vw,1.9rem)}h3{font-size:clamp(1.15rem,2.5vw,1.35rem)}p{text-wrap:pretty}a{color:var(--accent-deep)}img{max-width:100%}button{font-family:inherit}::selection{background:var(--ac-leaf);color:#fff}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}}@layer components{.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--sp-5)}header{height:var(--nav-height);position:sticky;top:0;z-index:var(--z-nav);display:flex;align-items:center;background:color-mix(in srgb,var(--ac-surface) 86%,transparent);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--ac-border)}header .container{display:flex;align-items:center;gap:var(--sp-4)}.logo{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-weight:700;font-size:1.4rem;color:var(--ac-green-deep);text-decoration:none;letter-spacing:-.02em;margin-right:auto}.logo span:first-child{display:inline-grid;place-items:center;width:40px;height:40px;background:var(--ac-green-light);border-radius:var(--radius-pill);animation:sway 6s var(--ease-soft) infinite}.main-nav{display:none}@media (min-width: 960px){.main-nav{display:flex;align-items:center;gap:var(--sp-1);margin-right:auto;margin-left:var(--sp-4)}.logo{margin-right:0}}.nav-link{display:inline-flex;align-items:center;gap:7px;padding:.5rem .9rem;font-family:var(--font-display);font-weight:500;font-size:.98rem;color:var(--ac-text-muted);text-decoration:none;border-radius:var(--radius-pill);transition:color var(--t-fast),background var(--t-fast)}.nav-link:hover{color:var(--ac-text);background:var(--ac-surface-2)}.nav-link.active{color:var(--ac-green-deep);background:var(--ac-green-light);font-weight:600}.nav-link .nav-emoji{font-size:1.05rem;line-height:1}.header-actions{display:inline-flex;align-items:center;gap:var(--sp-2)}.icon-btn,#theme-toggle,#search-trigger{all:unset;display:inline-grid;place-items:center;width:44px;height:44px;font-size:1.2rem;background:var(--ac-surface-2);color:var(--ac-text);border-radius:var(--radius-pill);cursor:pointer;transition:transform var(--t-fast) var(--ease-spring),background var(--t-fast)}.icon-btn:hover,#theme-toggle:hover,#search-trigger:hover{background:var(--ac-green-light);color:var(--ac-green-deep)}.icon-btn:active,#theme-toggle:active,#search-trigger:active{transform:scale(.88)}.icon-btn:focus-visible,#theme-toggle:focus-visible,#search-trigger:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.hero{padding:var(--sp-12) 0 var(--sp-8);text-align:center}.hero h1{font-size:clamp(2.2rem,6vw,3.3rem);margin-bottom:var(--sp-4)}.hero p{color:var(--ac-text-muted);font-size:1.15rem;max-width:50ch;margin-inline:auto}.page-hero{position:relative;text-align:center;padding:var(--sp-12) var(--sp-6) var(--sp-14);margin-top:var(--sp-8);margin-bottom:var(--sp-10);color:var(--on-accent);border-radius:var(--radius-xl);background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.26),transparent 62%),linear-gradient(155deg,var(--accent) 0%,var(--accent-deep) 100%);box-shadow:var(--ac-shadow);overflow:hidden;isolation:isolate}.page-hero:after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.1) 2px,transparent 2px);background-size:32px 32px;opacity:.5}.page-hero .hero-emoji{font-size:clamp(3rem,9vw,4.2rem);display:inline-block;filter:drop-shadow(0 8px 12px rgba(0,0,0,.16));animation:float 5s var(--ease-soft) infinite}.page-hero h1{color:#fff;font-size:clamp(2.1rem,6vw,3rem);margin:var(--sp-3) 0 var(--sp-2)}.page-hero p{color:#fffffff0;max-width:54ch;margin:0 auto;font-size:1.12rem}.ac-card{background:var(--ac-surface);border:1px solid var(--ac-border);border-radius:var(--radius-lg);box-shadow:var(--ac-shadow);padding:var(--sp-6)}.ac-panel{background:var(--ac-surface-2);border:1px solid var(--ac-border-ink);border-radius:var(--radius-md);padding:var(--sp-5)}.app-grid,.category-selection{display:grid;grid-template-columns:1fr;gap:var(--sp-4);margin-top:var(--sp-8)}.app-tile,.cat-card{display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-5);background:var(--ac-surface);border:1px solid var(--ac-border);border-radius:var(--radius-lg);box-shadow:var(--ac-shadow-sm);text-decoration:none;color:var(--ac-text);transition:transform var(--t-base) var(--ease-spring),box-shadow var(--t-base),border-color var(--t-base)}.app-tile:hover,.cat-card:hover{transform:translateY(-5px);box-shadow:var(--ac-shadow-lg);border-color:color-mix(in srgb,var(--accent) 55%,var(--ac-border))}.app-tile:active,.cat-card:active{transform:scale(.98)}.app-tile .tile-icon,.cat-card i{flex-shrink:0;display:grid;place-items:center;width:70px;height:70px;font-size:2.2rem;font-style:normal;background:var(--accent-soft);border-radius:var(--radius-md)}.app-tile .tile-icon img,.cat-card i img{width:76%;height:76%;object-fit:contain}.app-tile .tile-label,.cat-card span{font-family:var(--font-display);font-weight:600;font-size:1.2rem;line-height:1.15}.app-tile .tile-sub{display:block;font-family:var(--font-body);font-weight:600;font-size:.88rem;color:var(--ac-text-muted);margin-top:3px}.ac-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:.72rem 1.4rem;font-family:var(--font-display);font-weight:600;font-size:1rem;color:var(--ac-text);background:var(--ac-surface);border:1px solid var(--ac-border-ink);border-radius:var(--radius-pill);text-decoration:none;cursor:pointer;transition:transform var(--t-fast) var(--ease-spring),background var(--t-fast),box-shadow var(--t-fast),border-color var(--t-fast)}.ac-btn:hover{transform:translateY(-2px);box-shadow:var(--ac-shadow-sm);border-color:var(--accent)}.ac-btn:active{transform:scale(.96)}.ac-btn--primary{color:var(--on-accent);background:var(--accent);border-color:transparent;box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 34%,transparent)}.ac-btn--primary:hover{background:var(--accent-deep);border-color:transparent;box-shadow:0 9px 22px color-mix(in srgb,var(--accent) 40%,transparent)}.ac-btn--block{width:100%}.ac-badge{display:inline-flex;align-items:center;gap:6px;padding:.32rem .78rem;font-weight:700;font-size:.85rem;color:var(--accent-deep);background:var(--accent-soft);border-radius:var(--radius-pill)}.price-tag{display:inline-flex;align-items:center;gap:6px;padding:.35rem .8rem;font-weight:800;font-size:.9rem;color:var(--ac-bell-deep);background:var(--ac-bell-bg);border-radius:var(--radius-pill)}.ac-chip{display:inline-flex;align-items:center;gap:6px;padding:.35rem .85rem;font-weight:700;font-size:.85rem;color:var(--ac-text);background:var(--ac-surface);border:1px solid var(--ac-border-ink);border-radius:var(--radius-pill)}.tab-nav{display:flex;gap:var(--sp-2);padding:var(--sp-2);margin:var(--sp-6) 0;background:var(--ac-surface);border:1px solid var(--ac-border);border-radius:var(--radius-pill);box-shadow:var(--ac-shadow-sm);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}.tab-nav::-webkit-scrollbar{display:none}.tab-item,.tab-btn{flex:1 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:.72rem 1.3rem;font-family:var(--font-display);font-weight:500;font-size:.98rem;color:var(--ac-text-muted);text-decoration:none;white-space:nowrap;background:transparent;border:none;border-radius:var(--radius-pill);cursor:pointer;scroll-snap-align:start;transition:color var(--t-fast),background var(--t-fast),transform var(--t-fast) var(--ease-spring)}.tab-btn{background:var(--ac-surface);border:1px solid var(--ac-border);box-shadow:var(--ac-shadow-sm)}.tab-item:hover,.tab-btn:hover{color:var(--ac-text);transform:translateY(-2px)}.tab-item.active,.tab-btn.active{color:var(--on-accent);background:var(--accent);font-weight:600;border-color:transparent;box-shadow:0 6px 14px color-mix(in srgb,var(--accent) 36%,transparent)}.info-box{background:var(--ac-surface);border:1px solid var(--ac-border);border-left:5px solid var(--accent);border-radius:var(--radius-md);box-shadow:var(--ac-shadow-sm);padding:var(--sp-6);margin-bottom:var(--sp-8);line-height:1.65}.info-box h2{display:flex;align-items:center;gap:9px;color:var(--accent-deep);font-size:1.3rem;margin-bottom:var(--sp-3)}.info-box p{margin-bottom:var(--sp-3)}.info-box p:last-child{margin-bottom:0}.info-box strong{color:var(--ac-text);font-weight:800}.info-box em{color:var(--accent-deep);font-style:italic;font-weight:700}.tip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-4);margin-top:var(--sp-5)}.tip-card{background:var(--ac-surface-2);border-top:3px solid var(--accent);border-radius:var(--radius-md);padding:var(--sp-4)}.tip-card strong{display:block;font-family:var(--font-display);font-weight:600;margin-bottom:6px}.tip-card span{font-size:.9rem;color:var(--ac-text-muted);line-height:1.55}.ac-bubble,.catchphrase-box{position:relative;margin-top:var(--sp-4);padding:var(--sp-4);text-align:center;font-style:italic;font-weight:600;color:var(--ac-text-muted);background:var(--ac-blue-light);border-radius:var(--radius-md)}.ac-bubble:before,.catchphrase-box:before{content:"";position:absolute;top:-9px;left:26px;border-inline:10px solid transparent;border-bottom:10px solid var(--ac-blue-light)}.creature-grid,.entity-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-5)}.creature-card{display:flex;flex-direction:column;gap:var(--sp-4);height:100%;padding:var(--sp-5);background:var(--ac-surface);border:1px solid var(--ac-border);border-radius:var(--radius-lg);box-shadow:var(--ac-shadow);transition:transform var(--t-base) var(--ease-spring),box-shadow var(--t-base),border-color var(--t-base)}.creature-card:hover{transform:translateY(-5px);box-shadow:var(--ac-shadow-lg);border-color:color-mix(in srgb,var(--accent) 55%,var(--ac-border))}.card-content-top{display:flex;gap:var(--sp-4);align-items:center}.creature-card .img-container{flex-shrink:0;display:grid;place-items:center;width:92px;height:92px;padding:12px;background:var(--ac-surface-2);border:1px solid var(--ac-border);border-radius:var(--radius-pill)}.creature-card .img-container img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.12))}.creature-card .name{font-family:var(--font-display);font-weight:600;font-size:1.3rem;line-height:1.1}.card-header-flex{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-2);flex-wrap:wrap;padding-bottom:var(--sp-3);border-bottom:1px solid var(--ac-border)}.creature-info-list{display:flex;flex-direction:column;gap:var(--sp-2);font-size:.95rem}.info-row{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);padding-bottom:var(--sp-2);border-bottom:1px solid var(--ac-border)}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-label{display:inline-flex;align-items:center;gap:6px;color:var(--ac-text-muted);font-weight:700}.info-value{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;color:var(--ac-text);font-weight:700;text-align:right}.shadow-icon{height:28px;width:auto;opacity:.85;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}[data-theme=dark] .shadow-icon{filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.5));opacity:.8}.shadow-circle{display:inline-block;vertical-align:middle;margin-right:8px;border-radius:50%;background:var(--ac-text);box-shadow:inset 0 2px 4px #00000080;opacity:.85}.shadow-winzig{width:10px;height:10px}.shadow-klein{width:14px;height:14px}.shadow-mittel{width:18px;height:18px}.shadow-gross{width:22px;height:22px}.shadow-sehr-gross{width:26px;height:26px}[data-theme=dark] .shadow-circle{background:#fff;box-shadow:inset 0 2px 4px #ffffff80}.weather-container{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:56px;min-height:24px}.weather-icon{width:24px;height:24px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.1))}.month-grid,.month-grid-container{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:auto;padding:10px;background:var(--ac-surface-2);border:1px solid var(--ac-border);border-radius:var(--radius-sm)}.month-box{text-align:center;padding:6px 0;font-size:.72rem;font-weight:800;text-transform:uppercase;border-radius:7px;transition:transform var(--t-fast) var(--ease-spring)}.month-box.active{color:var(--on-accent);background:var(--accent);box-shadow:0 2px 4px color-mix(in srgb,var(--accent) 35%,transparent)}.month-box.inactive{color:var(--ac-text-muted);background:#0000000a;opacity:.6}[data-theme=dark] .month-box.inactive{background:#ffffff0f}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);background:var(--ac-surface);border:1px solid var(--ac-border);border-radius:var(--radius-lg);box-shadow:var(--ac-shadow-sm)}.ac-checkbox{display:inline-flex;align-items:center;gap:9px;font-weight:700;cursor:pointer;user-select:none;padding:.45rem .9rem;border-radius:var(--radius-pill);transition:background var(--t-fast)}.ac-checkbox:hover{background:var(--ac-surface-2)}.ac-checkbox input{width:20px;height:20px;accent-color:var(--accent);cursor:pointer}.planner-bar{gap:var(--sp-4)}.planner-label{font-weight:800;font-size:1.05rem;white-space:nowrap}.planner-field{display:inline-flex;align-items:center;gap:var(--sp-2);font-weight:700}.planner-field select.ac-input{min-width:auto}.planner-hint{flex:1 1 220px;font-weight:600;color:var(--ac-text-muted)}.planner-hint.hide{display:none}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-6)}.ac-input{flex:1;min-width:200px;padding:.78rem 1.2rem;font:inherit;font-weight:600;color:var(--ac-text);background:var(--ac-surface);border:1px solid var(--ac-border-ink);border-radius:var(--radius-pill);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.ac-input::placeholder{color:var(--ac-text-muted);font-weight:500}.ac-input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}select.ac-input{cursor:pointer;flex:0 0 auto}.mini-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px}.mini-card{position:relative;display:grid;place-items:center;aspect-ratio:1;padding:6px;background:var(--ac-surface-2);border:2px solid transparent;border-radius:var(--radius-sm);box-shadow:inset 0 2px 5px #0000000d;transition:transform .2s var(--ease-spring),border-color .2s}.mini-card img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.mini-card:hover{transform:scale(1.12);border-color:var(--accent);z-index:2}.mini-card.faded{opacity:.28;filter:grayscale(1)}.mini-card.is-now{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.mini-card.is-now:after{content:"";position:absolute;top:4px;right:4px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--ac-surface);animation:livePulse 1.8s var(--ease-soft) infinite}.fauna-tabs{position:sticky;top:calc(var(--nav-height) + var(--sp-2));z-index:50;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-3);padding:var(--sp-2);margin-bottom:var(--sp-6);background:color-mix(in srgb,var(--ac-bg) 82%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-pill)}.tab-btn .count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;margin-left:2px;font-size:.72rem;font-weight:800;line-height:1;color:var(--accent-deep);background:var(--accent-soft);border-radius:var(--radius-pill)}.tab-btn.active .count{color:var(--accent);background:#ffffffe6}.fauna-toolbar{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:var(--sp-5)}.result-count{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.92rem;color:var(--ac-text-muted);margin-bottom:var(--sp-5)}.result-count b{color:var(--accent-deep)}.mini-grid-head{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:.95rem;color:var(--accent-deep);margin-bottom:var(--sp-3)}.creature-card{position:relative}.creature-card.is-now{border-color:var(--accent)}.now-badge{position:absolute;top:-10px;right:var(--sp-5);display:none;align-items:center;gap:6px;padding:.28rem .7rem;font-family:var(--font-display);font-weight:600;font-size:.78rem;color:var(--on-accent);background:var(--accent);border-radius:var(--radius-pill);box-shadow:0 4px 10px color-mix(in srgb,var(--accent) 40%,transparent)}.creature-card.is-now .now-badge{display:inline-flex}.now-badge .dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:livePulse 1.8s var(--ease-soft) infinite}.empty-state{text-align:center;padding:var(--sp-12) var(--sp-6);background:var(--ac-surface);border:1px solid var(--ac-border-ink);border-radius:var(--radius-lg);color:var(--ac-text-muted)}.empty-state .emoji{font-size:3rem;display:block;margin-bottom:var(--sp-3)}.section-title{display:flex;align-items:center;justify-content:center;gap:10px;font-size:clamp(1.5rem,4vw,1.85rem);text-align:center;margin-bottom:var(--sp-6)}.detail-list{display:flex;flex-direction:column;gap:var(--sp-2)}.detail-row{display:flex;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-3) 0;border-bottom:1px solid var(--ac-border)}.detail-row:last-child{border-bottom:none}.detail-row dt{color:var(--ac-text-muted);font-weight:700}.detail-row dd{color:var(--ac-text);font-weight:700;text-align:right}footer{margin-top:var(--sp-16);margin-bottom:calc(var(--nav-height) + var(--sp-8));padding:var(--sp-10) 0;text-align:center;border-top:1px solid var(--ac-border);color:var(--ac-text-muted);font-size:.9rem}footer .brand{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--ac-green-deep);margin-bottom:var(--sp-3)}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2) var(--sp-4);max-width:640px;margin:0 auto var(--sp-5)}.footer-nav a{color:var(--ac-text-muted);text-decoration:none;font-weight:600;transition:color var(--t-fast)}.footer-nav a:hover{color:var(--ac-green-deep)}.error-hero{padding:var(--sp-16) 0;text-align:center}.error-icon{font-size:5rem;margin-bottom:var(--sp-5);display:inline-block;animation:wobble 3s ease-in-out infinite}.error-actions{margin-top:var(--sp-8)}.btn-back{display:inline-block;padding:.9rem 1.8rem;color:var(--on-accent);background:var(--accent);border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:600;text-decoration:none;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 36%,transparent);transition:transform var(--t-fast) var(--ease-spring),box-shadow var(--t-fast)}.btn-back:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 11px 26px color-mix(in srgb,var(--accent) 42%,transparent)}.btn-back:active{transform:scale(.96)}.bottom-tab-bar{position:fixed;left:var(--sp-4);right:var(--sp-4);bottom:calc(var(--sp-3) + env(safe-area-inset-bottom,0px));height:64px;display:flex;justify-content:space-around;align-items:center;background:color-mix(in srgb,var(--ac-surface) 90%,transparent);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--ac-border);border-radius:var(--radius-xl);box-shadow:var(--ac-shadow-lg);z-index:var(--z-overlay)}.bottom-tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;min-width:0;height:100%;padding-inline:2px;color:var(--ac-text-muted);font-weight:700;font-size:.5rem;letter-spacing:-.02em;text-decoration:none;transition:color var(--t-fast),transform var(--t-fast) var(--ease-spring)}.bottom-tab-item i,.bottom-tab-item span:first-child{font-size:1.3rem;font-style:normal;line-height:1}.bottom-tab-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-tab-item.active{color:var(--accent)}.bottom-tab-item.active span:first-child{animation:pop-in .4s var(--ease-spring)}.bottom-tab-item:active{transform:scale(.9)}}@layer utilities{.stack{display:flex;flex-direction:column}.stack-1{gap:var(--sp-1)}.stack-2{gap:var(--sp-2)}.stack-3{gap:var(--sp-3)}.stack-4{gap:var(--sp-4)}.stack-5{gap:var(--sp-5)}.stack-6{gap:var(--sp-6)}.stack-8{gap:var(--sp-8)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3)}.grow{flex:1}.center{display:grid;place-items:center}.between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--min, 280px),1fr));gap:var(--gap, var(--sp-5))}.text-center{text-align:center}.justify-center{justify-content:center}.muted{color:var(--ac-text-muted)}.accent-text{color:var(--accent-deep)}.full{width:100%}.mt-6{margin-top:var(--sp-6)}.mt-8{margin-top:var(--sp-8)}.mt-10{margin-top:var(--sp-10)}.mb-6{margin-bottom:var(--sp-6)}.mb-8{margin-bottom:var(--sp-8)}.hide{display:none!important}.pop-in{animation:pop-in .45s var(--ease-spring) both}.floating{animation:float 5s var(--ease-soft) infinite;display:inline-block}.wobble-hover:hover{animation:wobble .5s ease-in-out}.faded{opacity:.28;filter:grayscale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sway{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes wobble{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes pop-in{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes bounce-in{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes livePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.55}}@media (min-width: 560px){@layer components{.creature-grid,.entity-grid{grid-template-columns:repeat(2,1fr)}}}@media (min-width: 640px){@layer components{.app-grid,.category-selection{grid-template-columns:repeat(2,1fr);gap:var(--sp-5)}}}@media (min-width: 960px){@layer components{.app-grid,.category-selection{grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}.app-tile,.cat-card{padding:var(--sp-6)}.creature-grid,.entity-grid{grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}.page-hero{padding-block:var(--sp-14) var(--sp-16)}.container{padding-inline:var(--sp-6)}}}@media (min-width: 1280px){@layer components{.entity-grid{grid-template-columns:repeat(4,1fr)}}}@media (min-width: 960px){@layer components{.bottom-tab-bar{display:none}}}@media (max-width: 959px){body{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}@layer components{footer{margin-bottom:var(--sp-8)}}}@media (prefers-reduced-motion: no-preference){.app-grid>*,.creature-grid>*,.entity-grid>*{animation:bounce-in .5s var(--ease-soft) backwards}.app-grid>:nth-child(2),.creature-grid>:nth-child(2),.entity-grid>:nth-child(2){animation-delay:.05s}.app-grid>:nth-child(3),.creature-grid>:nth-child(3),.entity-grid>:nth-child(3){animation-delay:.1s}.app-grid>:nth-child(4),.creature-grid>:nth-child(4),.entity-grid>:nth-child(4){animation-delay:.15s}.app-grid>:nth-child(5),.creature-grid>:nth-child(5),.entity-grid>:nth-child(5){animation-delay:.2s}.app-grid>:nth-child(6),.creature-grid>:nth-child(6),.entity-grid>:nth-child(6){animation-delay:.25s}.app-grid>:nth-child(n+7),.creature-grid>:nth-child(n+7),.entity-grid>:nth-child(n+7){animation-delay:.28s}.page-hero .hero-emoji,.hero-emoji.floating{will-change:transform}}.ac-btn,.tab-item,.tab-btn,.ac-checkbox,.btn-back,.nav-link{min-height:44px}.ac-chip,.ac-badge,.price-tag{min-height:30px}.app-tile .tile-icon,.cat-card i{transition:transform var(--t-base) var(--ease-spring)}.app-tile:hover .tile-icon,.cat-card:hover i{transform:scale(1.05)}@media (max-width: 360px){.container{padding-inline:var(--sp-4)}.logo{font-size:1.15rem;gap:var(--sp-1)}.logo span:first-child{width:34px;height:34px}.header-actions{gap:var(--sp-1)}.hero{padding-top:var(--sp-8)}.hero h1{font-size:clamp(1.8rem,9vw,2.2rem)}.hero p{font-size:1.02rem}.app-grid,.category-selection{gap:var(--sp-3)}.app-tile,.cat-card{gap:var(--sp-4);padding:var(--sp-4)}.app-tile .tile-icon,.cat-card i{width:56px;height:56px;font-size:1.7rem}.app-tile .tile-label,.cat-card span{font-size:1.08rem}.app-tile .tile-sub{font-size:.8rem}.page-hero{padding:var(--sp-10) var(--sp-4) var(--sp-12);margin-top:var(--sp-6);border-radius:var(--radius-lg)}.page-hero h1{font-size:clamp(1.7rem,8vw,2.1rem)}.page-hero p{font-size:1.02rem}.ac-card{padding:var(--sp-5)}.creature-card{padding:var(--sp-4)}.creature-card .img-container{width:72px;height:72px;padding:9px}.creature-card .name{font-size:1.1rem}.tab-item,.tab-btn{padding:.6rem .95rem;font-size:.9rem}.filter-bar,.toolbar{padding:var(--sp-3) var(--sp-4);gap:var(--sp-3)}.bottom-tab-bar{left:var(--sp-2);right:var(--sp-2)}.bottom-tab-bar{gap:0}.bottom-tab-item{gap:2px;padding-inline:0}.bottom-tab-item i,.bottom-tab-item span:first-child{font-size:1.2rem}.bottom-tab-label{font-size:.48rem}}