/* eKoloko home page stylesheet 2026-10-19 (c): site css + film block, rules for classes the home page does not use removed. */@font-face{font-family:'GanCLM';src:url(/assets/gan-clm.woff2) format('woff2');font-weight:400 900;font-display:swap;unicode-range:U+0590-05FF,U+FB1D-FB4F,U+20AA}:root{--lime:#abd93f;--ink:#18384f;--ink-soft:#4a6076;--image-line:#a7b793;--paper-line:#dcd9b8;--band:#1b4762;--link:#215b7d;--foot:#24410f;--note:#fdf3d8;--note-line:#e8d49c;--leaf:#5f9a1c;--leaf-soft:#eef6d8;--card:#fffef4}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--lime) url(/ekoloko/website/common/images/bg_ext.jpg) repeat-x top center;overflow-x:hidden;overflow-x:clip}body{min-width:280px;color:var(--ink);font:15px/1.8 Arial,'Segoe UI',sans-serif;direction:rtl;text-align:right}img{max-width:100%;height:auto}a{color:var(--link)}a:hover{color:#123f5c}:focus-visible{outline:3px solid var(--band);outline-offset:3px}.skip-link{position:fixed;z-index:1000;top:8px;right:8px;transform:translateY(-160%);padding:10px 14px;background:#fff;color:var(--ink);border:2px solid var(--ink);font-weight:bold}.skip-link:focus{transform:none}.top{position:relative;height:154px;overflow:hidden;background-image:url(/ekoloko/website/common/images/header_left.jpg),url(/ekoloko/website/common/images/header_right.jpg);background-repeat:no-repeat,no-repeat;background-position:calc(50% - 600px) top,calc(50% + 453px) top;background-size:93px 154px,147px 154px}.top-in{position:relative;max-width:1200px;height:100%;margin:0 auto}.site-brand{position:absolute;z-index:2;top:4px;inset-inline-start:34px;display:block;width:200px}.site-brand img{display:block;width:200px;height:auto;filter:drop-shadow(0 2px 4px rgba(24,56,79,.28))}.top-nav{position:absolute;z-index:20;top:87px;inset-inline-start:170px;inset-inline-end:150px;height:59px;display:flex;direction:rtl;align-items:flex-start;justify-content:center;margin:0;padding:0;list-style:none}.nav-item{height:59px;flex:0 0 auto}.nav-item>a{display:block;height:59px;color:transparent;font:0/0 a;white-space:nowrap;text-indent:-9999px;overflow:hidden;background-repeat:no-repeat;background-position:center top}.nav-item>a:focus-visible{outline:3px solid #fff;outline-offset:2px}.nav-item[data-m="parents"]>a{width:138px;background-image:url(/assets/menu/fun-1_up.png)}.nav-item[data-m="parents"]>a:hover,.nav-item[data-m="parents"]>a:focus-visible,.nav-item[data-m="parents"]>a[aria-current]{background-image:url(/assets/menu/fun-2_over.png)}.nav-item[data-m="parents"]>a:active{background-image:url(/assets/menu/fun-3_down.png)}.nav-item[data-m="fun"]>a{width:138px;background-image:url(/assets/menu/pioneers-1_up.png)}.nav-item[data-m="fun"]>a:hover,.nav-item[data-m="fun"]>a:focus-visible{background-image:url(/assets/menu/pioneers-2_over.png)}.nav-item[data-m="fun"]>a:active{background-image:url(/assets/menu/pioneers-3_down.png)}.nav-item[data-m="pioneers"]>a{width:158px;background-image:url(/assets/menu/parents-1_up.png)}.nav-item[data-m="pioneers"]>a:hover,.nav-item[data-m="pioneers"]>a:focus-visible{background-image:url(/assets/menu/parents-2_over.png)}.nav-item[data-m="pioneers"]>a:active{background-image:url(/assets/menu/parents-3_down.png)}.nav-item[data-m="help"]>a{width:112px;background-image:url(/assets/menu/blog-1_up.png)}.nav-item[data-m="help"]>a:hover,.nav-item[data-m="help"]>a:focus-visible{background-image:url(/assets/menu/blog-2_over.png)}.nav-item[data-m="help"]>a:active{background-image:url(/assets/menu/blog-3_down.png)}.nav-item[data-m="blog"]>a{width:182px;background-image:url(/assets/menu/contact-1_up.png)}.nav-item[data-m="blog"]>a:hover,.nav-item[data-m="blog"]>a:focus-visible{background-image:url(/assets/menu/contact-2_over.png)}.nav-item[data-m="blog"]>a:active{background-image:url(/assets/menu/contact-3_down.png)}.nav-item[data-m="contact"]>a{width:133px;background-image:url(/assets/menu/help-1_up.png)}.nav-item[data-m="contact"]>a:hover,.nav-item[data-m="contact"]>a:focus-visible,.nav-item[data-m="contact"]>a[aria-current]{background-image:url(/assets/menu/help-2_over.png)}.nav-item[data-m="contact"]>a:active{background-image:url(/assets/menu/help-3_down.png)}.scene{direction:ltr;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:143px 860px 197px;align-items:start}.palm{display:block;width:100%;height:auto}.paper{direction:rtl;position:relative;min-width:0;background:url(/ekoloko/website/common/images/main_iw.jpg) no-repeat top center,url(/ekoloko/website/common/images/tileable_iw.jpg) repeat-y top center;background-size:100% auto,100% auto}.paper-in{position:relative;padding:28px 48px 30px}.paper-foot{display:block;width:100%;height:auto}.Title{margin:0 0 8px;color:var(--ink);font:bold 24px/1.3 Arial,'Segoe UI',sans-serif}.kicker{display:block;margin:0 0 2px;color:var(--leaf);font:bold 13px/1.4 Arial,'Segoe UI',sans-serif}.lede{margin:0 0 16px;color:var(--ink-soft)}p{margin:0 0 12px}.sec{padding:28px 0;border-top:1px solid var(--paper-line)}.sec:first-child{border-top:0;padding-top:0}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-bottom:14px}.sec-head .lede{margin:0}.slab{display:inline-flex;align-items:center;justify-content:center;min-width:220px;height:72px;padding:0 26px 6px;color:#fff;font:bold 21px/1 'GanCLM',Arial,sans-serif;text-decoration:none;text-align:center;background:url(/assets/login/btn-green-slab.png) center/100% 100% no-repeat;text-shadow:0 2px 0 rgba(40,70,10,.75),0 1px 3px rgba(20,50,0,.45);filter:drop-shadow(0 4px 5px rgba(30,60,0,.28))}.slab:hover{color:#fff;filter:drop-shadow(0 5px 6px rgba(30,60,0,.33)) brightness(1.07)}.slab:active{filter:drop-shadow(0 2px 3px rgba(30,60,0,.3)) brightness(.96);transform:translateY(2px)}.slab:focus-visible{outline:3px solid var(--band);outline-offset:4px}.slab--orange{background-image:url(/assets/login/btn-orange-slab.png);text-shadow:0 2px 0 rgba(120,55,0,.8),0 1px 3px rgba(80,30,0,.45)}.slab--blurple{background-image:url(/assets/login/btn-blurple-slab.png);text-shadow:0 2px 0 rgba(30,30,110,.8),0 1px 3px rgba(20,20,80,.45)}.slab--small{min-width:170px;height:58px;font-size:17px}.hero{position:relative;margin:0;border:1px solid var(--image-line);background:#79d6f6;overflow:hidden;box-shadow:0 2px 0 rgba(255,255,255,.7),0 6px 16px -10px rgba(24,56,79,.55)}.hero-art{display:block;width:100%;aspect-ratio:1136/592;object-fit:cover;object-position:center top}.hero-copy{position:absolute;inset-inline:0;top:0;padding:24px 128px 0;text-align:center}.hero-copy .Title{margin:0 0 6px;font-size:26px;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.75),0 0 14px rgba(255,255,255,.65)}.hero-copy p{margin:0 auto;max-width:500px;color:#173a52;font-size:15.5px;line-height:1.65;text-shadow:0 1px 0 rgba(255,255,255,.8),0 0 10px rgba(255,255,255,.7)}.hero-actions{position:absolute;inset-inline:0;top:52%;display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:center;align-items:center}.hero-login{position:absolute;inset-inline:0;top:calc(52% + 82px);margin:0;text-align:center;font-size:14px;font-weight:bold;color:#1f3d10;text-shadow:0 1px 0 rgba(255,255,255,.55)}.hero-login a{color:#123a5a}.hero-tuki{position:absolute;inset-inline-end:10px;top:27%;width:112px;height:auto;filter:drop-shadow(0 6px 5px rgba(20,60,90,.25))}.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 0 0;padding:0;list-style:none;border:1px solid var(--image-line);background:var(--card)}.facts li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-inline-start:1px solid var(--paper-line)}.facts li:first-child{border-inline-start:0}.facts img{flex:0 0 auto;width:27px;height:25px;margin-top:3px}.facts b{display:block;font-size:15px;line-height:1.4}.facts span{display:block;color:var(--ink-soft);font-size:13px;line-height:1.5}.shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.shot{margin:0;padding:6px 6px 10px;background:var(--card);border:1px solid var(--image-line);box-shadow:0 3px 8px -6px rgba(24,56,79,.6)}.shot img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border:1px solid var(--image-line)}.shot figcaption{padding:10px 6px 0}.shot b{display:flex;gap:8px;align-items:center;font-size:16px;line-height:1.4}.shot b img{width:27px;height:25px;border:0;aspect-ratio:auto}.shot span{display:block;margin-top:2px;color:var(--ink-soft);font-size:14px;line-height:1.65}.cast{margin:0}.cast img{display:block;width:100%;height:auto;border:1px solid var(--image-line)}.cast figcaption{margin-top:8px;color:var(--ink-soft);font-size:13px}.areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 0;padding:0;list-style:none}.areas li{padding:10px 14px;background:var(--leaf-soft);border:1px solid #c9dfa0}.areas b{display:block;font-size:15px}.areas span{display:block;color:var(--ink-soft);font-size:13.5px;line-height:1.6}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;counter-reset:step}.steps li{position:relative;padding:14px 14px 12px 14px;padding-inline-start:58px;background:var(--card);border:1px solid var(--image-line);counter-increment:step}.steps li::before{content:counter(step);position:absolute;inset-inline-start:12px;top:14px;width:34px;height:34px;border-radius:50%;background:#f39a1d;border:2px solid #fff;box-shadow:0 0 0 1px #c46d06;color:#fff;font:bold 18px/30px Arial,sans-serif;text-align:center}.steps b{display:block;font-size:15.5px;line-height:1.4}.steps span{display:block;color:var(--ink-soft);font-size:13.5px;line-height:1.6}.dl{margin:0;padding:0;list-style:none;border:1px solid var(--image-line);background:var(--card)}.dl-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:6px 16px;align-items:center;padding:16px 18px;border-top:1px solid var(--paper-line)}.dl-row:first-child{border-top:0}.dl-ico{width:44px;height:44px;color:var(--band)}.dl-row h3{margin:0;font:bold 17px/1.4 Arial,'Segoe UI',sans-serif}.dl-meta{margin:0;color:var(--ink-soft);font-size:13px}.dl-badge{display:none;margin-inline-start:8px;padding:1px 8px;background:var(--band);color:#fff;font-size:12px;font-weight:bold;vertical-align:2px}.dl-row.is-recommended{background:var(--leaf-soft);box-shadow:inset -4px 0 0 #6aa121}.dl-row.is-recommended .dl-badge{display:inline-block}.dl-hash{display:block;margin-top:2px;font:12px/1.5 Consolas,'Courier New',monospace;color:#5d6f63;direction:ltr;text-align:right;overflow-wrap:anywhere}.dl-note{margin:12px 0 0;font-size:13px;color:var(--ink-soft)}.parents{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.parents ul{margin:0 0 12px;padding-inline-start:20px}.parents li{margin-bottom:4px}.parents figure{margin:0}.parents figure img{display:block;width:100%;border:1px solid var(--image-line)}.links-inline{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0;padding:0;list-style:none;font-weight:bold}.faq details{border-bottom:1px solid var(--paper-line);padding:10px 0}.faq summary{cursor:pointer;font:bold 17px/1.45 Arial,'Segoe UI',sans-serif;color:var(--ink)}.faq summary:focus-visible{outline-offset:2px}.faq details p{margin:8px 0 2px}.community{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;justify-content:space-between;padding:14px 18px;background:#eef1fb;border:1px solid #c9cfe9}.community p{flex:1 1 300px;margin:0}.page{display:grid;grid-template-columns:172px minmax(0,1fr);gap:28px;align-items:start}.foot{max-width:860px;margin:0 auto;padding:12px 16px 30px;text-align:center}.foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 6px}.foot a{display:inline-block;padding:6px 8px;color:var(--foot);font-style:oblique;text-decoration:none;text-shadow:0 1px 0 rgba(255,255,255,.5)}.foot a:hover{text-decoration:underline;color:var(--foot)}.foot small{display:block;margin-top:8px;color:var(--foot);font-size:12px;line-height:1.7;text-shadow:0 1px 0 rgba(255,255,255,.5)}.shot img,.cast img,.news-card img{background:#eef1df}.shot,.news-card{transition:transform .15s ease,box-shadow .15s ease}.shot:hover,.news-card:hover{transform:translateY(-2px);box-shadow:0 8px 14px -10px rgba(24,56,79,.65)}.hero-new{display:inline-block;margin:10px 0 0;padding:3px 12px;background:#fffef4;border:1px solid var(--image-line);color:var(--ink);font-size:13.5px;font-weight:bold;line-height:1.6;text-decoration:none;box-shadow:0 2px 0 rgba(24,56,79,.12)}.hero-new b{color:#c25e00}.hero-new:hover{color:var(--ink);text-decoration:underline}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:4px 0 18px}.news-card{display:flex;flex-direction:column;margin:0;padding:6px 6px 10px;background:var(--card);border:1px solid var(--image-line);box-shadow:0 3px 8px -6px rgba(24,56,79,.6)}.news-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border:1px solid var(--image-line)}.news-card img.is-wide{object-fit:contain;background:var(--lime)}.news-card .news-body{padding:9px 5px 0}.news-card h3{margin:2px 0 3px;font:bold 16px/1.4 Arial,'Segoe UI',sans-serif;color:var(--ink)}.news-card p{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.65}.news-card .tag{display:inline-block;padding:0 8px;background:#f39a1d;color:#fff;font-size:12px;font-weight:bold;line-height:20px}.news-card .tag--live{background:var(--band)}.news-card--event{grid-column:1/-1;flex-direction:row;align-items:center;gap:16px;padding:12px 16px;background:var(--note);border-color:var(--note-line)}.news-card--event img{flex:0 0 120px;width:120px;height:120px;aspect-ratio:1;object-fit:contain;border:0;background:none}.news-card--event .news-body{flex:1 1 auto;padding:0}.news-card--event .tribes{display:flex;flex-wrap:wrap;gap:4px 14px;margin:6px 0 0;padding:0;list-style:none;font-size:13.5px;color:var(--ink)}.news-card--event .tribes img{display:inline-block;width:22px;height:22px;flex:none;margin-inline-end:4px;vertical-align:-6px;background:none}.egg-bar{position:relative;height:16px;margin:8px 0 4px;background:#fffef4;border:1px solid var(--image-line)}.egg-bar span{position:absolute;inset-block:0;inset-inline-start:0;width:0;background:#6aa121;transition:width .6s ease}.egg-meta{display:flex;flex-wrap:wrap;gap:2px 16px;margin:0;color:var(--ink-soft);font-size:13.5px}.egg-meta b{color:var(--ink)}.news-card--event .slab{flex:0 0 auto}.fixes{margin:0;padding:12px 16px;background:var(--leaf-soft);border:1px solid #c9dfa0}.fixes h3{margin:0 0 4px;font:bold 15.5px/1.4 Arial,'Segoe UI',sans-serif;color:var(--ink)}.fixes ul{margin:0;padding-inline-start:20px;columns:2;column-gap:28px}.fixes li{margin:0 0 3px;font-size:14px;break-inside:avoid}.areas--4{grid-template-columns:repeat(4,minmax(0,1fr))}.install-tip{margin:8px auto 0;max-width:420px;padding:8px 12px;background:#fffef4;border:1px solid var(--image-line);color:var(--ink);font-size:14px;text-align:center}@media(prefers-reduced-motion:reduce){.shot:hover,.news-card:hover{transform:none}.egg-bar span{transition:none}}@media(max-width:899px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.areas--4{grid-template-columns:repeat(2,minmax(0,1fr))}.fixes ul{columns:1}}@media(max-width:560px){.news-grid{grid-template-columns:minmax(0,1fr)}.news-card--event{flex-direction:column;text-align:center}.news-card--event .tribes,.egg-meta{justify-content:center}.areas--4{grid-template-columns:minmax(0,1fr)}}@media(min-width:1200px){.scene>.palm{display:block}}@media(max-width:1199px){.top{background-image:none}.top-nav{inset-inline:0;padding:0 10px}.scene{grid-template-columns:minmax(0,1fr);max-width:860px}.scene>.palm{display:none}}@media(max-width:899px){html,body{background-image:none}.top{height:auto;overflow:visible}.top-in{height:auto;max-width:100%;padding:8px 0 0;text-align:center}.site-brand{position:static;width:190px;margin:0 auto}.site-brand img{width:190px}.top-nav{position:static;height:auto;margin-top:8px;padding:4px 6px;flex-wrap:wrap;justify-content:center;background:linear-gradient(#1b4762,#326485 40%,#173750)}.nav-item{height:auto}.nav-item>a{width:auto!important;height:auto;padding:0 12px;overflow:visible;color:#fff;font:bold 15px/42px Arial,'Segoe UI',sans-serif;text-indent:0;background-image:none!important;text-shadow:0 1px 2px rgba(10,35,55,.45)}.nav-item>a:hover,.nav-item>a:focus-visible,.nav-item>a[aria-current]{text-decoration:underline}.paper-in{padding:22px clamp(14px,4vw,40px) 26px}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.facts li:nth-child(3){border-inline-start:0}.facts li:nth-child(n+3){border-top:1px solid var(--paper-line)}.parents{grid-template-columns:minmax(0,1fr)}.parents figure{order:-1}.steps{grid-template-columns:minmax(0,1fr)}.page{grid-template-columns:minmax(0,1fr);gap:8px}}@media(max-width:719px){.hero-copy,.hero-actions,.hero-login{position:static}.hero-copy{padding:16px 14px 10px;background:#fffef4;border-top:1px solid var(--image-line)}.hero-copy .Title{font-size:22px;text-shadow:none}.hero-copy p{text-shadow:none}.hero-actions{padding:0 10px 4px;background:#fffef4}.hero-login{padding:0 10px 14px;background:#fffef4;text-shadow:none}.hero-tuki{width:96px;top:8px}.shots{grid-template-columns:minmax(0,1fr)}.areas{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.facts{grid-template-columns:minmax(0,1fr)}.facts li{border-inline-start:0;border-top:1px solid var(--paper-line)}.facts li:first-child{border-top:0}.dl-row{grid-template-columns:40px minmax(0,1fr)}.dl-ico{width:36px;height:36px}.dl-row>.slab{grid-column:1/-1;justify-self:center}.slab{min-width:200px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media(forced-colors:active){.slab{border:2px solid ButtonText}}@media print{.top,.foot,.palm,.side,.paper-foot{display:none}.scene{display:block}.paper{background:none}}:root{--leaf-text:#457311}.kicker,.timeline b{color:var(--leaf-text)}.news-card .tag{color:var(--ink)}.news-card .tag--live{color:#fff}.hero-new b{color:#a65400}.facts img,.shot b img{object-fit:contain}.facts img{height:26px}.faq details{padding:0}.faq summary{padding:10px 0}.faq details p{margin:0 0 12px}.foot a{min-height:44px;padding:8px 8px;line-height:28px}.links-inline a{display:inline-block;padding:9px 0}.hero-login a{display:inline-block;padding:12px 4px;margin:-12px 0}@media(max-width:899px){.nav-item>a{line-height:44px}}@media(max-width:719px){.hero-new{padding:9px 12px}}:root{--error:#a6301b}button.slab{border:0;cursor:pointer;background-color:transparent}button.slab:disabled{filter:grayscale(1) opacity(.62);cursor:not-allowed;transform:none}.play-here{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 18px;align-items:center;margin:0 0 18px;padding:16px 18px;background:var(--leaf-soft);border:1px solid #c9dfa0;box-shadow:inset -4px 0 0 #6aa121}.play-here h3{margin:0 0 4px;font:bold 18px/1.4 Arial,'Segoe UI',sans-serif;color:var(--ink)}.play-here p{margin:0;color:var(--ink);font-size:14.5px;line-height:1.6}.dl-badge--on{display:inline-block}.dl-sub{margin:18px 0 2px;font:bold 16px/1.4 Arial,'Segoe UI',sans-serif;color:var(--ink)}.dl-sub-note{margin:0 0 8px;color:var(--ink-soft);font-size:13.5px}.dl-ico--txt{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--band);color:#fff;font:bold 20px/1 Arial,sans-serif}.dl-row.is-recommended[data-platform]{background:var(--card)}.dl-row.is-recommended[data-platform]:is([data-platform=android],[data-platform=ios],[data-platform=linux]){background:var(--leaf-soft)}@media(max-width:560px){.play-here{grid-template-columns:minmax(0,1fr)}.play-here .slab{justify-self:center}.dl-ico--txt{width:36px;height:36px;font-size:17px}}.steps li::before{color:var(--ink);text-shadow:none}.paper-in{overflow-wrap:break-word}.paper-in .mail,.dl-hash{overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){.slab:active{transform:none}}.film{margin:0;border:1px solid var(--image-line);background:var(--ink);box-shadow:0 2px 0 rgba(255,255,255,.7),0 6px 16px -10px rgba(24,56,79,.55)}.film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:var(--ink)}.film video:focus-visible{outline:3px solid var(--link);outline-offset:-3px}.film figcaption{padding:8px 14px;background:var(--card);border-top:1px solid var(--image-line);color:var(--ink-soft);font-size:14px;line-height:1.5}.film figcaption a{color:var(--link);font-weight:bold}