:root{--bg:#04101f;--bg-2:#071a30;--panel:#0a1c33;--panel-2:#0e2542;--line:#387ad64d;--line-soft:#387ad629;--text:#e9f1ff;--muted:#8ba7cd;--blue:#2a7dff;--blue-2:#0b47c9;--blue-glow:#2a7dff8c;--gold:#f2b31c;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app{background:radial-gradient(60% 40% at 62% 0%, #1446a059, transparent 70%), linear-gradient(180deg, var(--bg-2), var(--bg) 60%);grid-template-columns:275px minmax(0,1fr);min-height:100dvh;display:grid}.content{flex-direction:column;min-width:0;display:flex}.main{flex-direction:column;gap:1rem;min-width:0;padding:0 1.1rem 1.4rem;display:flex}.btn{background:linear-gradient(180deg, var(--blue), var(--blue-2));color:#fff;font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 6px 16px #041e5099, 0 0 16px var(--blue-glow);border:1px solid #8cc3ff73;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-size:.86rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{filter:brightness(1.12)}.btn__chevron{width:15px}.btn--big{letter-spacing:.1em;padding:.85rem 2.2rem;font-size:1rem}.btn--off{color:var(--muted);box-shadow:none;cursor:default;background:#ffffff12;border-color:#8cc3ff33;font-size:.74rem}.sidebar{border-right:1px solid var(--line-soft);background:linear-gradient(#0a1e3c,#061529);flex-direction:column;align-self:start;gap:.7rem;height:100dvh;padding:0 .9rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto}.brand{color:inherit;align-items:center;gap:.6rem;padding:1.1rem .4rem;text-decoration:none;display:flex}.brand__crown{filter:drop-shadow(0 2px 8px #f2b31c99);flex:none;width:42px}.brand__words{flex-direction:column;line-height:1;display:flex}.brand__name{letter-spacing:.04em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 10px #f2b31c59;font-size:1.7rem;font-weight:900}.brand__sub{letter-spacing:.42em;text-transform:uppercase;color:#cfe0f7;margin-top:.3rem;font-size:.68rem;font-weight:600}.menu{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.menu__item{color:#c3d6f0;width:100%;font:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:.9rem;padding:.78rem .9rem;font-size:.98rem;font-weight:600;display:flex}.menu__item:hover{color:#fff;background:#2a7dff24}.menu__item--on{color:#fff;background:linear-gradient(100deg,#1a68e6,#0d47b8);border-color:#8cc3ff73;box-shadow:0 0 18px #1a68e680}.menu__icon{flex:none;width:24px}.daily{border:1px solid var(--line);text-align:center;background:linear-gradient(170deg,#10305c,#0a1d38);border-radius:16px;margin-top:auto;padding:1rem .9rem 1.1rem;box-shadow:inset 0 0 30px #2a7dff24}.daily__icon{filter:drop-shadow(0 4px 12px #00000080);width:88px;margin:0 auto .5rem;display:block}.daily__title{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.95rem;font-weight:800}.daily__text{color:var(--muted);margin:.35rem 0 .8rem;font-size:.8rem;line-height:1.3}.daily__cta{background:linear-gradient(180deg, var(--blue), var(--blue-2));color:#fff;width:100%;font:inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 16px var(--blue-glow);border:1px solid #8cc3ff73;border-radius:10px;padding:.6rem 1rem;font-size:.82rem;font-weight:800}.topbar{z-index:20;padding:calc(var(--safe-top) + .7rem) 1.1rem .7rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#061428f7,#061428d1);grid-template-columns:minmax(200px,1fr) auto auto auto auto;align-items:center;gap:.8rem;display:grid;position:sticky;top:0}.brand--mobile{display:none}.search{border:1px solid var(--line);background:#0b1e39;border-radius:999px;align-items:center;gap:.7rem;max-width:27rem;padding:.62rem 1.1rem;display:flex}.search__icon{width:19px;color:var(--muted);flex:none}.search__input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:.92rem}.search__input::placeholder{color:var(--muted)}.wallet{align-items:center;gap:.6rem;display:flex}.purse{border:1px solid var(--line);background:#0b1e39;border-radius:999px;align-items:center;gap:.5rem;padding:.28rem .3rem .28rem .6rem;display:flex}.purse__icon{flex:none;width:24px}.purse__amount{font-size:.95rem;font-weight:700}.purse__add{color:#fff;cursor:pointer;background:linear-gradient(180deg, var(--blue), var(--blue-2));border:1px solid #8cc3ff73;border-radius:50%;place-items:center;width:28px;height:28px;font-size:1.05rem;font-weight:700;line-height:1;display:grid}.iconbtn{border:1px solid var(--line);color:#cfe0f7;cursor:pointer;background:#0b1e39;border-radius:12px;place-items:center;width:42px;height:42px;display:grid;position:relative}.iconbtn:hover{border-color:#8cc3ff99}.iconbtn__icon{width:22px}.iconbtn--dot:after{content:"";background:#ff3b30;border-radius:50%;width:9px;height:9px;position:absolute;top:7px;right:8px;box-shadow:0 0 8px #ff3b30cc}.player{align-items:center;gap:.6rem;display:flex}.player__avatar{background:linear-gradient(160deg,#16406f,#0a1d38);border:2px solid #8cc3ff99;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.4rem;display:grid}.player__data{flex-direction:column;gap:.14rem;line-height:1.15;display:flex}.player__name{font-size:.92rem;font-weight:700}.player__level{color:var(--muted);font-size:.74rem}.player__bar{background:#ffffff1f;border-radius:999px;width:118px;height:5px;display:block;overflow:hidden}.player__bar-fill{background:linear-gradient(90deg,#3f8cff,#1b5ce0);border-radius:999px;height:100%;display:block}.hero{border:1px solid var(--line);background-color:#071c38;background-image:url(/hero.webp);background-position:50% 38%;background-repeat:no-repeat;background-size:cover;border-radius:18px;align-items:center;min-height:26rem;padding:1.8rem 2rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #06183c80}.hero:before{content:"";background:linear-gradient(95deg,#040e1eeb 6%,#040e1e80 34%,#0000 58%);position:absolute;inset:0}.hero__text{z-index:1;max-width:32rem;position:relative}.hero__title{letter-spacing:.01em;text-transform:uppercase;flex-direction:column;margin:0;font-size:clamp(2.4rem,4.4vw,4.2rem);font-style:italic;font-weight:900;line-height:.92;display:flex}.hero__title-a{background:linear-gradient(#fff 30%,#9fb6d4 70%,#62789a);color:#0000;filter:drop-shadow(0 3px 6px #0009);-webkit-background-clip:text;background-clip:text}.hero__title-b{background:linear-gradient(#8ec2ff 20%,#2f7dff 55%,#0f43b4);color:#0000;filter:drop-shadow(0 0 18px #2a7dff99);-webkit-background-clip:text;background-clip:text}.hero__sub{border-bottom:1px solid var(--line-soft);letter-spacing:.34em;text-transform:uppercase;color:#cfe0f7;margin:.5rem 0 0;padding-bottom:.9rem;font-size:clamp(.72rem,1.15vw,1.02rem);font-style:italic;font-weight:600}.claims{gap:2.2rem;margin:.9rem 0 1.2rem;padding:0;list-style:none;display:flex}.claim{letter-spacing:.12em;text-transform:uppercase;color:#dce9fb;flex-direction:column;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;display:flex}.claim__icon{color:#4d9bff;filter:drop-shadow(0 0 8px #2a7dff99);width:27px}.games__head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}.games__title{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.6rem;margin:0;font-size:1.2rem;font-weight:800;display:flex}.games__badge{color:#4d9bff;width:28px}.games__more{color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:.4rem;padding:0;font-size:.88rem;display:flex}.games__more:hover{color:var(--text)}.games__chevrons{width:18px}.games__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;display:grid}.tile{border:1px solid var(--line);background:var(--panel);border-radius:14px;flex-direction:column;align-items:center;padding:0 0 .9rem;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden;box-shadow:0 10px 24px #0006}.tile:hover{transform:translateY(-3px);box-shadow:0 16px 30px #00000080,0 0 20px #2a7dff59}.tile__scene{aspect-ratio:320/170;background:var(--scene,linear-gradient(170deg, #123055, #0a1c33));width:100%}.tile--dominoes{--scene:linear-gradient(170deg, #5b4126, #241708)}.tile--ludo{--scene:linear-gradient(170deg, #14512c, #07220f)}.tile--bingo{--scene:linear-gradient(170deg, #3d1a5e, #16082a)}.tile--chess{--scene:linear-gradient(170deg, #8a6a1e, #2a1f06)}.tile--monopoly{--scene:linear-gradient(170deg, #1d6b3a, #08240f)}.tile__scene--explore{--scene:linear-gradient(170deg, #1a2c6b, #0b1430);place-items:center;display:grid}.tile__pad{color:#7fb2ff;filter:drop-shadow(0 0 14px #2a7dffb3);width:68px}.art{width:100%;height:100%;display:block}.art--photo{aspect-ratio:320/170;object-fit:cover;object-position:center 28%}.tile__title{letter-spacing:.08em;text-transform:uppercase;text-align:center;margin:.6rem 0;font-size:1.02rem;font-weight:800}.tile__btn{width:calc(100% - 1.6rem)}.tile--soon .tile__scene{filter:grayscale(.5)brightness(.7)}.shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.shortcut{border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:.9rem;padding:.9rem 1rem;display:flex}.shortcut:hover{background:var(--panel-2);border-color:#8cc3ff80}.shortcut__icon{object-fit:contain;filter:drop-shadow(0 3px 8px #0000008c);flex:none;width:52px;height:52px}.shortcut__data{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.shortcut__title{letter-spacing:.06em;text-transform:uppercase;font-size:1rem;font-weight:800}.shortcut__text{color:var(--muted);font-size:.85rem}.shortcut__short{color:var(--muted);font-size:.78rem;display:none}.shortcut--mobile{display:none}.go{color:#9cc6ff;background:#2a7dff29;border:1px solid #8cc3ff73;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.go__icon{width:16px}.page{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:1rem 1.1rem 1.2rem}.page__title{margin:0;font-size:1.35rem;font-weight:800}.page__text{color:var(--muted);margin:.3rem 0 1rem}.catalog{flex-direction:column;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.row{border:1px solid var(--line);background:linear-gradient(100deg, var(--panel-2), var(--panel));border-radius:14px;grid-template-columns:148px minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.7rem 1rem .7rem .7rem;display:grid}.row__scene{background:var(--scene,linear-gradient(170deg, #123055, #0a1c33));border-radius:10px;overflow:hidden}.row__title{text-transform:uppercase;margin:0;font-size:1.2rem;font-weight:800}.row__tagline{color:#c3d6f0;margin:.1rem 0 .35rem;font-size:.85rem}.row__meta{color:var(--muted);align-items:center;gap:.4rem;margin:0;font-size:.8rem;display:flex}.row__meta-icon{width:16px}.empty{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:14px;margin:0;padding:1.4rem}.soon{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:.6rem;padding:3rem 1.4rem;display:flex}.soon__emoji{font-size:3rem}.soon__title{margin:0;font-size:1.6rem;font-weight:900}.soon__text{max-width:48ch;color:var(--muted);margin:0}.soon__cta{background:linear-gradient(180deg, var(--blue), var(--blue-2));color:#fff;font:inherit;cursor:pointer;box-shadow:0 0 16px var(--blue-glow);border:1px solid #8cc3ff73;border-radius:999px;margin-top:.6rem;padding:.7rem 1.6rem;font-weight:800}.tabbar{display:none}@media (width<=1380px){.games__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1100px){.app{grid-template-columns:84px minmax(0,1fr)}.sidebar{padding-inline:.5rem}.brand__words,.menu__item span,.daily__title,.daily__text{display:none}.brand,.menu__item{justify-content:center;padding-inline:0}.daily{padding:.7rem .4rem}.daily__cta{letter-spacing:.04em;padding:.5rem .2rem;font-size:.62rem}.player__data{display:none}.shortcut__text{font-size:.8rem}}@media (width<=860px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.main{padding-bottom:calc(5.4rem + var(--safe-bottom))}.topbar{grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-areas:"brand wallet bell player""search search search search";gap:.7rem .45rem;padding-inline:.7rem}.brand--mobile{grid-area:brand;gap:.4rem;min-width:0;padding:0;display:flex;overflow:hidden}.brand--mobile .brand__words{display:flex}.brand--mobile .brand__crown{width:25px}.brand--mobile .brand__name{font-size:.92rem}.brand--mobile .brand__sub{letter-spacing:.28em;margin-top:.2rem;font-size:.44rem}.search{grid-area:search;max-width:none}.wallet{grid-area:wallet;gap:.3rem}.purse{gap:.2rem;padding:.2rem .2rem .2rem .3rem}.purse__icon{width:17px}.purse__amount{font-size:.74rem}.purse__add{width:20px;height:20px;font-size:.82rem}.iconbtn{grid-area:bell;width:32px;height:32px}.iconbtn__icon{width:18px}.iconbtn--dot:after{width:8px;height:8px;top:4px;right:5px}.player__avatar{width:36px;height:36px;font-size:1.1rem}.iconbtn:not(.iconbtn--dot){display:none}.player{flex-direction:column;grid-area:player;gap:.2rem}.player__data{align-items:center;display:flex}.player__name,.player__bar{display:none}.player__level{font-size:.66rem}.hero{background-position:74% 45%;min-height:15rem;padding:1.1rem 1rem 1.3rem}.hero:before{background:linear-gradient(100deg,#040e1ef2 24%,#040e1e99 56%,#0000 82%)}.hero__text{max-width:58%}.hero__title{font-size:clamp(1.9rem,9vw,3rem)}.hero__sub{letter-spacing:.16em;border-bottom:0;padding-bottom:0}.claims{display:none}.games__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile--explore{display:none}.shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.shortcut{text-align:center;flex-direction:column;gap:.4rem;padding:.8rem .35rem}.shortcut__icon{width:46px;height:46px}.shortcut--mobile{display:flex}.shortcut__data{align-items:center}.shortcut__title{letter-spacing:.02em;font-size:.7rem}.shortcut__text{display:none}.shortcut__short{font-size:.72rem;line-height:1.25;display:block}.go{width:28px;height:28px}.row{grid-template-columns:104px minmax(0,1fr);row-gap:.6rem}.row .btn{grid-column:1/-1}.tabbar{z-index:30;padding:0 .3rem calc(.45rem + var(--safe-bottom));border-top:1px solid var(--line-soft);background:linear-gradient(#0a1e3c,#050f1f);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar__item{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:.22rem;padding:.6rem .2rem .45rem;font-size:.72rem;font-weight:600;display:flex;position:relative}.tabbar__item--on{color:#fff}.tabbar__item--on:before{content:"";background:var(--blue);width:58%;height:3px;box-shadow:0 0 12px var(--blue-glow);border-radius:0 0 3px 3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.tabbar__icon{width:24px}}@media (width<=380px){.brand--mobile .brand__words{display:none}}@media (width<=360px){.shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.tile{transition:none}.tile:hover{transform:none}}