html{--ew-accent:#5573a5;--ew-accent-top:#6c88b7;--ew-accent-mid:#5875a4;--ew-accent-dark:#405b89;--ew-accent-soft:#e9eef6;--ew-accent-rgb:85,115,165;--ew-bg:#e8ebee;--ew-panel:#fff;--ew-panel-2:#f5f6f7;--ew-line:#d0d5da;--ew-text:#252a2f;--ew-muted:#717981;--ew-shadow:rgba(25,34,45,.12)}
html.ew-accent-red{--ew-accent:#a02d38;--ew-accent-top:#b8434d;--ew-accent-mid:#9d2e39;--ew-accent-dark:#771c26;--ew-accent-soft:#f5e8e9;--ew-accent-rgb:160,45,56}html.ew-accent-burgundy{--ew-accent:#75212d;--ew-accent-top:#8f303d;--ew-accent-mid:#74212d;--ew-accent-dark:#56151e;--ew-accent-soft:#f0e6e8;--ew-accent-rgb:117,33,45}html.ew-accent-emerald{--ew-accent:#32735e;--ew-accent-top:#4b8d76;--ew-accent-mid:#397862;--ew-accent-dark:#285b4b;--ew-accent-soft:#e7f1ed;--ew-accent-rgb:50,115,94}html.ew-accent-teal{--ew-accent:#2f7180;--ew-accent-top:#4b8f9e;--ew-accent-mid:#377785;--ew-accent-dark:#245765;--ew-accent-soft:#e7f1f3;--ew-accent-rgb:47,113,128}html.ew-accent-violet{--ew-accent:#695795;--ew-accent-top:#836fb0;--ew-accent-mid:#6c5998;--ew-accent-dark:#514276;--ew-accent-soft:#eeeaf5;--ew-accent-rgb:105,87,149}html.ew-accent-gold{--ew-accent:#84652c;--ew-accent-top:#a08042;--ew-accent-mid:#896a31;--ew-accent-dark:#674d1f;--ew-accent-soft:#f3eee2;--ew-accent-rgb:132,101,44}html.ew-accent-graphite{--ew-accent:#56616b;--ew-accent-top:#6f7b86;--ew-accent-mid:#59656f;--ew-accent-dark:#3e4851;--ew-accent-soft:#eaedef;--ew-accent-rgb:86,97,107}html.ew-accent-black{--ew-accent:#272d33;--ew-accent-top:#414950;--ew-accent-mid:#2d343b;--ew-accent-dark:#151a1f;--ew-accent-soft:#e7e9eb;--ew-accent-rgb:39,45,51}html.ew-accent-royal{--ew-accent:#355db2;--ew-accent-top:#567cd0;--ew-accent-mid:#3e67ba;--ew-accent-dark:#25478f;--ew-accent-soft:#e7edfa;--ew-accent-rgb:53,93,178}html.ew-accent-sky{--ew-accent:#3b88b8;--ew-accent-top:#65a8d0;--ew-accent-mid:#438dbb;--ew-accent-dark:#276b96;--ew-accent-soft:#e5f2f8;--ew-accent-rgb:59,136,184}html.ew-accent-cyan{--ew-accent:#2b91a3;--ew-accent-top:#56adba;--ew-accent-mid:#3296a7;--ew-accent-dark:#1f7080;--ew-accent-soft:#e4f4f6;--ew-accent-rgb:43,145,163}html.ew-accent-forest{--ew-accent:#3f6f46;--ew-accent-top:#5c8b62;--ew-accent-mid:#46764d;--ew-accent-dark:#2e5735;--ew-accent-soft:#e9f0e9;--ew-accent-rgb:63,111,70}html.ew-accent-lime{--ew-accent:#748a2f;--ew-accent-top:#93a64b;--ew-accent-mid:#798f35;--ew-accent-dark:#596b23;--ew-accent-soft:#f0f3e5;--ew-accent-rgb:116,138,47}html.ew-accent-amber{--ew-accent:#a97823;--ew-accent-top:#c4933e;--ew-accent-mid:#ad7c28;--ew-accent-dark:#805817;--ew-accent-soft:#f7efdf;--ew-accent-rgb:169,120,35}html.ew-accent-copper{--ew-accent:#9a5b35;--ew-accent-top:#b7764d;--ew-accent-mid:#9f603a;--ew-accent-dark:#774326;--ew-accent-soft:#f5ebe5;--ew-accent-rgb:154,91,53}html.ew-accent-orange{--ew-accent:#b76428;--ew-accent-top:#cf8145;--ew-accent-mid:#bb692d;--ew-accent-dark:#8d481d;--ew-accent-soft:#f7ebe2;--ew-accent-rgb:183,100,40}html.ew-accent-coral{--ew-accent:#b95148;--ew-accent-top:#cf6d63;--ew-accent-mid:#bb554c;--ew-accent-dark:#8f3933;--ew-accent-soft:#f8e9e7;--ew-accent-rgb:185,81,72}html.ew-accent-ruby{--ew-accent:#9a264b;--ew-accent-top:#b33d60;--ew-accent-mid:#98284d;--ew-accent-dark:#711a36;--ew-accent-soft:#f5e6ec;--ew-accent-rgb:154,38,75}html.ew-accent-rose{--ew-accent:#a84f68;--ew-accent-top:#bf6980;--ew-accent-mid:#aa536c;--ew-accent-dark:#7e394d;--ew-accent-soft:#f6e9ed;--ew-accent-rgb:168,79,104}html.ew-accent-magenta{--ew-accent:#963d85;--ew-accent-top:#ae579d;--ew-accent-mid:#98418a;--ew-accent-dark:#713064;--ew-accent-soft:#f3e8f1;--ew-accent-rgb:150,61,133}html.ew-accent-indigo{--ew-accent:#4e5796;--ew-accent-top:#6872b2;--ew-accent-mid:#535c99;--ew-accent-dark:#394273;--ew-accent-soft:#e9ebf5;--ew-accent-rgb:78,87,150}html.ew-accent-slate{--ew-accent:#607486;--ew-accent-top:#788b9b;--ew-accent-mid:#64798a;--ew-accent-dark:#46596a;--ew-accent-soft:#e9eef1;--ew-accent-rgb:96,116,134}html.ew-accent-aurora{--ew-accent:#477fb0;--ew-accent-top:#56a98a;--ew-accent-mid:#6671bf;--ew-accent-dark:#405694;--ew-accent-soft:#e8f1f4;--ew-accent-rgb:71,127,176}html.ew-accent-sunset{--ew-accent:#a64b4e;--ew-accent-top:#d17748;--ew-accent-mid:#b55462;--ew-accent-dark:#7c344f;--ew-accent-soft:#f7ece6;--ew-accent-rgb:166,75,78}
html.ew-theme-dark{--ew-bg:#10151a;--ew-panel:#1b2229;--ew-panel-2:#202830;--ew-line:#3a4650;--ew-text:#d6dde3;--ew-muted:#9da8b2;--ew-shadow:rgba(0,0,0,.38)}
html.ew-theme-dark.ew-accent-blue{--ew-accent:#7f9fd0;--ew-accent-top:#9ab7e3;--ew-accent-dark:#b5caea;--ew-accent-soft:#263346;--ew-accent-rgb:127,159,208}html.ew-theme-dark.ew-accent-red{--ew-accent:#d76570;--ew-accent-top:#e7838b;--ew-accent-dark:#f0a4aa;--ew-accent-soft:#40282c;--ew-accent-rgb:215,101,112}html.ew-theme-dark.ew-accent-burgundy{--ew-accent:#be6673;--ew-accent-top:#d17d88;--ew-accent-dark:#e3a2aa;--ew-accent-soft:#3c272c;--ew-accent-rgb:190,102,115}html.ew-theme-dark.ew-accent-emerald{--ew-accent:#69b095;--ew-accent-top:#83c5ac;--ew-accent-dark:#a2d6c2;--ew-accent-soft:#273a34;--ew-accent-rgb:105,176,149}html.ew-theme-dark.ew-accent-teal{--ew-accent:#62b1bf;--ew-accent-top:#7bc7d2;--ew-accent-dark:#9dd9e0;--ew-accent-soft:#263b40;--ew-accent-rgb:98,177,191}html.ew-theme-dark.ew-accent-violet{--ew-accent:#9b88ce;--ew-accent-top:#b2a1dc;--ew-accent-dark:#c9bee8;--ew-accent-soft:#332f45;--ew-accent-rgb:155,136,206}html.ew-theme-dark.ew-accent-gold{--ew-accent:#c6a35d;--ew-accent-top:#d9b977;--ew-accent-dark:#e8cf9e;--ew-accent-soft:#403724;--ew-accent-rgb:198,163,93}html.ew-theme-dark.ew-accent-graphite{--ew-accent:#91a0ad;--ew-accent-top:#aab6c0;--ew-accent-dark:#c1cbd3;--ew-accent-soft:#303840;--ew-accent-rgb:145,160,173}html.ew-theme-dark.ew-accent-black{--ew-accent:#8c98a2;--ew-accent-top:#aab4bd;--ew-accent-dark:#c8d0d6;--ew-accent-soft:#2a3035;--ew-accent-rgb:140,152,162}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ew-bg);color:var(--ew-text);font-family:Verdana,Arial,Helvetica,Tahoma,sans-serif;font-size:12px}body{transition:background .3s ease,color .3s ease}.ew-shell{min-height:100vh;background:linear-gradient(180deg,var(--ew-bg),var(--ew-bg))}.ew-topbar,.ew-sidebar,.ew-content,.ew-search,.ew-home,.ew-nav-title,.ew-nav-item,.ew-start-box,.ew-stats,.ew-tool,.ew-game-link,.ew-accent-picker{transition:background .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}
.ew-topbar{position:sticky;top:0;z-index:5000;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 22px;border-bottom:1px solid var(--ew-line);box-shadow:0 3px 12px var(--ew-shadow);background:linear-gradient(#fafbfc,#eceff2)}html.ew-theme-dark .ew-topbar{background:linear-gradient(#252f38,#1b232a)}.ew-topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--ew-accent),transparent);opacity:.9}.ew-brand{display:flex;align-items:center;gap:12px;min-width:0}.ew-brand__name{font:normal 21px Georgia,'Times New Roman',serif;letter-spacing:1.2px;color:var(--ew-accent-dark)!important;text-decoration:none!important}.ew-brand__sep{width:1px;height:25px;background:var(--ew-line)}.ew-brand__sub{color:var(--ew-muted);font-size:11px}.ew-tools{display:flex;align-items:center;gap:8px}.ew-tool,.ew-game-link{height:29px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 8px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--ew-muted)!important;font:10px Verdana,Arial,sans-serif;text-decoration:none!important;cursor:pointer}.ew-tool:hover,.ew-game-link:hover{border-color:var(--ew-line);background:var(--ew-panel);color:var(--ew-accent-dark)!important}.ew-tool__icon{font-size:13px}.ew-game-link{border-color:var(--ew-line);background:var(--ew-panel)}html.ew-theme-dark .ew-brand__name,html.ew-theme-dark .ew-tool:hover,html.ew-theme-dark .ew-game-link:hover{color:var(--ew-accent-dark)!important}
.ew-accent-control{position:relative}.ew-accent-current{width:9px;height:9px;border-radius:50%;background:var(--ew-accent);box-shadow:0 0 0 1px rgba(0,0,0,.12)}.ew-accent-picker{position:absolute;right:0;top:38px;width:314px;padding:11px;border:1px solid var(--ew-line);border-top:2px solid var(--ew-accent);border-radius:7px;background:var(--ew-panel);box-shadow:0 16px 38px var(--ew-shadow);opacity:0;visibility:hidden;transform:translateY(-5px);pointer-events:none;z-index:8000}.ew-accent-picker.open{opacity:1;visibility:visible;transform:none;pointer-events:auto}.ew-accent-head{display:flex;align-items:flex-start;justify-content:space-between;padding:2px 2px 10px;border-bottom:1px solid var(--ew-line)}.ew-accent-head b{display:block;color:var(--ew-text);font-size:10px}.ew-accent-head span{display:block;margin-top:3px;color:var(--ew-muted);font-size:9px}.ew-accent-close{border:0;background:transparent;color:var(--ew-muted);font-size:18px;line-height:16px;cursor:pointer}.ew-accent-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;padding:12px 4px}.ew-accent-dot{position:relative;width:28px;height:28px;padding:0;border:1px solid var(--ew-line);border-radius:50%;background:var(--ew-panel-2);cursor:pointer}.ew-accent-dot i{display:block;width:18px;height:18px;margin:auto;border-radius:50%;background:var(--dot);box-shadow:inset 0 1px 1px rgba(255,255,255,.3)}.ew-accent-dot:hover{transform:translateY(-1px);box-shadow:0 4px 9px rgba(0,0,0,.16)}.ew-accent-dot.active{box-shadow:0 0 0 2px var(--ew-panel),0 0 0 4px var(--ew-accent)}.ew-accent-dot.active:after{content:"";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font:bold 10px Arial;text-shadow:0 1px 2px #000}.ew-accent-dot.blue{--dot:#5573a5}.ew-accent-dot.royal{--dot:#355db2}.ew-accent-dot.sky{--dot:#3b88b8}.ew-accent-dot.cyan{--dot:#2b91a3}.ew-accent-dot.teal{--dot:#2f7180}.ew-accent-dot.emerald{--dot:#32735e}.ew-accent-dot.forest{--dot:#3f6f46}.ew-accent-dot.lime{--dot:#748a2f}.ew-accent-dot.amber{--dot:#a97823}.ew-accent-dot.gold{--dot:#84652c}.ew-accent-dot.copper{--dot:#9a5b35}.ew-accent-dot.orange{--dot:#b76428}.ew-accent-dot.coral{--dot:#b95148}.ew-accent-dot.red{--dot:#a02d38}.ew-accent-dot.ruby{--dot:#9a264b}.ew-accent-dot.burgundy{--dot:#75212d}.ew-accent-dot.rose{--dot:#a84f68}.ew-accent-dot.magenta{--dot:#963d85}.ew-accent-dot.violet{--dot:#695795}.ew-accent-dot.indigo{--dot:#4e5796}.ew-accent-dot.slate{--dot:#607486}.ew-accent-dot.graphite{--dot:#56616b}.ew-accent-dot.black{--dot:#272d33}.ew-accent-dot.aurora{--dot:linear-gradient(135deg,#56a98a,#477fb0,#79579a)}.ew-accent-dot.sunset{--dot:linear-gradient(135deg,#d17748,#b55462,#7c344f)}.ew-accent-foot{padding-top:8px;border-top:1px solid var(--ew-line);color:var(--ew-muted);font-size:8px;text-align:center}
.ew-layout{position:relative;width:95%;max-width:95%;min-height:calc(100vh - 173px);min-height:calc(100dvh - 173px);margin:12px auto 18px;display:block;border:1px solid var(--ew-line);border-radius:8px;background:var(--ew-panel);box-shadow:0 10px 30px var(--ew-shadow);overflow:visible}.ew-sidebar{position:absolute;left:0;top:0;bottom:0;width:218px;height:auto;max-height:none;min-height:0;overflow-x:hidden;overflow-y:auto;padding:14px 12px 18px;border-right:1px solid var(--ew-line);border-radius:8px 0 0 8px;background:linear-gradient(90deg,var(--ew-panel-2),var(--ew-panel))}.ew-sidebar::-webkit-scrollbar{width:5px}.ew-sidebar::-webkit-scrollbar-thumb{background:rgba(var(--ew-accent-rgb),.35);border-radius:5px}.ew-logo{text-align:center;padding:2px 0 12px}.ew-logo img{width:105px;height:auto;filter:drop-shadow(0 2px 5px rgba(0,0,0,.12));transition:transform .2s ease}.ew-logo a:hover img{transform:translateY(-2px)}
.ew-search-wrap{position:relative;margin-bottom:11px}.ew-search{width:100%;height:31px;padding:0 27px 0 8px;border:1px solid var(--ew-line);border-radius:3px;background:var(--ew-panel);color:var(--ew-text);font:10px Verdana,Arial,sans-serif;outline:none}.ew-search:focus{border-color:var(--ew-accent);box-shadow:0 0 0 2px rgba(var(--ew-accent-rgb),.10)}.ew-search-mark{position:absolute;right:8px;top:7px;color:var(--ew-muted)}.ew-search-empty{display:none;margin-top:4px;padding:6px;border:1px solid var(--ew-line);background:var(--ew-panel);color:var(--ew-muted);font-size:9px}
.ew-home,.ew-nav-item{position:relative;display:block;text-decoration:none!important}.ew-home{margin-bottom:14px;padding:7px 8px 7px 11px;border:1px solid var(--ew-line);border-left:3px solid var(--ew-accent);border-radius:3px;background:var(--ew-panel);color:var(--ew-text)!important;font-weight:bold;font-size:10px}.ew-home:hover,.ew-home.active{background:var(--ew-accent-soft);color:var(--ew-accent-dark)!important}.ew-nav-group{margin-bottom:15px}.ew-nav-title{margin-bottom:4px;padding:6px 8px;border-bottom:1px solid var(--ew-line);border-left:2px solid var(--ew-accent);background:rgba(var(--ew-accent-rgb),.055);color:var(--ew-accent-dark);font-size:9px;font-weight:bold;text-transform:uppercase;letter-spacing:.25px}.ew-nav-item{padding:4px 6px 4px 11px;border-left:2px solid transparent;color:var(--ew-muted)!important;font-size:10px;line-height:1.35}.ew-nav-item:before{content:"";position:absolute;left:3px;top:9px;width:3px;height:3px;border-radius:50%;background:#a3aab1}.ew-nav-item:hover{padding-left:13px;background:rgba(var(--ew-accent-rgb),.06);color:var(--ew-accent-dark)!important}.ew-nav-item:hover:before{background:var(--ew-accent)}.ew-nav-item.active{border-left-color:var(--ew-accent);background:var(--ew-accent-soft);color:var(--ew-accent-dark)!important;font-weight:bold}.ew-nav-item.active:before{background:var(--ew-accent)}.ew-nav-item.is-filtered{display:none}.ew-sidebar-foot{display:flex;align-items:center;gap:8px;margin-top:22px;padding:10px 4px 0;border-top:1px solid var(--ew-line);color:var(--ew-muted);font-size:9px}.ew-sidebar-foot img{width:24px;height:auto;opacity:.75}.ew-sidebar-foot small{font-size:8px}
.ew-content{min-width:0;min-height:0;margin-left:218px;padding:22px 28px 50px;border-radius:0 8px 8px 0;background:var(--ew-panel);color:var(--ew-text);opacity:1;transform:none}.ew-content>h1,.ew-welcome h1,.ew-not-found h1{margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid var(--ew-line);font:normal 27px Georgia,'Times New Roman',serif;color:var(--ew-accent-dark)}.ew-welcome{padding:18px 4px 10px}.ew-welcome__eyebrow{margin-bottom:7px;color:var(--ew-accent);font-size:9px;font-weight:bold;letter-spacing:1.6px}.ew-welcome p{max-width:720px;margin:0;color:var(--ew-muted);font-size:11px;line-height:1.65}.ew-stats{display:flex;align-items:baseline;gap:7px;margin:16px 0;padding:12px 14px;border:1px solid var(--ew-line);border-left:4px solid var(--ew-accent);border-radius:4px;background:linear-gradient(90deg,var(--ew-accent-soft),var(--ew-panel));color:var(--ew-muted)}.ew-stats b{color:var(--ew-accent-dark);font-size:20px}.ew-stats small{font-size:9px}.ew-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ew-start-box{position:relative;min-height:150px;padding:18px 17px;border:1px solid var(--ew-line);border-radius:6px;background:linear-gradient(145deg,var(--ew-panel),var(--ew-panel-2));box-shadow:0 4px 13px rgba(25,34,45,.05)}.ew-start-no{position:absolute;right:13px;top:10px;color:rgba(var(--ew-accent-rgb),.18);font:bold 26px Georgia,serif}.ew-start-box h2{margin:0 0 9px;padding-bottom:7px;border-bottom:1px solid var(--ew-line);color:var(--ew-accent-dark);font-size:12px}.ew-start-box p{margin:0;color:var(--ew-muted);font-size:10px;line-height:1.65}.ew-api-error,.ew-not-found{padding:15px;border:1px solid var(--ew-line);border-left:4px solid #aa3c45;border-radius:4px;background:var(--ew-panel-2);color:var(--ew-muted)}
.ew-article{min-width:0;animation:ewArticleIn .27s ease both}.ew-article:after{content:"";display:block;clear:both}@keyframes ewArticleIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}body.ew-leaving .ew-content{opacity:.43;transform:translateY(3px)}
.ew-loader{position:fixed;inset:0;z-index:999999;background:rgba(232,235,238,.94);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility 0s linear .18s;backdrop-filter:blur(2px)}html.ew-theme-dark .ew-loader{background:rgba(13,18,23,.94)}.ew-loader.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .17s ease}.ew-loader__box{min-width:205px;padding:20px 24px;text-align:center;border:1px solid var(--ew-line);border-top:3px solid var(--ew-accent);border-radius:7px;background:var(--ew-panel);box-shadow:0 15px 42px var(--ew-shadow);transform:translateY(5px) scale(.985);transition:transform .2s ease}.ew-loader.is-active .ew-loader__box{transform:none}.ew-loader__icon{display:block;width:42px;height:auto;margin:0 auto 9px;animation:ewJek 1.15s ease-in-out infinite;filter:drop-shadow(0 4px 7px rgba(0,0,0,.18))}.ew-loader__title{margin-bottom:4px;color:var(--ew-accent-dark);font:bold 11px Verdana,Arial,sans-serif}.ew-loader__text{max-width:280px;color:var(--ew-muted);font:9px Verdana,Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ew-loader__line{width:112px;height:2px;margin:11px auto 0;background:var(--ew-line);overflow:hidden}.ew-loader__line:after{content:"";display:block;width:42px;height:100%;background:var(--ew-accent);animation:ewLine 1s ease-in-out infinite}@keyframes ewJek{0%,100%{transform:scale(1) translateY(0)}50%{transform:scale(1.08) translateY(-2px)}}@keyframes ewLine{0%{transform:translateX(-45px)}50%{transform:translateX(55px)}100%{transform:translateX(120px)}}
#tooltip.ew-tooltip{position:absolute;visibility:hidden;z-index:1000000;max-width:340px;padding:4px 6px;border:1px solid var(--ew-line);border-left:3px solid var(--ew-accent);background:var(--ew-panel);box-shadow:0 5px 15px var(--ew-shadow);color:var(--ew-text);font:11px Tahoma,Verdana,Arial,sans-serif;pointer-events:none}
html.ew-theme-dark .ew-nav-title,html.ew-theme-dark .ew-nav-item.active,html.ew-theme-dark .ew-home.active,html.ew-theme-dark .ew-home:hover{color:var(--ew-accent-dark)!important}html.ew-theme-dark .ew-nav-item:hover{color:var(--ew-accent-dark)!important}
html.ew-accent-aurora .ew-topbar:after{background:linear-gradient(90deg,transparent,#56a98a,#6671bf,#79579a,transparent)}html.ew-accent-sunset .ew-topbar:after{background:linear-gradient(90deg,transparent,#d17748,#b55462,#7c344f,transparent)}
@media(max-width:980px){.ew-layout{width:calc(100% - 12px)}.ew-sidebar{width:200px;flex-basis:200px}.ew-start-grid{grid-template-columns:1fr}.ew-accent-picker{right:-70px}}
@media(max-width:760px){.ew-topbar{position:relative;height:auto;min-height:56px;align-items:flex-start;gap:8px;padding:10px 12px}.ew-tools{flex-wrap:wrap;justify-content:flex-end}.ew-layout{display:block;margin-top:6px}.ew-sidebar{position:relative;top:auto;width:100%;max-height:none;border-right:0;border-bottom:1px solid var(--ew-line);border-radius:8px 8px 0 0}.ew-logo{display:none}.ew-nav-group{display:inline-block;vertical-align:top;width:calc(50% - 4px);padding-right:4px}.ew-content{min-height:500px;padding:17px 14px;border-radius:0 0 8px 8px}.ew-accent-picker{position:fixed;left:50%;right:auto;top:68px;transform:translate(-50%,-5px);width:312px}.ew-accent-picker.open{transform:translate(-50%,0)}}
@media(max-width:520px){.ew-brand__sub,.ew-brand__sep{display:none}.ew-tool u{display:none}.ew-game-link{padding:0 7px}.ew-nav-group{display:block;width:100%}.ew-accent-grid{grid-template-columns:repeat(6,1fr)}.ew-accent-picker{width:286px}.ew-content>h1,.ew-welcome h1{font-size:23px}}
html.ew-theme-dark .ew-brand__name,html.ew-theme-dark .ew-nav-title,html.ew-theme-dark .ew-nav-item.active,html.ew-theme-dark .ew-nav-item:hover,html.ew-theme-dark .ew-home.active,html.ew-theme-dark .ew-home:hover,html.ew-theme-dark .ew-content>h1,html.ew-theme-dark .ew-welcome h1,html.ew-theme-dark .ew-start-box h2,html.ew-theme-dark .ew-stats b,html.ew-theme-dark .ew-loader__title{color:var(--ew-accent-top)!important}html.ew-theme-dark .ew-nav-item.active,html.ew-theme-dark .ew-home.active,html.ew-theme-dark .ew-home:hover{background:rgba(var(--ew-accent-rgb),.14)!important}html.ew-theme-dark .ew-nav-title{background:rgba(var(--ew-accent-rgb),.10)!important}html.ew-theme-dark .ew-stats{background:linear-gradient(90deg,rgba(var(--ew-accent-rgb),.13),var(--ew-panel))!important}
.ew-search-wrap{margin-bottom:14px}.ew-search{height:40px;padding:0 40px 0 12px;font:12px Verdana,Arial,sans-serif;border-radius:4px}.ew-search-mark{right:11px;top:10px;font-size:14px}.ew-search-suggest,.ew-search-empty{position:absolute;left:0;right:0;top:44px;z-index:35;display:none;border:1px solid var(--ew-line);border-radius:5px;background:var(--ew-panel);box-shadow:0 10px 24px var(--ew-shadow);overflow:hidden}.ew-search-empty{padding:10px 11px;font-size:11px}.ew-search-suggest a{display:block;padding:9px 11px 8px;text-decoration:none!important;border-top:1px solid rgba(0,0,0,.04);color:var(--ew-text)!important}.ew-search-suggest a:first-child{border-top:0}.ew-search-suggest a:hover,.ew-search-suggest a.active{background:var(--ew-accent-soft)}.ew-search-suggest b{display:block;font-size:12px;color:var(--ew-accent-dark)}.ew-search-suggest span{display:block;margin-top:2px;font-size:10px;color:var(--ew-muted)}
.ew-home{margin-bottom:16px;padding:10px 10px 10px 12px;font-size:12px}.ew-nav-group{margin-bottom:18px}.ew-nav-title{margin-bottom:6px;padding:8px 10px;font-size:11px;letter-spacing:.35px}.ew-nav-item{padding:6px 7px 6px 14px;font-size:12px;line-height:1.45}.ew-nav-item:before{left:5px;top:12px;width:4px;height:4px}.ew-nav-item:hover{padding-left:16px}.ew-sidebar-foot{font-size:10px}.ew-sidebar-foot small{font-size:9px}
.ew-groups-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.ew-group-card{padding:16px 17px;border:1px solid var(--ew-line);border-radius:6px;background:linear-gradient(145deg,var(--ew-panel),var(--ew-panel-2));box-shadow:0 4px 13px rgba(25,34,45,.05)}.ew-group-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--ew-line)}.ew-group-card__head h2{margin:0;color:var(--ew-accent-dark);font-size:13px}.ew-group-card__head span{font-size:10px;color:var(--ew-muted)}.ew-group-card__links a{display:block;padding:4px 0 4px 10px;position:relative;color:var(--ew-muted)!important;text-decoration:none!important;font-size:11px}.ew-group-card__links a:before{content:'';position:absolute;left:0;top:11px;width:3px;height:3px;border-radius:50%;background:var(--ew-accent)}.ew-group-card__links a:hover{color:var(--ew-accent-dark)!important}
#tooltip.ew-tooltip{position:absolute!important;visibility:hidden;opacity:0;transform:translateY(4px);z-index:1000000;max-width:360px;padding:10px 12px;border:1px solid var(--ew-line)!important;border-left:4px solid var(--ew-accent)!important;border-radius:6px;background:var(--ew-panel)!important;box-shadow:0 12px 30px var(--ew-shadow);color:var(--ew-text)!important;font:12px/1.45 Tahoma,Verdana,Arial,sans-serif;pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s}#tooltip.ew-tooltip.is-visible{visibility:visible;opacity:1;transform:none;transition:opacity .14s ease,transform .14s ease}#tooltip.ew-tooltip b{color:var(--ew-accent-dark);display:inline;font-weight:bold}#tooltip.ew-tooltip .ftime3,#tooltip.ew-tooltip small{display:block;margin-top:5px;color:var(--ew-muted)!important;font-size:11px;line-height:1.45}#tooltip.ew-tooltip:after{content:'';position:absolute;left:14px;top:-7px;border:7px solid transparent;border-bottom-color:var(--ew-panel)}
html.ew-theme-dark .ew-group-card{background:linear-gradient(145deg,var(--ew-panel),#182028)}html.ew-theme-dark .ew-search-suggest,html.ew-theme-dark .ew-search-empty{box-shadow:0 12px 28px rgba(0,0,0,.45)}
@media(max-width:980px){.ew-groups-grid{grid-template-columns:1fr}}
@media(max-width:760px){.ew-search{height:38px;font-size:12px}.ew-home,.ew-nav-item{font-size:12px}}
.ew-search-wrap,.ew-search,.ew-home{width:100%!important;max-width:none!important;min-width:0!important}
.ew-search-wrap{display:block;margin:0 0 12px!important;padding:0!important}
.ew-search{display:block!important;height:34px!important;line-height:32px!important;padding:0 32px 0 10px!important;border-radius:3px!important;font:11px Verdana,Arial,Tahoma,sans-serif!important}
.ew-search-mark{position:absolute;right:10px!important;top:9px!important;width:13px;height:13px;font-size:0!important;pointer-events:none}
.ew-search-mark:before{content:"";position:absolute;left:0;top:0;width:7px;height:7px;border:1px solid var(--ew-muted);border-radius:50%}
.ew-search-mark:after{content:"";position:absolute;left:8px;top:8px;width:5px;height:1px;background:var(--ew-muted);transform:rotate(45deg);transform-origin:left center}
.ew-search-suggest,.ew-search-empty{top:37px!important;left:0!important;right:0!important;width:100%!important}
.ew-home{min-height:38px!important;padding:10px 11px!important;font-size:11px!important}
.ew-nav-title{font-size:10px!important;line-height:1.35!important}
.ew-nav-item{font-size:11px!important;line-height:1.5!important}
.ew-theme-glyph{position:relative;display:inline-block;width:12px;height:12px;border:1px solid currentColor;border-radius:50%;overflow:hidden}
.ew-theme-glyph:after{content:"";position:absolute;right:-1px;top:-1px;width:7px;height:12px;background:currentColor;opacity:.55}
.ew-accent-dot.active:after{content:""!important;position:absolute!important;left:9px!important;top:6px!important;width:6px!important;height:10px!important;border:solid #fff!important;border-width:0 2px 2px 0!important;transform:rotate(45deg)!important;display:block!important;text-shadow:none!important}
.ew-search-suggest{z-index:7000!important;border-radius:4px!important;box-shadow:0 12px 30px var(--ew-shadow)!important}
.ew-search-suggest a{padding:8px 10px!important}
.ew-search-suggest b{font-size:11px!important;line-height:1.35}
.ew-search-suggest span{font-size:9px!important;line-height:1.35}
.ew-sidebar{font-size:12px}
#wikiSearch.ew-search,.ew-search-wrap,.ew-home{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:100%!important}
#wikiSearch.ew-search{height:33px!important;line-height:31px!important;padding:0 31px 0 10px!important;font-size:11px!important}
.ew-home{font-size:12.5px!important;line-height:1.35!important;padding:10px 11px!important}
.ew-nav-title{font-size:11.5px!important;line-height:1.35!important;padding:8px 10px!important}
.ew-nav-item{font-size:12px!important;line-height:1.5!important;padding-top:6px!important;padding-bottom:6px!important}
.ew-popular{margin:0 0 18px;padding:9px 9px 8px;border:1px solid var(--ew-line);border-left:3px solid var(--ew-accent);border-radius:4px;background:linear-gradient(180deg,var(--ew-panel),var(--ew-panel-2));box-shadow:0 2px 7px rgba(25,34,45,.04)}
.ew-popular__title{margin:0 0 6px;padding-bottom:6px;border-bottom:1px solid var(--ew-line);color:var(--ew-accent-dark);font:bold 11px Verdana,Arial,Tahoma,sans-serif;text-transform:uppercase;letter-spacing:.3px}
.ew-popular__item{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 3px 5px 10px;color:var(--ew-muted)!important;text-decoration:none!important;font-size:11.5px;line-height:1.35}
.ew-popular__item:before{content:"";position:absolute;left:1px;top:11px;width:3px;height:3px;border-radius:50%;background:var(--ew-accent)}
.ew-popular__item:hover{color:var(--ew-accent-dark)!important;background:rgba(var(--ew-accent-rgb),.06)}
.ew-popular__item small{flex:0 0 auto;color:#9aa1a8;font-size:9px}
.ew-homepage{padding:4px 0 30px;font-size:13px;color:var(--ew-text)}
.ew-homepage__intro{padding:0 2px 13px}
.ew-homepage__intro h1{margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid var(--ew-line);font:normal 29px Georgia,'Times New Roman',serif;color:var(--ew-accent-dark)}
.ew-homepage__intro p{margin:0;color:var(--ew-muted);font-size:12px}
.ew-homepage__count{margin:0 0 12px;padding:12px 15px;border:1px solid var(--ew-line);border-left:4px solid var(--ew-accent);background:linear-gradient(90deg,var(--ew-accent-soft),var(--ew-panel));text-align:center;color:var(--ew-text);font-size:14px;font-weight:bold}
.ew-homepage__count b{color:var(--ew-accent-dark);font-size:18px}
.ew-homepage__grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:18px}
.ew-homepage__card{padding:16px 17px;border:1px solid var(--ew-line);border-radius:3px;background:var(--ew-panel-2);color:var(--ew-text);box-shadow:0 2px 8px rgba(25,34,45,.035)}
.ew-homepage__card h2{margin:0 0 12px;padding:0 0 8px;border-bottom:1px solid var(--ew-line);font:normal 16px Georgia,'Times New Roman',serif;color:var(--ew-accent-dark)}
.ew-homepage__card p{margin:0 0 13px;font-size:12.5px;line-height:1.7}.ew-homepage__card p:last-child{margin-bottom:0}
.ew-homepage__facts{background:linear-gradient(145deg,var(--ew-panel-2),rgba(var(--ew-accent-rgb),.045))}
.ew-homepage__facts ul{margin:0 0 13px;padding-left:22px;font-size:12.5px;line-height:1.7}.ew-homepage__facts li{margin:3px 0}
.ew-homepage__image{padding:3px;border:1px solid var(--ew-line);background:var(--ew-panel);text-align:center}.ew-homepage__image img{display:block;width:100%;height:auto;border:0}
@media(max-width:900px){.ew-homepage__grid{grid-template-columns:1fr}.ew-homepage__intro h1{font-size:25px}}
.ew-nav-caption{
margin:0 0 8px;
padding:7px 9px;
border-bottom:1px dashed var(--ew-line);
border-left:2px solid var(--ew-accent);
background:rgba(var(--ew-accent-rgb),.055);
color:var(--ew-accent-dark);
font:bold 11px Verdana,Arial,Tahoma,sans-serif;
text-transform:uppercase;
}
.ew-popular{
margin:0 0 18px!important;
padding:0!important;
border:1px solid #c8ccd1!important;
border-left:4px solid var(--ew-accent)!important;
border-radius:0 4px 4px 0!important;
background:linear-gradient(to bottom,#f0f9ff 0%,#eef5fc 100%)!important;
box-shadow:0 1px 2px rgba(0,0,0,.05)!important;
overflow:hidden;
}
.ew-popular__title{
margin:0!important;
padding:9px 10px 8px!important;
border:0!important;
border-bottom:1px solid #d8e3ee!important;
background:rgba(255,255,255,.34)!important;
color:#202122!important;
font:bold 11px Verdana,Arial,Tahoma,sans-serif!important;
text-transform:uppercase!important;
letter-spacing:.35px!important;
}
.ew-popular__item{
display:block!important;
position:relative!important;
padding:7px 10px!important;
border:0!important;
border-bottom:1px dotted #d1dde8!important;
background:transparent!important;
color:#0645ad!important;
text-decoration:none!important;
font:12px/1.35 Verdana,Arial,Tahoma,sans-serif!important;
}
.ew-popular__item:last-child{border-bottom:0!important}
.ew-popular__item:before{display:none!important}
.ew-popular__item:hover{
background:rgba(var(--ew-accent-rgb),.07)!important;
color:var(--ew-accent-dark)!important;
text-decoration:underline!important;
}
.ew-homepage{
padding:4px 0 34px!important;
color:var(--ew-text)!important;
font-family:Verdana,Arial,Tahoma,sans-serif!important;
}
.ew-homepage__intro{
padding:0 0 13px!important;
}
.ew-homepage__intro h1{
margin:0 0 8px!important;
padding:0 0 7px!important;
border-bottom:0!important;
color:#000!important;
font:normal 28px Georgia,'Times New Roman',serif!important;
}
.ew-homepage__intro p{
margin:0!important;
color:#202122!important;
font-size:12px!important;
line-height:1.55!important;
}
.ew-homepage__count{
margin:0 0 10px!important;
padding:11px 14px!important;
border:1px solid #a2a9b1!important;
border-left:1px solid #a2a9b1!important;
border-radius:0!important;
background:#cedff2!important;
color:#202122!important;
text-align:center!important;
font:bold 16px/1.4 Georgia,'Times New Roman',serif!important;
box-shadow:none!important;
}
.ew-homepage__count b{
color:#202122!important;
font-size:18px!important;
}
.ew-homepage__grid{
display:grid!important;
grid-template-columns:minmax(0,2fr) minmax(330px,1fr)!important;
gap:18px!important;
align-items:start!important;
}
.ew-homepage__card{
margin:0!important;
padding:15px!important;
border:1px solid #a2a9b1!important;
border-radius:0!important;
background:#f8f9fa!important;
color:#202122!important;
box-shadow:none!important;
}
.ew-homepage__card h2{
margin:0 0 14px!important;
padding:0!important;
border:0!important;
color:#245b8a!important;
font:normal 16px Georgia,'Times New Roman',serif!important;
}
.ew-homepage__card p{
margin:0 0 14px!important;
color:#202122!important;
font-size:12px!important;
line-height:1.65!important;
}
.ew-homepage__card p:last-child{margin-bottom:0!important}
.ew-homepage__facts{
background:#f5fffa!important;
border-color:#a3d3ff!important;
}
.ew-homepage__facts ul{
margin:0 0 14px!important;
padding-left:25px!important;
color:#202122!important;
font-size:12px!important;
line-height:1.65!important;
}
.ew-homepage__facts li{margin:4px 0!important}
.ew-homepage__image{
width:94%!important;
margin:0 auto!important;
padding:2px!important;
border:1px solid #ccc!important;
background:#fff!important;
text-align:center!important;
}
.ew-homepage__image img{
display:block!important;
width:100%!important;
height:auto!important;
}
.ew-nav-caption,.ew-nav-title{font-size:11px!important}
.ew-home{font-size:12px!important}
.ew-nav-item{font-size:11.5px!important}
@media(max-width:900px){
.ew-homepage__grid{grid-template-columns:1fr!important}
.ew-homepage__intro h1{font-size:25px!important}
}
.ew-site-footer{width:calc(100% - 24px);max-width:1540px;margin:0 auto 18px;border-top:1px solid var(--ew-line);background:transparent;color:var(--ew-muted)}
.ew-site-footer__inner{min-height:68px;display:flex;align-items:center;padding:10px 24px;gap:14px}
.ew-site-footer__logo{width:64px;flex:0 0 64px;text-align:center}
.ew-site-footer__logo img{display:block;max-width:54px;max-height:48px;margin:0 auto;object-fit:contain;transition:filter .28s ease,opacity .28s ease}
.ew-site-footer__sep{width:1px;height:42px;flex:0 0 1px;background:var(--ew-line)}
.ew-site-footer__text{display:flex;flex-direction:column;gap:3px;font:10px/1.35 Verdana,Arial,Tahoma,sans-serif}
.ew-site-footer__text b{color:var(--ew-text);font-size:10px}
.ew-site-footer__text span{color:var(--ew-muted)}
@media(max-width:760px){.ew-site-footer{width:calc(100% - 12px)}.ew-site-footer__inner{padding:9px 12px}.ew-site-footer__logo{width:50px;flex-basis:50px}.ew-site-footer__logo img{max-width:44px}.ew-site-footer__text{font-size:9px}}
.ew-ambient-canvas{
position:fixed;
left:0;top:0;width:100%;height:100%;
z-index:0;
display:block;
pointer-events:none;
opacity:.78;
}
.ew-layout,.ew-site-footer{position:relative;z-index:2}
.ew-topbar{z-index:5000}
.ew-layout,.ew-site-footer{
transition:opacity .34s ease,transform .34s cubic-bezier(.2,.75,.25,1),border-color .3s ease,box-shadow .3s ease;
}
html.ew-page-incoming .ew-layout,
html.ew-page-incoming .ew-site-footer{
opacity:0;
transform:translateY(6px) scale(.998);
}
body.ew-leaving .ew-content{
opacity:.32!important;
transform:translateY(3px) scale(.998)!important;
filter:blur(.55px);
transition:opacity .18s ease,transform .18s ease,filter .18s ease;
}
html.ew-reveal-ready .ew-reveal{
opacity:0;
transform:translateY(10px);
transition:opacity .42s cubic-bezier(.2,.72,.25,1),transform .42s cubic-bezier(.2,.72,.25,1);
transition-delay:var(--ew-reveal-delay,0ms);
will-change:opacity,transform;
}
html.ew-reveal-ready .ew-reveal.ew-reveal-visible{
opacity:1;
transform:none;
will-change:auto;
}
.ew-loader{
background:rgba(235,238,241,.87)!important;
backdrop-filter:blur(4px);
-webkit-backdrop-filter:blur(4px);
}
html.ew-theme-dark .ew-loader{background:rgba(12,17,22,.88)!important}
.ew-loader__box{
position:relative;
overflow:hidden;
min-width:225px!important;
padding:21px 27px 19px!important;
box-shadow:0 18px 50px rgba(18,26,35,.18),0 0 0 1px rgba(255,255,255,.35) inset!important;
}
html.ew-theme-dark .ew-loader__box{box-shadow:0 20px 58px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.035) inset!important}
.ew-loader__box:before{
content:"";
position:absolute;
left:50%;top:8px;
width:82px;height:82px;
margin-left:-41px;
border-radius:50%;
background:radial-gradient(circle,rgba(var(--ew-accent-rgb),.13) 0,rgba(var(--ew-accent-rgb),.035) 48%,transparent 70%);
animation:ewLoaderAura 1.75s ease-in-out infinite;
pointer-events:none;
}
.ew-loader__icon{position:relative;z-index:1;width:45px!important;margin-bottom:10px!important}
.ew-loader__title,.ew-loader__text,.ew-loader__line{position:relative;z-index:1}
@keyframes ewLoaderAura{0%,100%{transform:scale(.86);opacity:.55}50%{transform:scale(1.14);opacity:1}}
.ew-backtop{
position:fixed;
right:24px;
bottom:24px;
z-index:6500;
width:38px;height:38px;
padding:0;
border:1px solid var(--ew-line);
border-radius:6px;
background:rgba(255,255,255,.88);
color:var(--ew-muted);
box-shadow:0 8px 24px rgba(24,34,44,.14);
cursor:pointer;
opacity:0;
visibility:hidden;
transform:translateY(8px) scale(.96);
pointer-events:none;
transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s,background .2s ease,border-color .2s ease,box-shadow .2s ease;
}
html.ew-theme-dark .ew-backtop{
background:rgba(29,37,44,.92);
box-shadow:0 9px 26px rgba(0,0,0,.36);
}
.ew-backtop.ew-backtop-visible{
opacity:1;
visibility:visible;
transform:none;
pointer-events:auto;
transition:opacity .2s ease,transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.ew-backtop:hover{
border-color:var(--ew-accent);
background:var(--ew-panel);
box-shadow:0 10px 28px rgba(var(--ew-accent-rgb),.18);
color:var(--ew-accent-dark);
}
.ew-backtop__icon{
position:absolute;
left:50%;top:50%;
width:14px;height:14px;
margin:-4px 0 0 -7px;
}
.ew-backtop__icon:before,.ew-backtop__icon:after{
content:"";
position:absolute;
top:2px;
width:9px;height:2px;
border-radius:2px;
background:currentColor;
}
.ew-backtop__icon:before{left:0;transform:rotate(-42deg);transform-origin:right center}
.ew-backtop__icon:after{right:0;transform:rotate(42deg);transform-origin:left center}
.ew-backtop__icon{
border-top:0;
}
.ew-backtop__icon span{display:none}
@media(max-width:760px){
.ew-backtop{right:12px;bottom:12px;width:36px;height:36px}
.ew-ambient-canvas{opacity:.55}
}
@media(prefers-reduced-motion:reduce){
.ew-ambient-canvas{display:none!important}
html.ew-reveal-ready .ew-reveal,html.ew-reveal-ready .ew-reveal.ew-reveal-visible,
.ew-layout,.ew-site-footer,.ew-loader,.ew-loader__box,.ew-loader__icon,.ew-loader__box:before,.ew-backtop{
animation:none!important;transition:none!important;transform:none!important;
}
html.ew-reveal-ready .ew-reveal{opacity:1!important}
}
.ew-logo img{
width:118px!important;
max-width:100%;
filter:drop-shadow(0 3px 7px rgba(0,0,0,.18))!important;
}
html.ew-theme-dark .ew-logo img{
filter:drop-shadow(0 4px 9px rgba(0,0,0,.48)) drop-shadow(0 0 1px rgba(255,255,255,.24))!important;
}
.ew-first-welcome{
display:none;
position:fixed;
inset:0;
z-index:10000000;
align-items:center;
justify-content:center;
padding:24px;
background:rgba(238,241,244,.965);
color:var(--ew-text);
opacity:1;
visibility:visible;
transition:opacity .38s ease,visibility 0s linear 0s;
}
html.ew-theme-dark .ew-first-welcome{background:rgba(13,18,23,.975)}
html.ew-first-visit .ew-first-welcome{display:flex}
.ew-first-welcome.ew-first-welcome--out{
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity .38s ease,visibility 0s linear .38s;
}
.ew-first-welcome__panel{
width:720px;
max-width:94vw;
padding:24px 28px 18px;
border:1px solid var(--ew-line);
border-top:2px solid var(--ew-accent);
border-radius:8px;
background:linear-gradient(145deg,var(--ew-panel),var(--ew-panel-2));
box-shadow:0 24px 70px rgba(27,37,48,.18),0 0 0 1px rgba(255,255,255,.35) inset;
transform:translateY(6px) scale(.992);
animation:ewFirstPanelIn .48s cubic-bezier(.2,.75,.25,1) .06s both;
}
html.ew-theme-dark .ew-first-welcome__panel{
box-shadow:0 28px 78px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.035) inset;
}
.ew-first-welcome__main{
display:flex;
align-items:center;
justify-content:center;
min-height:176px;
}
.ew-first-welcome__logo{
width:210px;
flex:0 0 210px;
padding:5px 22px 5px 4px;
text-align:center;
}
.ew-first-welcome__logo img{
display:block;
width:176px;
max-width:100%;
height:auto;
margin:0 auto;
opacity:.72;
filter:grayscale(1) saturate(.08) brightness(.82) contrast(1.06) drop-shadow(0 5px 12px rgba(0,0,0,.22));
transform:scale(.95);
animation:ewFirstLogoColor 1.45s cubic-bezier(.2,.7,.2,1) .22s forwards;
}
html.ew-theme-dark .ew-first-welcome__logo img{
filter:grayscale(1) saturate(.08) brightness(1.16) contrast(.92) drop-shadow(0 8px 18px rgba(0,0,0,.5));
}
.ew-first-welcome__sep{
width:1px;
height:112px;
flex:0 0 1px;
background:linear-gradient(180deg,transparent,var(--ew-line) 18%,var(--ew-line) 82%,transparent);
transform:scaleY(.25);
opacity:0;
animation:ewFirstSep .55s ease .32s forwards;
}
.ew-first-welcome__text{
flex:1;
min-width:0;
padding:8px 8px 8px 30px;
}
.ew-first-welcome__text span{
display:block;
margin-bottom:7px;
color:var(--ew-accent);
font:bold 10px/1.3 Verdana,Arial,Tahoma,sans-serif;
letter-spacing:2.1px;
opacity:0;
transform:translateX(8px);
animation:ewFirstTextIn .42s ease .42s forwards;
}
.ew-first-welcome__text b{
display:block;
color:var(--ew-accent-dark);
font:normal 29px/1.16 Georgia,'Times New Roman',serif;
opacity:0;
transform:translateX(10px);
animation:ewFirstTextIn .48s ease .53s forwards;
}
.ew-first-welcome__text small{
display:block;
margin-top:10px;
color:var(--ew-muted);
font:11px/1.55 Verdana,Arial,Tahoma,sans-serif;
opacity:0;
transform:translateX(10px);
animation:ewFirstTextIn .48s ease .66s forwards;
}
.ew-first-welcome__progress{
position:relative;
height:2px;
margin-top:8px;
overflow:hidden;
background:rgba(var(--ew-accent-rgb),.10);
}
.ew-first-welcome__progress i{
position:absolute;
left:0;top:0;bottom:0;
width:0;
background:linear-gradient(90deg,var(--ew-accent-dark),var(--ew-accent),#b51620,var(--ew-accent));
box-shadow:0 0 8px rgba(var(--ew-accent-rgb),.32);
animation:ewFirstProgress 2.05s cubic-bezier(.12,.65,.24,1) .12s forwards;
}
@keyframes ewFirstPanelIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes ewFirstLogoColor{0%{opacity:.72;transform:scale(.95);filter:grayscale(1) saturate(.08) brightness(.82) contrast(1.06) drop-shadow(0 5px 12px rgba(0,0,0,.22))}60%{opacity:1;transform:scale(1.015);filter:grayscale(.18) saturate(.88) brightness(1.02) contrast(1.02) drop-shadow(0 8px 18px rgba(0,0,0,.25))}100%{opacity:1;transform:scale(1);filter:grayscale(0) saturate(1.05) brightness(1) contrast(1.02) drop-shadow(0 7px 16px rgba(0,0,0,.24))}}
html.ew-theme-dark .ew-first-welcome__logo img{animation-name:ewFirstLogoColorDark}
@keyframes ewFirstLogoColorDark{0%{opacity:.76;transform:scale(.95);filter:grayscale(1) saturate(.08) brightness(1.18) contrast(.9) drop-shadow(0 7px 16px rgba(0,0,0,.52))}60%{opacity:1;transform:scale(1.015);filter:grayscale(.16) saturate(.9) brightness(1.08) contrast(1) drop-shadow(0 10px 22px rgba(0,0,0,.52))}100%{opacity:1;transform:scale(1);filter:grayscale(0) saturate(1.06) brightness(1.03) contrast(1.02) drop-shadow(0 9px 20px rgba(0,0,0,.5))}}
@keyframes ewFirstSep{to{opacity:1;transform:scaleY(1)}}
@keyframes ewFirstTextIn{to{opacity:1;transform:none}}
@keyframes ewFirstProgress{0%{width:0}22%{width:24%}58%{width:67%}82%{width:88%}100%{width:100%}}
.ew-mobile-menu{
display:none;
position:relative;
width:34px;height:34px;
flex:0 0 34px;
margin-right:7px;
padding:0;
border:1px solid var(--ew-line);
border-radius:4px;
background:var(--ew-panel);
color:var(--ew-muted);
cursor:pointer;
}
.ew-mobile-menu span,.ew-mobile-menu i,.ew-mobile-menu b{
position:absolute;
left:9px;
width:14px;
height:1px;
background:currentColor;
transition:transform .2s ease,opacity .2s ease,top .2s ease;
}
.ew-mobile-menu span{top:10px}.ew-mobile-menu i{top:16px}.ew-mobile-menu b{top:22px}
html.ew-mobile-nav-open .ew-mobile-menu span{top:16px;transform:rotate(45deg)}
html.ew-mobile-nav-open .ew-mobile-menu i{opacity:0}
html.ew-mobile-nav-open .ew-mobile-menu b{top:16px;transform:rotate(-45deg)}
.ew-mobile-backdrop{display:none}
.ew-article{min-width:0}
.ew-article img,.ew-article video,.ew-article canvas,.ew-article svg{max-width:100%;height:auto}
.ew-table-scroll{
display:block;
width:100%;
max-width:100%;
overflow-x:auto;
overflow-y:hidden;
-webkit-overflow-scrolling:touch;
scrollbar-width:thin;
scrollbar-color:rgba(var(--ew-accent-rgb),.55) var(--ew-panel-2);
}
.ew-table-scroll::-webkit-scrollbar{height:7px}
.ew-table-scroll::-webkit-scrollbar-track{background:var(--ew-panel-2)}
.ew-table-scroll::-webkit-scrollbar-thumb{background:rgba(var(--ew-accent-rgb),.48);border-radius:7px}
@media(max-width:820px){
html,body{overflow-x:hidden}
.ew-topbar{
height:52px;
padding:0 7px;
gap:4px;
}
.ew-mobile-menu{display:block}
.ew-brand{gap:8px;margin-right:auto}
.ew-brand__name{font-size:18px;letter-spacing:.7px}
.ew-brand__sep{height:21px}
.ew-brand__sub{font-size:10px}
.ew-tools{gap:3px;flex:0 0 auto}
.ew-tool{width:32px;height:32px;padding:0}
.ew-tool u{display:none}
.ew-game-link{height:32px;padding:0 8px;font-size:10px}
.ew-accent-picker{
position:fixed;
left:8px;right:8px;top:58px;
width:auto;max-width:none;
}
.ew-accent-grid{grid-template-columns:repeat(8,1fr);gap:8px}
.ew-layout{
display:block;
width:calc(100% - 8px);
min-height:calc(100vh - 62px);
margin:5px auto 10px;
border-radius:6px;
overflow:hidden;
}
.ew-sidebar{
position:fixed;
left:0;top:52px;bottom:0;
z-index:6500;
width:min(86vw,320px);
max-height:none;
padding:14px 13px 24px;
border:0;
border-right:1px solid var(--ew-line);
border-radius:0;
box-shadow:14px 0 36px rgba(20,29,38,.18);
transform:translateX(-104%);
transition:transform .25s cubic-bezier(.2,.72,.25,1),background .3s ease,border-color .3s ease;
overscroll-behavior:contain;
}
html.ew-theme-dark .ew-sidebar{box-shadow:16px 0 40px rgba(0,0,0,.52)}
html.ew-mobile-nav-open .ew-sidebar{transform:none}
.ew-mobile-backdrop{
display:block;
position:fixed;
inset:52px 0 0;
z-index:6200;
background:rgba(15,22,29,.42);
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity .22s ease,visibility 0s linear .22s;
}
html.ew-mobile-nav-open .ew-mobile-backdrop{
opacity:1;
visibility:visible;
pointer-events:auto;
transition:opacity .22s ease;
}
html.ew-mobile-nav-open,html.ew-mobile-nav-open body{overflow:hidden}
.ew-logo{padding-top:0}
.ew-logo img{width:104px!important}
.ew-content{
width:100%;
margin-left:0;
min-height:calc(100vh - 64px);
padding:15px 12px 34px;
border-radius:6px;
overflow:hidden;
}
.ew-homepage{font-size:13px!important;padding-bottom:20px!important}
.ew-homepage__intro h1{font-size:25px!important;line-height:1.18!important}
.ew-homepage__intro p,.ew-homepage__card p,.ew-homepage__facts ul{font-size:12.5px!important}
.ew-homepage__count{padding:10px 8px!important;font-size:14px!important}
.ew-homepage__grid{grid-template-columns:1fr!important;gap:11px!important}
.ew-homepage__card{padding:13px!important}
.ew-homepage__image{width:100%!important}
.ew-site-footer{width:calc(100% - 8px);margin-bottom:10px}
.ew-site-footer__inner{padding:9px 10px;gap:10px}
.ew-site-footer__text{font-size:9px;min-width:0}
.ew-article{width:100%;max-width:100%;font-size:13px;overflow-wrap:break-word;word-wrap:break-word}
.ew-article .wiki-container,.ew-article .wiki-wrap{
width:100%!important;
max-width:100%!important;
margin:0!important;
padding:12px!important;
}
.ew-article .infobox{
float:none!important;
clear:both!important;
width:100%!important;
max-width:100%!important;
margin:0 0 14px!important;
}
.ew-article .cards-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
.ew-article .hero-card,.ew-article .loc-card,.ew-article .god-body,.ew-article .mob-card{max-width:100%!important}
.ew-article [style*="min-width"]{min-width:0!important}
.ew-article [style*="max-width"]{max-width:100%!important}
.ew-article iframe{max-width:100%!important}
#tooltip.ew-tooltip{max-width:min(340px,calc(100vw - 16px))!important}
.ew-backtop{right:10px;bottom:10px}
}
@media(max-width:560px){
.ew-brand__sub,.ew-brand__sep{display:none}
.ew-brand__name{font-size:17px}
.ew-game-link{padding:0 7px;font-size:9px}
.ew-accent-grid{grid-template-columns:repeat(6,1fr)}
.ew-sidebar{width:min(90vw,310px)}
.ew-content{padding:13px 9px 30px}
.ew-homepage__intro h1{font-size:22px!important}
.ew-homepage__card h2{font-size:17px!important}
.ew-homepage__count b{font-size:16px!important}
.ew-site-footer__logo{width:42px;flex-basis:42px}
.ew-site-footer__logo img{max-width:38px}
.ew-site-footer__sep{height:36px}
.ew-first-welcome{padding:12px}
.ew-first-welcome__panel{max-width:96vw;padding:18px 15px 14px}
.ew-first-welcome__main{display:block;min-height:0;text-align:center}
.ew-first-welcome__logo{width:auto;padding:0 0 11px}
.ew-first-welcome__logo img{width:128px}
.ew-first-welcome__sep{width:84%;height:1px;margin:0 auto;background:linear-gradient(90deg,transparent,var(--ew-line),transparent);transform:scaleX(.25);animation-name:ewFirstSepMobile}
.ew-first-welcome__text{padding:14px 4px 7px;text-align:center}
.ew-first-welcome__text span{font-size:9px;letter-spacing:1.7px;transform:translateY(6px)}
.ew-first-welcome__text b{font-size:23px;transform:translateY(7px)}
.ew-first-welcome__text small{font-size:10px;transform:translateY(7px)}
.ew-first-welcome__progress{margin-top:7px}
}
@keyframes ewFirstSepMobile{to{opacity:1;transform:scaleX(1)}}
@media(max-width:390px){
.ew-topbar{padding-left:5px;padding-right:5px}
.ew-mobile-menu{width:32px;height:32px;flex-basis:32px;margin-right:3px}
.ew-brand__name{font-size:15px}
.ew-tools{gap:2px}
.ew-tool{width:29px;height:30px}
.ew-game-link{height:30px;padding:0 6px}
.ew-accent-picker{left:5px;right:5px;top:56px;padding:9px}
.ew-accent-grid{gap:6px}
.ew-content{padding-left:7px;padding-right:7px}
}
@media(prefers-reduced-motion:reduce){
.ew-first-welcome__panel,.ew-first-welcome__logo img,.ew-first-welcome__sep,.ew-first-welcome__text span,.ew-first-welcome__text b,.ew-first-welcome__text small,.ew-first-welcome__progress i{
animation:none!important;
opacity:1!important;
transform:none!important;
filter:none!important;
}
}
.ew-first-welcome{
display:none!important;
position:fixed!important;
inset:0!important;
z-index:10000000!important;
align-items:center!important;
justify-content:center!important;
padding:32px!important;
background:
radial-gradient(circle at 50% 42%,rgba(255,255,255,.035),transparent 38%),
linear-gradient(135deg,#0b1721 0%,#102231 52%,#0a151e 100%)!important;
color:#eef3f6!important;
opacity:1!important;
visibility:visible!important;
overflow:hidden!important;
transition:opacity .48s ease,visibility 0s linear 0s!important;
}
html.ew-first-visit .ew-first-welcome{display:flex!important}
.ew-first-welcome:before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:
linear-gradient(90deg,transparent 0,rgba(255,255,255,.018) 50%,transparent 100%),
radial-gradient(circle at 32% 50%,rgba(180,24,35,.055),transparent 31%);
opacity:.9;
}
.ew-first-welcome.ew-first-welcome--out{
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
transition:opacity .48s ease,visibility 0s linear .48s!important;
}
.ew-first-welcome__stage{
position:relative;
z-index:1;
width:760px;
max-width:90vw;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
transform:translateY(7px);
opacity:0;
animation:ewFirstStageIn .55s cubic-bezier(.2,.75,.25,1) .05s forwards;
}
.ew-first-welcome__main{
display:flex!important;
align-items:center!important;
justify-content:center!important;
min-height:0!important;
padding:0!important;
}
.ew-first-welcome__logo{
width:250px!important;
flex:0 0 250px!important;
padding:0 34px 0 0!important;
margin:0!important;
text-align:center!important;
}
.ew-first-welcome__logo-stage{
position:relative;
width:205px;
height:205px;
margin:0 auto;
}
.ew-first-welcome__logo-stage img{
position:absolute!important;
inset:0!important;
display:block!important;
width:100%!important;
height:100%!important;
object-fit:contain!important;
margin:0!important;
transform:none!important;
}
.ew-first-welcome__logo-base{
opacity:.38!important;
filter:grayscale(1) saturate(0) brightness(1.35) contrast(.74) drop-shadow(0 8px 20px rgba(0,0,0,.34))!important;
}
.ew-first-welcome__logo-color{
opacity:1!important;
filter:saturate(1.08) brightness(1.04) contrast(1.04) drop-shadow(0 10px 24px rgba(0,0,0,.42))!important;
clip-path:inset(0 100% 0 0);
-webkit-clip-path:inset(0 100% 0 0);
animation:ewFirstLogoWipe 1.55s cubic-bezier(.2,.72,.2,1) .27s forwards!important;
}
.ew-first-welcome__sep{
width:1px!important;
height:126px!important;
flex:0 0 1px!important;
margin:0!important;
background:linear-gradient(180deg,transparent,rgba(228,236,241,.50) 18%,rgba(228,236,241,.50) 82%,transparent)!important;
opacity:0;
transform:scaleY(.2);
animation:ewFirstSepPremium .58s ease .30s forwards!important;
}
.ew-first-welcome__text{
flex:1!important;
min-width:0!important;
padding:4px 0 4px 35px!important;
margin:0!important;
text-align:left!important;
}
.ew-first-welcome__text span{
display:block!important;
margin:0 0 9px!important;
color:#c2ccd4!important;
font:normal 10px/1.3 Verdana,Arial,Tahoma,sans-serif!important;
letter-spacing:3px!important;
text-transform:uppercase!important;
opacity:0;
transform:translateY(6px);
animation:ewFirstPremiumText .44s ease .48s forwards!important;
}
.ew-first-welcome__text b{
display:block!important;
margin:0!important;
color:#f4f6f8!important;
font:normal 31px/1.14 Georgia,'Times New Roman',serif!important;
letter-spacing:.15px!important;
text-shadow:0 2px 16px rgba(0,0,0,.26)!important;
opacity:0;
transform:translateY(7px);
animation:ewFirstPremiumText .50s ease .58s forwards!important;
}
.ew-first-welcome__text small{
display:block!important;
margin:11px 0 0!important;
color:#8293a1!important;
font:10px/1.55 Verdana,Arial,Tahoma,sans-serif!important;
letter-spacing:.45px!important;
opacity:0;
transform:translateY(7px);
animation:ewFirstPremiumText .48s ease .72s forwards!important;
}
.ew-first-welcome__progress{
position:relative!important;
width:100%!important;
height:1px!important;
margin:28px 0 0!important;
overflow:hidden!important;
background:rgba(222,230,235,.13)!important;
}
.ew-first-welcome__progress:after{
content:"";
position:absolute;
left:0;right:0;top:0;
height:1px;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
}
.ew-first-welcome__progress i{
position:absolute!important;
left:0!important;top:0!important;bottom:0!important;
width:0;
background:linear-gradient(90deg,#5f6870 0%,#aab5bd 34%,#d6dce0 56%,#9d1924 82%,#c82a35 100%)!important;
box-shadow:0 0 9px rgba(197,42,53,.20)!important;
animation:ewFirstPremiumProgress 2.15s cubic-bezier(.12,.65,.24,1) .10s forwards!important;
}
@keyframes ewFirstStageIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes ewFirstLogoWipe{0%{clip-path:inset(0 100% 0 0);-webkit-clip-path:inset(0 100% 0 0)}45%{clip-path:inset(0 54% 0 0);-webkit-clip-path:inset(0 54% 0 0)}100%{clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0)}}
@keyframes ewFirstSepPremium{to{opacity:1;transform:scaleY(1)}}
@keyframes ewFirstPremiumText{to{opacity:1;transform:translateY(0)}}
@keyframes ewFirstPremiumProgress{0%{width:0}18%{width:18%}53%{width:59%}80%{width:87%}100%{width:100%}}
@media(max-width:680px){
.ew-first-welcome{padding:22px 18px!important}
.ew-first-welcome__stage{width:100%;max-width:430px!important}
.ew-first-welcome__main{display:block!important;text-align:center!important}
.ew-first-welcome__logo{width:auto!important;flex:none!important;padding:0!important}
.ew-first-welcome__logo-stage{width:160px;height:160px}
.ew-first-welcome__sep{
width:150px!important;height:1px!important;display:block!important;
margin:16px auto 0!important;
background:linear-gradient(90deg,transparent,rgba(228,236,241,.46),transparent)!important;
transform:scaleX(.2)!important;
animation:ewFirstSepPremiumMobile .58s ease .30s forwards!important;
}
.ew-first-welcome__text{padding:20px 0 0!important;text-align:center!important}
.ew-first-welcome__text span{font-size:9px!important;letter-spacing:2.4px!important}
.ew-first-welcome__text b{font-size:26px!important}
.ew-first-welcome__text small{font-size:9.5px!important}
.ew-first-welcome__progress{margin-top:24px!important}
}
@media(max-width:390px){
.ew-first-welcome__logo-stage{width:138px;height:138px}
.ew-first-welcome__text b{font-size:23px!important}
.ew-first-welcome__text small{font-size:9px!important}
.ew-first-welcome__progress{margin-top:20px!important}
}
@keyframes ewFirstSepPremiumMobile{to{opacity:1;transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){
.ew-first-welcome__stage,
.ew-first-welcome__logo-color,
.ew-first-welcome__sep,
.ew-first-welcome__text span,
.ew-first-welcome__text b,
.ew-first-welcome__text small,
.ew-first-welcome__progress i{
animation:none!important;
opacity:1!important;
transform:none!important;
}
.ew-first-welcome__logo-color{clip-path:inset(0 0 0 0)!important;-webkit-clip-path:inset(0 0 0 0)!important}
.ew-first-welcome__progress i{width:100%!important}
}
.ew-first-welcome{
transition:opacity .36s cubic-bezier(.22,.68,.28,1),visibility 0s linear 0s!important;
}
.ew-first-welcome.ew-first-welcome--out{
transition:opacity .36s cubic-bezier(.22,.68,.28,1),visibility 0s linear .36s!important;
}
.ew-first-welcome__stage{
will-change:opacity,transform;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
transform:translate3d(0,7px,0);
animation:ewFirstStageInV11 .42s cubic-bezier(.2,.72,.25,1) .04s forwards!important;
}
.ew-first-welcome__logo-stage{
contain:paint;
isolation:isolate;
transform:translateZ(0);
}
.ew-first-welcome__logo-stage img{
filter:none!important;
clip-path:none!important;
-webkit-clip-path:none!important;
backface-visibility:hidden!important;
-webkit-backface-visibility:hidden!important;
will-change:opacity,transform;
}
.ew-first-welcome__logo-base{
opacity:.72!important;
transform:translate3d(0,0,0) scale(1)!important;
animation:ewFirstMonoFadeV11 1.08s cubic-bezier(.22,.68,.28,1) .24s forwards!important;
}
.ew-first-welcome__logo-color{
opacity:0!important;
transform:translate3d(0,0,0) scale(.992)!important;
animation:ewFirstColorFadeV11 1.08s cubic-bezier(.22,.68,.28,1) .24s forwards!important;
}
.ew-first-welcome__sep{
will-change:opacity,transform;
backface-visibility:hidden;
animation:ewFirstSepV11 .48s cubic-bezier(.2,.72,.25,1) .32s forwards!important;
}
.ew-first-welcome__text span,
.ew-first-welcome__text b,
.ew-first-welcome__text small{
will-change:opacity,transform;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
}
.ew-first-welcome__text span{animation:ewFirstTextV11 .42s ease-out .48s forwards!important}
.ew-first-welcome__text b{animation:ewFirstTextV11 .46s ease-out .56s forwards!important}
.ew-first-welcome__text small{animation:ewFirstTextV11 .44s ease-out .66s forwards!important}
.ew-first-welcome__progress i{
width:100%!important;
transform:translate3d(0,0,0) scaleX(0)!important;
transform-origin:0 50%!important;
will-change:transform;
box-shadow:none!important;
animation:ewFirstProgressV11 1.92s cubic-bezier(.16,.68,.22,1) .08s forwards!important;
}
@keyframes ewFirstStageInV11{
from{opacity:0;transform:translate3d(0,12px,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes ewFirstMonoFadeV11{
0%{opacity:.72;transform:translate3d(0,0,0) scale(1)}
100%{opacity:.10;transform:translate3d(0,0,0) scale(1.004)}
}
@keyframes ewFirstColorFadeV11{
0%{opacity:0;transform:translate3d(0,0,0) scale(.992)}
100%{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes ewFirstSepV11{
from{opacity:0;transform:translate3d(0,0,0) scaleY(.25)}
to{opacity:1;transform:translate3d(0,0,0) scaleY(1)}
}
@keyframes ewFirstTextV11{
from{opacity:0;transform:translate3d(0,6px,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes ewFirstProgressV11{
0%{transform:translate3d(0,0,0) scaleX(0)}
18%{transform:translate3d(0,0,0) scaleX(.18)}
55%{transform:translate3d(0,0,0) scaleX(.61)}
82%{transform:translate3d(0,0,0) scaleX(.89)}
100%{transform:translate3d(0,0,0) scaleX(1)}
}
@media(max-width:680px){
.ew-first-welcome__sep{
animation:ewFirstSepMobileV11 .48s cubic-bezier(.2,.72,.25,1) .32s forwards!important;
}
}
@keyframes ewFirstSepMobileV11{
from{opacity:0;transform:translate3d(0,0,0) scaleX(.25)}
to{opacity:1;transform:translate3d(0,0,0) scaleX(1)}
}
@media(prefers-reduced-motion:reduce){
.ew-first-welcome__logo-base{opacity:.10!important}
.ew-first-welcome__logo-color{opacity:1!important;transform:none!important}
.ew-first-welcome__progress i{transform:none!important}
}
.ew-first-welcome__logo-base{
opacity:.72!important;
transform:translate3d(0,0,0) scale(1)!important;
animation:none!important;
}
.ew-first-welcome__logo-color{
opacity:0!important;
transform:translate3d(0,0,0) scale(.992)!important;
animation:none!important;
}
.ew-first-welcome.ew-first-welcome--color-ready .ew-first-welcome__logo-base{
animation:ewFirstMonoFadeV12 .92s cubic-bezier(.22,.68,.28,1) forwards!important;
}
.ew-first-welcome.ew-first-welcome--color-ready .ew-first-welcome__logo-color{
animation:ewFirstColorFadeV12 .92s cubic-bezier(.22,.68,.28,1) forwards!important;
}
@keyframes ewFirstMonoFadeV12{
0%{opacity:.72;transform:translate3d(0,0,0) scale(1)}
100%{opacity:.08;transform:translate3d(0,0,0) scale(1.002)}
}
@keyframes ewFirstColorFadeV12{
0%{opacity:0;transform:translate3d(0,0,0) scale(.992)}
100%{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@media(prefers-reduced-motion:reduce){
.ew-first-welcome.ew-first-welcome--color-ready .ew-first-welcome__logo-base{opacity:.08!important;animation:none!important}
.ew-first-welcome.ew-first-welcome--color-ready .ew-first-welcome__logo-color{opacity:1!important;transform:none!important;animation:none!important}
}
.ew-first-welcome__logo-stage{
position:relative!important;
width:205px!important;
height:205px!important;
overflow:visible!important;
contain:layout paint!important;
isolation:isolate!important;
}
.ew-first-welcome__logo-base,
.ew-first-welcome__logo-color{
position:absolute!important;
left:0!important;top:0!important;
width:205px!important;height:205px!important;
max-width:none!important;
object-fit:contain!important;
animation:none!important;
transform:none!important;
}
.ew-first-welcome__logo-base{
z-index:1!important;
opacity:.82!important;
filter:grayscale(1) saturate(0) brightness(.86) contrast(1.12)!important;
}
.ew-first-welcome__logo-reveal{
position:absolute!important;
z-index:2!important;
left:0!important;top:0!important;
width:0!important;height:205px!important;
overflow:hidden!important;
opacity:1!important;
transition:width 1.55s cubic-bezier(.16,.72,.18,1)!important;
will-change:width!important;
contain:layout paint!important;
}
.ew-first-welcome__logo-color{
z-index:2!important;
opacity:1!important;
filter:none!important;
}
.ew-first-welcome__logo-scan{
position:absolute!important;
z-index:3!important;
right:-2px!important;top:15px!important;
width:2px!important;height:175px!important;
opacity:0!important;
background:rgba(225,235,241,.92)!important;
box-shadow:0 0 7px rgba(255,255,255,.68),0 0 16px rgba(190,31,42,.34)!important;
transition:opacity .16s ease!important;
}
.ew-first-welcome.ew-intro-run .ew-first-welcome__logo-reveal{
width:205px!important;
}
.ew-first-welcome.ew-intro-run .ew-first-welcome__logo-scan{
opacity:.72!important;
}
.ew-first-welcome__progress{
height:2px!important;
background:rgba(222,230,235,.15)!important;
overflow:hidden!important;
}
.ew-first-welcome__progress i{
display:block!important;
width:100%!important;height:2px!important;
transform:scaleX(0)!important;
transform-origin:0 50%!important;
animation:none!important;
transition:transform 1.95s cubic-bezier(.15,.68,.2,1) .04s!important;
background:linear-gradient(90deg,#68747d 0%,#aab4bc 34%,#e3e7ea 58%,#9b202a 83%,#d12d38 100%)!important;
box-shadow:0 0 8px rgba(202,43,54,.22)!important;
}
.ew-first-welcome.ew-intro-run .ew-first-welcome__progress i{
transform:scaleX(1)!important;
}
.ew-first-welcome.ew-intro-run .ew-first-welcome__logo-base{
opacity:.24!important;
transition:opacity 1.5s ease .05s!important;
}
@media(max-width:680px){
.ew-first-welcome__logo-stage{width:160px!important;height:160px!important}
.ew-first-welcome__logo-base,.ew-first-welcome__logo-color{width:160px!important;height:160px!important}
.ew-first-welcome__logo-reveal{height:160px!important}
.ew-first-welcome.ew-intro-run .ew-first-welcome__logo-reveal{width:160px!important}
.ew-first-welcome__logo-scan{top:12px!important;height:136px!important}
}
@media(max-width:390px){
.ew-first-welcome__logo-stage{width:138px!important;height:138px!important}
.ew-first-welcome__logo-base,.ew-first-welcome__logo-color{width:138px!important;height:138px!important}
.ew-first-welcome__logo-reveal{height:138px!important}
.ew-first-welcome.ew-intro-run .ew-first-welcome__logo-reveal{width:138px!important}
.ew-first-welcome__logo-scan{top:10px!important;height:118px!important}
}
@media(prefers-reduced-motion:reduce){
.ew-first-welcome__logo-reveal{transition-duration:1.05s!important}
.ew-first-welcome__progress i{transition-duration:1.3s!important}
}
.ew-first-welcome__logo-stage{
position:relative!important;
width:205px!important;
height:205px!important;
overflow:visible!important;
contain:layout paint!important;
}
.ew-first-welcome__logo-canvas{
display:block!important;
width:205px!important;
height:205px!important;
max-width:none!important;
background:transparent!important;
opacity:.96!important;
transform:translate3d(0,3px,0) scale(.992)!important;
transition:transform .65s cubic-bezier(.2,.75,.2,1),opacity .65s ease!important;
will-change:transform,opacity!important;
}
.ew-first-welcome.ew-intro-run .ew-first-welcome__logo-canvas{
opacity:1!important;
transform:translate3d(0,0,0) scale(1)!important;
}
.ew-first-welcome__progress i{
transform:scaleX(0)!important;
transform-origin:0 50%!important;
transition:none!important;
animation:none!important;
will-change:transform!important;
}
.ew-first-welcome__logo-base,
.ew-first-welcome__logo-color,
.ew-first-welcome__logo-reveal,
.ew-first-welcome__logo-scan{display:none!important}
@media(max-width:680px){
.ew-first-welcome__logo-stage{width:160px!important;height:160px!important}
.ew-first-welcome__logo-canvas{width:160px!important;height:160px!important}
}
@media(max-width:390px){
.ew-first-welcome__logo-stage{width:138px!important;height:138px!important}
.ew-first-welcome__logo-canvas{width:138px!important;height:138px!important}
}
.ew-css-intro{
position:fixed;
inset:0;
z-index:2147483000;
display:none;
align-items:center;
justify-content:center;
padding:26px;
overflow:hidden;
background:#0d2130;
opacity:1;
visibility:visible;
transition:opacity .46s ease,visibility 0s linear .46s;
}
html.ew-first-visit .ew-css-intro{display:flex}
.ew-css-intro:before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:
radial-gradient(circle at 50% 48%,rgba(86,113,132,.10),transparent 36%),
linear-gradient(180deg,rgba(255,255,255,.015),rgba(0,0,0,.08));
}
.ew-css-intro.is-out{opacity:0;visibility:hidden}
.ew-css-intro__stage{
position:relative;
z-index:1;
width:min(690px,88vw);
transform:translate3d(0,4px,0);
opacity:.985;
transition:transform .6s ease,opacity .6s ease;
}
.ew-css-intro.is-running .ew-css-intro__stage{transform:translate3d(0,0,0);opacity:1}
.ew-css-intro__main{
display:flex;
align-items:center;
justify-content:center;
min-height:190px;
}
.ew-css-intro__logo{
position:relative;
flex:0 0 195px;
width:195px;
text-align:center;
}
.ew-css-intro__logo img{
display:block;
width:180px;
height:180px;
margin:0 auto;
object-fit:contain;
filter:grayscale(100%) brightness(.74) contrast(1.08);
opacity:.92;
transform:translate3d(0,0,0) scale(.985);
will-change:filter,transform,opacity;
}
.ew-css-intro.is-running .ew-css-intro__logo img{
animation:ewCssLogoColor 2.05s cubic-bezier(.4,0,.2,1) .10s forwards;
}
@keyframes ewCssLogoColor{
0%{filter:grayscale(100%) brightness(.74) contrast(1.08);opacity:.90;transform:translate3d(0,0,0) scale(.985)}
18%{filter:grayscale(88%) brightness(.78) contrast(1.07);opacity:.94}
55%{filter:grayscale(46%) brightness(.88) contrast(1.04);opacity:.98}
82%{filter:grayscale(14%) brightness(.97) contrast(1.01)}
100%{filter:grayscale(0%) brightness(1) contrast(1);opacity:1;transform:translate3d(0,0,0) scale(1)}
}
.ew-css-intro__sep{
width:1px;
height:104px;
margin:0 30px;
background:linear-gradient(180deg,transparent,rgba(207,217,225,.45) 18%,rgba(207,217,225,.45) 82%,transparent);
transform:scaleY(.15);
opacity:.15;
transform-origin:center;
}
.ew-css-intro.is-running .ew-css-intro__sep{animation:ewCssSep .65s ease-out .22s forwards}
@keyframes ewCssSep{to{transform:scaleY(1);opacity:1}}
.ew-css-intro__text{min-width:0;color:#e8edf1;text-align:left}
.ew-css-intro__text span,.ew-css-intro__text b,.ew-css-intro__text small{
display:block;
opacity:0;
transform:translate3d(8px,0,0);
will-change:transform,opacity;
}
.ew-css-intro__text span{
margin-bottom:10px;
color:#aebdca;
font:bold 9px Verdana,Arial,sans-serif;
letter-spacing:2.7px;
}
.ew-css-intro__text b{
color:#f1f3f5;
font:normal 27px Georgia,'Times New Roman',serif;
line-height:1.1;
text-shadow:0 1px 0 rgba(0,0,0,.3);
}
.ew-css-intro__text small{
margin-top:11px;
color:#728797;
font:9px Verdana,Arial,sans-serif;
letter-spacing:.35px;
}
.ew-css-intro.is-running .ew-css-intro__text span{animation:ewCssText .48s ease-out .32s forwards}
.ew-css-intro.is-running .ew-css-intro__text b{animation:ewCssText .52s ease-out .42s forwards}
.ew-css-intro.is-running .ew-css-intro__text small{animation:ewCssText .48s ease-out .54s forwards}
@keyframes ewCssText{to{opacity:1;transform:translate3d(0,0,0)}}
.ew-css-intro__progress{
position:relative;
width:100%;
height:1px;
margin-top:22px;
overflow:hidden;
background:rgba(190,205,216,.18);
}
.ew-css-intro__progress i{
position:absolute;
left:0;
top:0;
width:100%;
height:1px;
display:block;
transform:scaleX(0);
transform-origin:left center;
background:linear-gradient(90deg,#687f91 0%,#d4dde4 78%,#f0f3f5 100%);
box-shadow:0 0 8px rgba(210,224,234,.24);
will-change:transform;
}
.ew-css-intro.is-running .ew-css-intro__progress i{
animation:ewCssProgress 2.05s cubic-bezier(.4,0,.2,1) .10s forwards;
}
@keyframes ewCssProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:700px){
.ew-css-intro{padding:18px}
.ew-css-intro__stage{width:min(390px,92vw)}
.ew-css-intro__main{display:block;min-height:0;text-align:center}
.ew-css-intro__logo{width:100%;height:auto;flex:none}
.ew-css-intro__logo img{width:138px;height:138px}
.ew-css-intro__sep{width:70%;height:1px;margin:15px auto;background:linear-gradient(90deg,transparent,rgba(207,217,225,.45),transparent);transform:scaleX(.15)}
.ew-css-intro.is-running .ew-css-intro__sep{animation-name:ewCssSepMobile}
@keyframes ewCssSepMobile{to{transform:scaleX(1);opacity:1}}
.ew-css-intro__text{text-align:center}
.ew-css-intro__text span{margin-bottom:8px;font-size:8px;letter-spacing:2.3px}
.ew-css-intro__text b{font-size:23px}
.ew-css-intro__text small{margin-top:8px;font-size:8.5px}
.ew-css-intro__progress{margin-top:19px}
}
@media(prefers-reduced-motion:reduce){
.ew-css-intro__logo img{filter:grayscale(0%)!important;opacity:1!important;transform:none!important;animation:none!important}
.ew-css-intro__sep,.ew-css-intro__text span,.ew-css-intro__text b,.ew-css-intro__text small{opacity:1!important;transform:none!important;animation:none!important}
.ew-css-intro__progress i{transform:scaleX(1)!important;animation:none!important}
}
html.ew-page-incoming #ewPageLoader{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transition:none!important}
html.ew-page-incoming #ewPageLoader .ew-loader__box{transform:none!important}
html.ew-page-incoming body{overflow:hidden!important}
html.ew-page-incoming .ew-layout,html.ew-page-incoming .ew-site-footer{opacity:0!important;transform:translateY(4px) scale(.999)!important}
.ew-css-intro__text span{color:var(--ew-intro-accent)!important;text-shadow:0 1px 2px rgba(0,0,0,.42)!important}
.ew-css-intro__text b{color:var(--ew-intro-accent-top)!important;text-shadow:0 1px 2px rgba(0,0,0,.55),0 0 18px rgba(var(--ew-intro-rgb),.12)!important}
.ew-css-intro__text small{color:var(--ew-intro-accent-soft)!important;text-shadow:0 1px 2px rgba(0,0,0,.42)!important}
.ew-css-intro__sep{background:linear-gradient(180deg,transparent,rgba(var(--ew-intro-rgb),.62) 18%,rgba(var(--ew-intro-rgb),.62) 82%,transparent)!important}
.ew-css-intro__progress{background:rgba(var(--ew-intro-rgb),.18)!important}
.ew-css-intro__progress i{background:linear-gradient(90deg,var(--ew-intro-accent),var(--ew-intro-accent-top),var(--ew-intro-accent))!important;box-shadow:0 0 10px rgba(var(--ew-intro-rgb),.42)!important}
@media(max-width:700px){.ew-css-intro__sep{background:linear-gradient(90deg,transparent,rgba(var(--ew-intro-rgb),.62),transparent)!important}}
html.ew-page-incoming.ew-page-ready .ew-layout,html.ew-page-incoming.ew-page-ready .ew-site-footer{opacity:1!important;transform:none!important;transition:opacity .18s ease,transform .18s ease!important}
html.ew-theme-dark.ew-accent-royal{--ew-accent:#718fd6;--ew-accent-top:#91a9e4;--ew-accent-dark:#b7c7ef;--ew-accent-soft:#29364b;--ew-accent-rgb:113,143,214}
html.ew-theme-dark.ew-accent-sky{--ew-accent:#67abd0;--ew-accent-top:#86c1df;--ew-accent-dark:#add9ea;--ew-accent-soft:#263b48;--ew-accent-rgb:103,171,208}
html.ew-theme-dark.ew-accent-cyan{--ew-accent:#5db5c4;--ew-accent-top:#7bc9d4;--ew-accent-dark:#a0dbe2;--ew-accent-soft:#263c41;--ew-accent-rgb:93,181,196}
html.ew-theme-dark.ew-accent-forest{--ew-accent:#75aa7c;--ew-accent-top:#90c097;--ew-accent-dark:#b2d5b7;--ew-accent-soft:#29392d;--ew-accent-rgb:117,170,124}
html.ew-theme-dark.ew-accent-lime{--ew-accent:#a0b85e;--ew-accent-top:#b8ca79;--ew-accent-dark:#d0dda1;--ew-accent-soft:#363d26;--ew-accent-rgb:160,184,94}
html.ew-theme-dark.ew-accent-amber{--ew-accent:#d1a759;--ew-accent-top:#dfbb74;--ew-accent-dark:#ecd19b;--ew-accent-soft:#413624;--ew-accent-rgb:209,167,89}
html.ew-theme-dark.ew-accent-copper{--ew-accent:#c28762;--ew-accent-top:#d29d7a;--ew-accent-dark:#e2b79a;--ew-accent-soft:#402f29;--ew-accent-rgb:194,135,98}
html.ew-theme-dark.ew-accent-orange{--ew-accent:#d88954;--ew-accent-top:#e49f70;--ew-accent-dark:#efba99;--ew-accent-soft:#432f24;--ew-accent-rgb:216,137,84}
html.ew-theme-dark.ew-accent-coral{--ew-accent:#d97d74;--ew-accent-top:#e4948c;--ew-accent-dark:#efb4ae;--ew-accent-soft:#422b2b;--ew-accent-rgb:217,125,116}
html.ew-theme-dark.ew-accent-ruby{--ew-accent:#ca6483;--ew-accent-top:#db7e99;--ew-accent-dark:#e9a7b8;--ew-accent-soft:#3f2932;--ew-accent-rgb:202,100,131}
html.ew-theme-dark.ew-accent-rose{--ew-accent:#cf7d94;--ew-accent-top:#de96aa;--ew-accent-dark:#eab7c4;--ew-accent-soft:#412d34;--ew-accent-rgb:207,125,148}
html.ew-theme-dark.ew-accent-magenta{--ew-accent:#c276b4;--ew-accent-top:#d38bc6;--ew-accent-dark:#e4b0da;--ew-accent-soft:#3b2a39;--ew-accent-rgb:194,118,180}
html.ew-theme-dark.ew-accent-indigo{--ew-accent:#858fd0;--ew-accent-top:#9da7df;--ew-accent-dark:#bcc3ec;--ew-accent-soft:#303346;--ew-accent-rgb:133,143,208}
html.ew-theme-dark.ew-accent-slate{--ew-accent:#8fa7b8;--ew-accent-top:#a6bac7;--ew-accent-dark:#c2d0d9;--ew-accent-soft:#303940;--ew-accent-rgb:143,167,184}
html.ew-theme-dark.ew-accent-aurora{--ew-accent:#75a5d2;--ew-accent-top:#76c5a8;--ew-accent-dark:#b0d8d0;--ew-accent-soft:#293944;--ew-accent-rgb:117,165,210}
html.ew-theme-dark.ew-accent-sunset{--ew-accent:#d27a7d;--ew-accent-top:#e59b71;--ew-accent-dark:#efb5a0;--ew-accent-soft:#422d31;--ew-accent-rgb:210,122,125}
.ew-mobile-menu{
-webkit-tap-highlight-color:transparent;
touch-action:manipulation;
user-select:none;
-webkit-user-select:none;
}
@media(max-width:820px){
.ew-topbar{z-index:7000!important}
.ew-mobile-menu{
position:relative;
z-index:7100;
pointer-events:auto!important;
}
.ew-sidebar{
z-index:6900!important;
overflow-x:hidden!important;
overflow-y:auto!important;
-webkit-overflow-scrolling:touch;
}
.ew-mobile-backdrop{z-index:6800!important}
html.ew-mobile-nav-open .ew-sidebar{transform:translate3d(0,0,0)!important}
}
html{
width:100%;
max-width:100%;
min-width:0!important;
overflow-x:hidden;
-webkit-text-size-adjust:100%;
text-size-adjust:100%;
}
body{
position:static!important;
left:auto!important;
top:auto!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
height:auto!important;
overflow-x:hidden!important;
}
.ew-shell{width:100%;max-width:100%;min-width:0}
@media(max-width:820px){
html{--ew-mobile-topbar:52px}
body{padding:0!important;margin:0!important}
.ew-topbar{
position:sticky!important;
top:0!important;
left:0!important;
right:0!important;
z-index:10000!important;
display:grid!important;
grid-template-columns:34px minmax(0,1fr) auto!important;
align-items:center!important;
justify-content:stretch!important;
gap:6px!important;
width:100%!important;
height:auto!important;
min-height:calc(var(--ew-mobile-topbar) + env(safe-area-inset-top))!important;
padding:
env(safe-area-inset-top)
max(7px,env(safe-area-inset-right))
0
max(7px,env(safe-area-inset-left))!important;
box-sizing:border-box!important;
overflow:visible!important;
}
.ew-mobile-menu{
grid-column:1!important;
display:block!important;
align-self:center!important;
width:34px!important;
height:34px!important;
min-width:34px!important;
margin:0!important;
z-index:10020!important;
}
.ew-brand{
grid-column:2!important;
min-width:0!important;
width:auto!important;
margin:0!important;
overflow:hidden!important;
gap:0!important;
}
.ew-brand__name{
display:block!important;
min-width:0!important;
max-width:100%!important;
overflow:hidden!important;
white-space:nowrap!important;
text-overflow:ellipsis!important;
font-size:17px!important;
line-height:1!important;
letter-spacing:.6px!important;
}
.ew-brand__sep,.ew-brand__sub{display:none!important}
.ew-tools{
grid-column:3!important;
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
min-width:0!important;
gap:3px!important;
margin:0!important;
}
.ew-tool{
width:34px!important;
min-width:34px!important;
height:34px!important;
padding:0!important;
flex:0 0 34px!important;
}
.ew-tool u{display:none!important}
.ew-game-link{
display:inline-flex!important;
width:auto!important;
min-width:42px!important;
height:34px!important;
padding:0 6px!important;
flex:0 0 auto!important;
white-space:nowrap!important;
font-size:9px!important;
}
.ew-layout{
position:relative!important;
z-index:2!important;
display:block!important;
width:calc(100% - 8px)!important;
max-width:100%!important;
min-width:0!important;
min-height:calc(100vh - var(--ew-mobile-topbar) - 10px)!important;
margin:5px auto 10px!important;
overflow:visible!important;
}
.ew-mobile-backdrop{
display:block!important;
position:fixed!important;
left:0!important;
right:0!important;
top:calc(var(--ew-mobile-topbar) + env(safe-area-inset-top))!important;
bottom:0!important;
z-index:100!important;
background:rgba(15,22,29,.48)!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
touch-action:manipulation!important;
transition:opacity .2s ease,visibility 0s linear .2s!important;
}
html.ew-mobile-nav-open .ew-mobile-backdrop{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transition:opacity .2s ease!important;
}
.ew-sidebar{
position:fixed!important;
left:0!important;
top:calc(var(--ew-mobile-topbar) + env(safe-area-inset-top))!important;
bottom:0!important;
z-index:120!important;
width:86vw!important;
max-width:320px!important;
height:auto!important;
max-height:none!important;
margin:0!important;
padding:14px 13px calc(24px + env(safe-area-inset-bottom))!important;
overflow-x:hidden!important;
overflow-y:auto!important;
-webkit-overflow-scrolling:touch!important;
overscroll-behavior-y:contain!important;
touch-action:pan-y!important;
transform:translate3d(-104%,0,0)!important;
will-change:transform!important;
border-radius:0!important;
box-sizing:border-box!important;
}
html.ew-mobile-nav-open .ew-sidebar{transform:translate3d(0,0,0)!important}
html.ew-mobile-nav-open .ew-sidebar,
html.ew-mobile-nav-open .ew-sidebar *{pointer-events:auto!important}
.ew-sidebar a,.ew-sidebar button,.ew-sidebar input{touch-action:manipulation}
.ew-search{height:38px!important;font-size:12px!important;padding-left:10px!important}
.ew-home,.ew-popular__item,.ew-nav-item{
min-height:38px!important;
display:flex!important;
align-items:center!important;
line-height:1.3!important;
font-size:11px!important;
}
.ew-nav-item:before{top:50%!important;transform:translateY(-50%)!important}
.ew-content{
position:relative!important;
z-index:1!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
min-height:calc(100vh - var(--ew-mobile-topbar) - 16px)!important;
padding:14px 10px 32px!important;
margin:0!important;
overflow:visible!important;
border-radius:6px!important;
box-sizing:border-box!important;
}
.ew-article{
width:100%!important;
max-width:100%!important;
min-width:0!important;
overflow:visible!important;
}
.ew-article > *{max-width:100%}
.ew-article img,.ew-article video,.ew-article iframe,.ew-article svg,.ew-article canvas{
max-width:100%!important;
}
.ew-accent-control{position:static!important}
.ew-accent-picker{
position:fixed!important;
left:50%!important;
right:auto!important;
top:calc(var(--ew-mobile-topbar) + env(safe-area-inset-top) + 8px)!important;
bottom:auto!important;
width:calc(100vw - 20px)!important;
max-width:380px!important;
max-height:calc(100vh - var(--ew-mobile-topbar) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px)!important;
margin:0!important;
padding:12px!important;
overflow-x:hidden!important;
overflow-y:auto!important;
-webkit-overflow-scrolling:touch!important;
box-sizing:border-box!important;
z-index:10050!important;
transform:translate3d(-50%,-6px,0)!important;
transform-origin:50% 0!important;
}
.ew-accent-picker.open{transform:translate3d(-50%,0,0)!important}
.ew-accent-head{position:sticky;top:-12px;z-index:2;padding:10px 2px!important;background:var(--ew-panel)}
.ew-accent-close{min-width:34px;min-height:34px;padding:0!important;touch-action:manipulation}
.ew-accent-grid{
grid-template-columns:repeat(6,minmax(0,1fr))!important;
gap:9px!important;
padding:14px 2px!important;
}
.ew-accent-dot{
width:36px!important;
height:36px!important;
min-width:36px!important;
margin:auto!important;
touch-action:manipulation!important;
}
.ew-accent-dot i{width:22px!important;height:22px!important}
#tooltip.ew-tooltip{max-width:calc(100vw - 16px)!important}
}
@supports(height:100dvh){
@media(max-width:820px){
.ew-sidebar{height:calc(100dvh - var(--ew-mobile-topbar) - env(safe-area-inset-top))!important}
.ew-accent-picker{max-height:calc(100dvh - var(--ew-mobile-topbar) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px)!important}
}
}
@media(max-width:430px){
.ew-topbar{grid-template-columns:32px minmax(0,1fr) auto!important;gap:5px!important}
.ew-mobile-menu{width:32px!important;height:32px!important;min-width:32px!important}
.ew-brand__name{font-size:15px!important}
.ew-tool{width:31px!important;min-width:31px!important;height:32px!important;flex-basis:31px!important}
.ew-game-link{height:32px!important;min-width:40px!important;padding:0 5px!important;font-size:8.5px!important}
.ew-accent-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}
.ew-accent-dot{width:38px!important;height:38px!important;min-width:38px!important}
.ew-sidebar{width:90vw!important;max-width:310px!important}
}
@media(max-width:340px){
.ew-topbar{padding-left:4px!important;padding-right:4px!important;gap:3px!important}
.ew-brand__name{font-size:14px!important}
.ew-tools{gap:2px!important}
.ew-game-link{min-width:36px!important;padding:0 3px!important;font-size:8px!important}
.ew-accent-picker{width:calc(100vw - 10px)!important;padding:9px!important}
.ew-accent-grid{gap:5px!important}
}