:root,[data-theme=dark]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-bg:var(--lightningcss-light,#f2f5ec)var(--lightningcss-dark,#1a1a1a);--color-bg-surface:var(--lightningcss-light,#e4ebd8)var(--lightningcss-dark,#242424);--color-bg-panel:var(--lightningcss-light,#93bf4c)var(--lightningcss-dark,#2a3d1d);--color-bg-panel-dark:var(--lightningcss-light,#598f3a)var(--lightningcss-dark,#132510);--color-bg-card:var(--lightningcss-light,#6ea347)var(--lightningcss-dark,#3a5a2a);--color-bg-card-hover:var(--lightningcss-light,#7fb050)var(--lightningcss-dark,#4a6a3a);--color-text:var(--lightningcss-light,#262626)var(--lightningcss-dark,#e5e5e5);--color-text-on-panel:var(--lightningcss-light,#13371b)var(--lightningcss-dark,#e5e5e5);--color-text-on-accent:#13371b;--color-text-muted:var(--lightningcss-light,#4a5a3a)var(--lightningcss-dark,#a0a0a0);--color-primary:var(--lightningcss-light,#598f3a)var(--lightningcss-dark,#93bf4c);--color-primary-hover:var(--lightningcss-light,#4a7a2e)var(--lightningcss-dark,#a4d45c);--color-accent:#ffb327;--color-accent-hover:#ffc04a;--color-accent-shadow:var(--lightningcss-light,#ffb32766)var(--lightningcss-dark,#ffb32733);--color-success:var(--lightningcss-light,#598f3a)var(--lightningcss-dark,#93bf4c);--color-error:var(--lightningcss-light,#d44)var(--lightningcss-dark,#ff6b6b);--color-warning:var(--lightningcss-light,#b8860b)var(--lightningcss-dark,#facc15);--color-disabled:var(--lightningcss-light,#ccc)var(--lightningcss-dark,#333);--color-disabled-text:var(--lightningcss-light,#999)var(--lightningcss-dark,#666);--color-border:var(--lightningcss-light,#93bf4c)var(--lightningcss-dark,#3a5a2a);--color-stat:var(--lightningcss-light,#13371b)var(--lightningcss-dark,var(--color-accent));--shadow-card:0 4px 16px var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#00000080);--shadow-card-hover:0 8px 32px var(--lightningcss-light,#00000026)var(--lightningcss-dark,#0009);--shadow-glow-primary:0 0 20px var(--lightningcss-light,#598f3a33)var(--lightningcss-dark,#93c84a33);--shadow-glow-success:0 0 20px var(--lightningcss-light,#598f3a4d)var(--lightningcss-dark,#93c84a33);--shadow-glow-error:0 0 20px var(--lightningcss-light,#dd44444d)var(--lightningcss-dark,#ff6b6b33);--shadow-glow-accent:0 0 20px var(--lightningcss-light,#ffb3274d)var(--lightningcss-dark,#ffb32733)}@media (prefers-color-scheme:dark){:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=winter]{--color-bg:#f0f7ff;--color-bg-surface:#e6f2ff;--color-bg-panel:#80b3ff;--color-bg-panel-dark:#4d94ff;--color-bg-card:#4d94ff;--color-bg-card-hover:#66a3ff;--color-text:#1a2b4d;--color-text-on-panel:#002b66;--color-text-on-accent:#002b66;--color-text-muted:#4a5a7a;--color-primary:#4d94ff;--color-primary-hover:#3385ff;--color-accent:#ffb327;--color-accent-hover:#ffc04a;--color-accent-shadow:#ffb32766;--color-success:#598f3a;--color-error:#d44;--color-warning:#b8860b;--color-disabled:#ccc;--color-disabled-text:#999;--color-border:#80b3ff;--color-stat:#002b66;--shadow-card:0 4px 16px #00000014;--shadow-card-hover:0 8px 32px #0000001f;--shadow-glow-primary:0 0 20px #4d94ff33;--shadow-glow-success:0 0 20px #598f3a4d;--shadow-glow-error:0 0 20px #dd44444d;--shadow-glow-accent:0 0 20px #ffb3274d}[data-theme=orange-purple]{--color-bg:#1a0f2e;--color-bg-surface:#261742;--color-bg-panel:#4a2e7a;--color-bg-panel-dark:#2d1a4d;--color-bg-card:#6b44a3;--color-bg-card-hover:#7e53bd;--color-text:#f0e6ff;--color-text-on-panel:#f0e6ff;--color-text-on-accent:#1a0f2e;--color-text-muted:#b3a0cc;--color-primary:#ff8c00;--color-primary-hover:orange;--color-accent:#ff8c00;--color-accent-hover:orange;--color-accent-shadow:#ff8c0033;--color-success:#93bf4c;--color-error:#ff6b6b;--color-warning:#facc15;--color-disabled:#324;--color-disabled-text:#768;--color-border:#4a2e7a;--color-stat:#ff8c00;--shadow-card:0 4px 16px #0006;--shadow-card-hover:0 8px 32px #00000080;--shadow-glow-primary:0 0 20px #ff8c0033;--shadow-glow-success:0 0 20px #93c84a33;--shadow-glow-error:0 0 20px #ff6b6b33;--shadow-glow-accent:0 0 20px #ff8c0033}html[data-theme=dark],html[data-theme=orange-purple]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light-green],html[data-theme=winter]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@font-face{font-family:Inglobal;src:url(../../../fonts/inglobal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:e-Ukraine;src:url(../../../fonts/e-Ukraine-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:e-Ukraine;src:url(../../../fonts/e-Ukraine-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--font-main:"Inglobal", "e-Ukraine", system-ui, sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.3s ease;--blur-glass:blur(10px);--measure-myths:500px;--measure-feeding:560px;--measure-habitat:560px;--measure-habitat-wide:min(96%, 1100px);--measure-family:560px;--measure-family-wide:min(96%, 980px);--measure-population:600px;--z-header:100;--z-modal:1000;--z-dropdown:500;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700}[data-font=inglobal]{--font-main:"Inglobal", "e-Ukraine", system-ui, sans-serif}[data-font=e-ukraine]{--font-main:"e-Ukraine", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,body *{transition:background-color 1s,color 1s,border-color 1s,box-shadow 1s,outline-color 1s,fill 1s,stroke 1s}body:before,body:after,.app-shell:before,.app-shell:after{content:"";z-index:-1;pointer-events:none;filter:blur(8px);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;transition:opacity 1s;position:fixed;inset:0;transform:scale(1.05)}body:before{opacity:0;background-image:url(../../../images/background/bg-light-green-v01.webp)}body:after{opacity:0;background-image:url(../../../images/background/bg-dark-v01.webp)}.app-shell:before{opacity:0;background-image:url(../../../images/background/bg-winter-v01.webp)}.app-shell:after{opacity:0;background-image:url(../../../images/background/bg-orange-purple-v01.webp)}:root[data-theme=light-green] body:before,:root[data-theme=dark] body:after,:root[data-theme=winter] .app-shell:before,:root[data-theme=orange-purple] .app-shell:after{opacity:1;animation:30s ease-out both blur-bg-in}*{box-sizing:border-box}:root{--color-avatar-ink:#fff;--color-avatar-red:#b3261e;--color-avatar-orange:#8a4b00;--color-avatar-green:#1f6b34;--color-avatar-teal:#0f5f6b;--color-avatar-blue:#1d4ed8;--color-avatar-violet:#6b28b8;--color-avatar-pink:#a3175e;--color-avatar-slate:#40505f}html{background-color:var(--color-bg);--color-scrollbar-track:color-mix(in srgb, var(--color-bg-surface), transparent 45%);--color-scrollbar-thumb:color-mix(in srgb, var(--color-accent), transparent 45%);scrollbar-color:var(--color-scrollbar-thumb) var(--color-scrollbar-track);scrollbar-width:auto;height:100%;font-size:16px;transition:background-color 1s}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:8px}body{color:var(--color-text);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0000;flex-direction:column;height:100%;margin:0;padding:0;line-height:1.5;display:flex}.app-shell{flex-direction:column;align-items:center;transition:background-color 1s;display:flex;position:relative}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);margin:0;line-height:1.2}p{margin:0}button{background:0 0;border:none;font-family:inherit}.header-btn{border-radius:var(--radius-md);background-color:color-mix(in srgb, var(--color-text-on-panel), transparent 90%);border:1px solid color-mix(in srgb, var(--color-text-on-panel), transparent 90%);width:36px;height:36px;color:var(--color-text-on-panel);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;padding:0;text-decoration:none;display:flex}.header-btn.placeholder{cursor:default;pointer-events:none;background:0 0;border-color:#0000}@media (hover:hover){.header-btn:hover{background-color:color-mix(in srgb, var(--color-text-on-panel), transparent 80%);transform:scale(1.05)}}.header-btn:active{transform:scale(.95)}button,a,[role=button]{touch-action:manipulation}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-accent,#4f46e5);outline-offset:2px;border-radius:2px}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link{background:var(--color-bg,#fff);color:var(--color-text,#000);z-index:10000;padding:8px;transition:top .2s;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.visually-hidden{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-panel{background:color-mix(in srgb, var(--color-bg-surface), transparent 25%);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.player-away{opacity:.5}.text-panel--tight{border-radius:var(--radius-sm);padding:2px 6px}.menu-page{padding:clamp(var(--space-sm), 2dvh, var(--space-xl));justify-content:center;align-items:center;gap:clamp(var(--space-md), 3dvh, var(--space-2xl));box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:480px;display:flex}.menu-grid{gap:clamp(var(--space-xs), 1.2dvh, var(--space-md));flex-direction:column;width:100%;display:flex}.menu-btn{width:100%;min-height:44px;padding:clamp(var(--space-xs), 1.2dvh, var(--space-md)) var(--space-xl);font-size:clamp(var(--font-size-sm), 2.1dvh, var(--font-size-lg));font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:transform var(--transition-fast), box-shadow var(--transition-normal), background-color var(--transition-normal);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;text-decoration:none;animation:.4s both card-enter,3s .4s both blur-in;display:flex}.menu-btn--game{background-color:color-mix(in srgb, var(--color-bg-panel), transparent 25%);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);color:var(--color-text-on-panel);box-shadow:var(--shadow-card)}@media (hover:hover){.menu-btn--game:hover{background-color:color-mix(in srgb, var(--color-bg-card-hover), transparent 15%);box-shadow:var(--shadow-glow-primary);transform:translateY(-2px)}.menu-btn--link:hover{background-color:color-mix(in srgb, var(--color-bg-surface), transparent 20%);box-shadow:var(--shadow-glow-primary);transform:translateY(-2px)}}.menu-btn--game:active{background-color:var(--color-bg-card-hover);box-shadow:none;transform:scale(.98)}.menu-btn--disabled{background-color:color-mix(in srgb, var(--color-disabled), transparent 50%);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);color:var(--color-disabled-text);cursor:not-allowed;box-shadow:none}.menu-btn--disabled:active{transform:none}.menu-links{gap:clamp(var(--space-xs), 1dvh, var(--space-sm));flex-direction:column;width:100%;display:flex}.menu-btn--link{background-color:color-mix(in srgb, var(--color-primary), transparent 50%);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);color:var(--color-text-on-panel);box-shadow:none}.menu-btn--link:active{background-color:color-mix(in srgb, var(--color-bg-surface), transparent 30%);transform:scale(.98)}.btn-primary{width:100%;max-width:320px;padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-text-on-accent);font:inherit;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);cursor:pointer;box-shadow:0 4px 0 color-mix(in srgb, var(--color-accent), black 30%);transition:all var(--transition-fast);border:none}.btn-primary:disabled{background:var(--color-disabled);color:var(--color-disabled-text);box-shadow:none;cursor:not-allowed}.btn-primary:not(:disabled):hover{background:var(--color-accent-hover);transform:translateY(-2px)}.font-noto{font-family:Noto Serif,serif}.font-comfortaa{font-family:Comfortaa,cursive}:root[data-fake-fullscreen=true] .app-shell{z-index:1;position:fixed;inset:0;overflow-y:auto}:root[data-fake-fullscreen=true] .game-header{position:fixed;top:0;left:0;right:0}.tools__btn{opacity:.3;transition:opacity .15s}.has-input-tools:hover .tools__btn{opacity:.6}.tools:hover .tools__btn{opacity:.9}.has-input-tools .tools__btn:hover,.has-input-tools .tools__btn:focus-visible{opacity:1}@media (hover:none){.has-input-tools .tools__btn,.has-input-tools:hover .tools__btn,.tools:hover .tools__btn{opacity:1}}