:root{--noite:#070a2b;--n2:#0d0a3a;--n3:#150a4f;--roxo:#8f3df5;--neon:#c24dff;--azul:#2f6bff;--ouro:#ffc21a;--ouro1:#fff0a0;--ouro3:#e48a00;--tinta:#1b1240;--texto:#f4f2ff;--mudo:#a9a3d6;--linha:rgba(190,150,255,.26);--vidro:rgba(26,16,78,.66);--coral:#ff2d55;--fd:'Lilita One','Baloo 2',system-ui,sans-serif;--fb:'Nunito',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--dock:76px;color-scheme:dark}
*{box-sizing:border-box;margin:0}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{font:400 1rem/1.4 var(--fb);color:var(--texto);min-height:100vh;min-height:100dvh;background:radial-gradient(700px 520px at 88% -6%,rgba(143,61,245,.55),transparent 62%),radial-gradient(640px 520px at -8% 72%,rgba(47,107,255,.34),transparent 62%),radial-gradient(520px 420px at 60% 108%,rgba(194,77,255,.28),transparent 60%),linear-gradient(180deg,var(--n2),var(--noite)) fixed;padding-bottom:calc(var(--dock) + 20px);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}
body.noscroll{overflow:hidden}
button,input{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
:focus-visible{outline:3px solid var(--ouro);outline-offset:2px}
img{max-width:100%}
.view{max-width:520px;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 16px 0;display:grid;gap:16px;align-content:start}
.panel{background:linear-gradient(165deg,rgba(74,36,170,.5),rgba(18,10,62,.78));border:1px solid var(--linha);border-radius:22px;padding:16px;box-shadow:0 14px 40px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.14)}
h2{font:400 1.3rem/1.1 var(--fd);letter-spacing:.01em;margin-bottom:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:12px 20px;border-radius:18px;font:400 1.15rem var(--fd);letter-spacing:.02em;text-decoration:none;color:var(--tinta);background:#fff;box-shadow:0 4px 0 #b9aee0,0 10px 22px rgba(0,0,0,.35);transition:transform .08s,box-shadow .08s}
.btn:active{transform:translateY(3px);box-shadow:0 1px 0 #b9aee0,0 4px 10px rgba(0,0,0,.35)}
.btn:disabled{opacity:.5;cursor:default}
.gold{background:linear-gradient(#fff0a0,#ffc21a 52%,#f09a00);color:#2d1800;box-shadow:0 4px 0 #a85f00,0 10px 26px rgba(255,170,0,.4)}
.gold:active{box-shadow:0 1px 0 #a85f00,0 4px 12px rgba(255,170,0,.35)}
.azul{background:linear-gradient(#c58bff,#8f3df5 55%,#6a22e0);color:#fff;box-shadow:0 4px 0 #3e1496,0 10px 26px rgba(143,61,245,.45)}
.azul:active{box-shadow:0 1px 0 #3e1496,0 4px 12px rgba(143,61,245,.4)}
.verde{background:linear-gradient(#7dff9f,#1fc95b 55%,#12a447);color:#032a12;box-shadow:0 4px 0 #0a6a2c,0 10px 24px rgba(31,201,91,.35)}
.verde:active{box-shadow:0 1px 0 #0a6a2c,0 4px 10px rgba(31,201,91,.3)}
.ghost{background:rgba(255,255,255,.1);color:var(--texto);border:1px solid var(--linha);box-shadow:0 4px 0 rgba(0,0,0,.25)}
.xl{width:100%;min-height:64px;font-size:1.5rem}
.sm{min-height:46px;padding:8px 16px;font-size:1rem}
.ib{position:relative;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--vidro);border:1px solid var(--linha);font-size:1.2rem;flex:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.ib svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:var(--coral);color:#fff;font:400 .8rem/20px var(--fd);text-align:center}
.badge.soft{background:var(--azul)}
.av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:400 1.05rem var(--fd);color:var(--tinta);flex:none;box-shadow:inset 0 -3px 5px rgba(0,0,0,.2),inset 0 2px 3px rgba(255,255,255,.5)}
.top{display:flex;justify-content:flex-end;min-height:46px}
.who{display:inline-flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:99px;background:var(--vidro);border:1px solid var(--linha);font-weight:800}
/* ---------- esferas 3D ---------- */
.sph{--c1:#7aa8ff;--c2:#2f6bff;--c3:#0f2f9e;position:relative;isolation:isolate;display:grid;place-content:center;text-align:center;border-radius:50%;font-family:var(--fd);color:var(--tinta);background:radial-gradient(circle at 32% 28%,var(--c1),var(--c2) 48%,var(--c3) 100%);box-shadow:0 10px 22px rgba(0,0,0,.55),inset 0 -6px 12px rgba(0,0,0,.3)}
.sph::before{content:'';position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle at 40% 30%,#fff,#ece7ff 70%,#cfc6ee);z-index:-1;box-shadow:inset 0 -2px 4px rgba(0,0,0,.14)}
.sph::after{content:'';position:absolute;left:13%;top:8%;width:36%;height:20%;border-radius:50%;background:rgba(255,255,255,.6);transform:rotate(-32deg);filter:blur(1.5px);pointer-events:none}
.sph[data-l=B]{--c1:#7aa8ff;--c2:#2f6bff;--c3:#0f2f9e}
.sph[data-l=I]{--c1:#c58bff;--c2:#8f3df5;--c3:#4a0fa0}
.sph[data-l=N]{--c1:#ff8aa0;--c2:#ff2d55;--c3:#9e0f2c}
.sph[data-l=G]{--c1:#6dff9d;--c2:#1fc95b;--c3:#0a7a30}
.sph[data-l=O]{--c1:#ffd76a;--c2:#ffb21a;--c3:#b36a00}
.sph i{font-style:normal;font-size:.5em;line-height:1}
.sph b{font-weight:400;font-size:1em;line-height:1}
/* ---------- home ---------- */
.hero{position:relative;display:grid;justify-items:center;gap:4px;text-align:center}
.stage3d{position:relative;width:min(100%,340px);height:204px;display:grid;place-items:end center}
.mascot{height:196px;width:auto;filter:drop-shadow(0 16px 22px rgba(0,0,0,.5));animation:bob 3.8s ease-in-out infinite}
.stage3d .sph{position:absolute;font-size:1.25rem;animation:float 5s ease-in-out infinite}
.stage3d .sph:nth-of-type(2){animation-delay:-1.4s}.stage3d .sph:nth-of-type(3){animation-delay:-2.6s}.stage3d .sph:nth-of-type(4){animation-delay:-3.7s}
.logo{width:min(80vw,292px);height:auto;margin-top:-8px;filter:drop-shadow(0 12px 28px rgba(143,61,245,.5))}
.slogan{margin-top:2px;font:800 .84rem var(--fb);letter-spacing:.16em;color:#d8c6ff;text-shadow:0 0 14px rgba(160,90,255,.9)}
.lb{display:block;font-weight:800;color:var(--mudo);margin-bottom:6px}
.field{width:100%;min-height:54px;padding:12px 16px;border-radius:16px;border:2px solid var(--linha);background:rgba(5,4,30,.55);font-weight:700;box-shadow:inset 0 3px 8px rgba(0,0,0,.4)}
.field:focus{border-color:var(--ouro);outline:0;box-shadow:0 0 0 4px rgba(255,194,26,.25),inset 0 3px 8px rgba(0,0,0,.4)}
#nameBox{margin-bottom:14px}
.sep{display:flex;align-items:center;gap:10px;color:var(--mudo);font-size:.9rem;margin:18px 0 12px}
.sep::before,.sep::after{content:'';flex:1;height:1px;background:var(--linha)}
.join{display:grid;grid-template-columns:1fr auto;gap:10px}
#code{text-transform:uppercase;letter-spacing:.35em;text-align:center;font:400 1.4rem var(--fd);padding-left:calc(16px + .35em)}
.install{width:100%;justify-content:center}
.iosnote{font-size:.92rem;color:var(--mudo);text-align:center}
.how summary{font:400 1.15rem var(--fd);cursor:pointer;min-height:44px;display:flex;align-items:center}
.how ol{padding-left:1.3em;display:grid;gap:8px;margin-top:6px;color:var(--mudo)}
.rank{list-style:none;padding:0;display:grid;gap:8px}
.rank li{display:flex;align-items:center;gap:10px;padding:8px 12px;background:rgba(255,255,255,.07);border-radius:14px}
.rank li span.n{flex:1;font-weight:800}
.rank li.empty{justify-content:center;color:var(--mudo)}
.rank .pos{width:28px;text-align:center;font-size:1.2rem}
.hd{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.hd h2{margin:0}
.hd img{height:46px;width:auto;flex:none;margin:-6px 0}
.fine{text-align:center;font-size:.8rem;color:var(--mudo);padding:0 10px 8px}
.inv{text-align:center;display:grid;gap:10px;border-color:rgba(255,194,26,.6);background:linear-gradient(165deg,rgba(255,194,26,.2),rgba(18,10,62,.8))}
.invtitle{font:400 1.45rem/1.15 var(--fd)}
.refnote{color:var(--mudo);font-size:.95rem}
.refstat{color:var(--ouro);font-weight:800}
.giftrow{display:grid;grid-template-columns:78px 1fr;gap:12px;align-items:center;text-align:left}
.giftrow img{width:78px;height:auto;filter:drop-shadow(0 8px 12px rgba(0,0,0,.45))}
/* ---------- sala ---------- */
.bar{display:flex;align-items:center;gap:8px}
.codechip{flex:1;min-width:0;display:flex;align-items:center;gap:8px;min-height:48px;padding:6px 12px;border-radius:99px;background:var(--vidro);border:1px solid var(--linha);text-align:left}
.codechip small{color:var(--mudo);font-size:.85rem}
.codechip b{font:400 1.3rem var(--fd);letter-spacing:.1em;color:var(--ouro)}
.coins{font:400 1.15rem var(--fd);padding:10px 14px;border-radius:99px;background:var(--vidro);border:1px solid var(--linha);white-space:nowrap}
.stage{display:grid;justify-items:center;gap:8px;text-align:center}
.ringwrap{position:relative;width:188px;height:188px}
.ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 5px rgba(255,194,26,.75))}
.ring circle{fill:none;stroke-width:4.5;stroke-linecap:round}
.ring .track{stroke:rgba(255,255,255,.12)}
.ring .prog{stroke:var(--ouro);transition:stroke-dashoffset .2s linear}
.ball{position:absolute;inset:15px;font-size:1rem}
.ball .bl{font-size:1.25rem;line-height:1;display:block}
.ball .bn{font-size:3.5rem;line-height:1;display:block}
.ball.empty{--c1:#6d6aa8;--c2:#3a3878;--c3:#1b1948;opacity:.8}
.ball.pop{animation:pop .45s cubic-bezier(.2,1.4,.4,1)}
.status{font-weight:800;min-height:1.4em}
.prize{color:var(--ouro);font-weight:800;font-size:.95rem}
.next{font-size:.85rem;color:var(--mudo);min-height:1.2em}
.recent{display:flex;align-items:center;gap:8px;justify-content:center;width:100%;min-height:44px}
.hist{display:flex;gap:6px}
.hist .sph{width:36px;height:36px;font-size:.78rem;box-shadow:0 4px 8px rgba(0,0,0,.5),inset 0 -3px 5px rgba(0,0,0,.3)}
.hist .sph::before{inset:18%}
.link{color:#d8c6ff;font-weight:800;text-decoration:underline;padding:8px;min-height:44px}
.near{font:400 1.05rem var(--fd);padding:6px 16px;border-radius:99px;background:rgba(255,194,26,.18);color:var(--ouro);border:1px solid rgba(255,194,26,.4)}
.near.win{background:rgba(31,201,91,.22);color:#7dff9f;border-color:rgba(31,201,91,.5)}
.callout{min-height:2.6em;max-width:340px;font:400 1.08rem/1.25 var(--fd);color:var(--texto);padding:4px 10px;display:grid;place-items:center}
.callout.desafio{color:#2d1800;background:linear-gradient(#fff0a0,#ffc21a);border-radius:14px;padding:8px 14px;box-shadow:0 4px 0 #a85f00,0 8px 20px rgba(255,170,0,.3)}
.callout:empty{padding:0;background:none;box-shadow:none}
.card{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;max-width:420px;margin:0 auto}
.card .h,.board .h{--c1:#7aa8ff;--c2:#2f6bff;--c3:#0f2f9e;font:400 1.3rem var(--fd);text-align:center;padding:5px 0 7px;border-radius:12px;color:#fff;background:linear-gradient(var(--c1),var(--c2) 55%,var(--c3));text-shadow:0 2px 0 rgba(0,0,0,.35);box-shadow:0 3px 0 rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.5)}
.card .h[data-l=I],.board .h[data-l=I]{--c1:#c58bff;--c2:#8f3df5;--c3:#4a0fa0}
.card .h[data-l=N],.board .h[data-l=N]{--c1:#ff8aa0;--c2:#ff2d55;--c3:#9e0f2c}
.card .h[data-l=G],.board .h[data-l=G]{--c1:#6dff9d;--c2:#1fc95b;--c3:#0a7a30}
.card .h[data-l=O],.board .h[data-l=O]{--c1:#ffd76a;--c2:#ffb21a;--c3:#b36a00}
.cell{aspect-ratio:1;font:400 1.6rem var(--fd);color:var(--tinta);background:linear-gradient(#fff,#e7e1fb);border:2px solid transparent;border-radius:13px;padding:0;box-shadow:0 3px 0 #a99ad8,0 6px 10px rgba(0,0,0,.3)}
.cell:active{transform:translateY(2px)}
.cell.hit{border-color:var(--ouro);animation:glow 1.3s ease-in-out infinite}
.cell.marked{background:linear-gradient(#c58bff,#8f3df5 55%,#6a22e0);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.3);box-shadow:0 3px 0 #3e1496,0 6px 12px rgba(143,61,245,.45)}
.cell.free{background:radial-gradient(circle at 50% 40%,#8f3df5,#4a1fa8);color:var(--ouro);font-size:1.5rem;cursor:default;box-shadow:0 3px 0 #2c0e78,0 6px 12px rgba(0,0,0,.3)}
.cell.dim{opacity:.3;cursor:default}
.auto{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:12px;color:var(--mudo);font-weight:700;min-height:44px}
.auto input{width:22px;height:22px;accent-color:var(--roxo)}
.hint{margin-top:8px;font-size:.9rem;color:var(--mudo);text-align:center}
.invite{text-align:center;display:grid;gap:12px}
.bigcode{font:400 2.8rem var(--fd);letter-spacing:.22em;color:var(--ouro);padding-left:.22em;text-shadow:0 3px 0 #a85f00,0 0 22px rgba(255,194,26,.5)}
.row{display:grid;gap:10px}
/* ---------- dock ---------- */
#dock{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:520px;z-index:30;padding:22px 12px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr);gap:8px;background:linear-gradient(rgba(7,10,43,0),rgba(7,10,43,.96) 30%)}
.actions{display:grid;grid-template-columns:52px 1fr 52px;gap:10px;align-items:center}
.actions .ib{width:52px;height:52px}
.main{min-height:60px;border-radius:19px;font:400 1.35rem var(--fd);letter-spacing:.03em;color:var(--tinta);background:#fff;padding:0 12px}
.main.start{background:linear-gradient(#fff0a0,#ffc21a 52%,#f09a00);color:#2d1800;box-shadow:0 4px 0 #a85f00,0 10px 26px rgba(255,170,0,.4)}
.main.wait{background:var(--vidro);color:var(--mudo);border:1px solid var(--linha);font-size:1.08rem}
.main.bingo{background:linear-gradient(#ffb36b,#ff4d6d 55%,#e01a4f);color:#fff;font-size:2rem;letter-spacing:.1em;text-shadow:0 3px 0 rgba(0,0,0,.3);box-shadow:0 4px 0 #8c0f32,0 10px 28px rgba(255,45,85,.5)}
.main.bingo.ready{animation:pulse 1s ease-in-out infinite}
.ad a{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;min-height:60px;padding:8px 10px 8px 12px;border-radius:16px;text-decoration:none;color:#fff;background:linear-gradient(90deg,#ee4d2d,#ff7337);box-shadow:0 6px 20px rgba(238,77,45,.5),inset 0 0 0 1.5px rgba(255,255,255,.28)}
.ad a::after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-20deg);animation:shine 3.2s ease-in-out infinite;pointer-events:none}
.adtag{font:800 .62rem var(--fb);background:rgba(255,255,255,.92);color:#1b1240;padding:2px 8px;border-radius:99px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adtxt{flex:1;min-width:0;display:grid;gap:3px;justify-items:start}
.adtxt b{font:400 1.25rem/1.1 var(--fd);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adtxt small{font:700 .7rem/1.15 var(--fb);opacity:.95}
.adbtn{font:400 1rem var(--fd);background:#fff;color:#ee4d2d;padding:10px 14px;border-radius:12px;white-space:nowrap;box-shadow:0 3px 0 rgba(0,0,0,.18);animation:adpulse 1.6s ease-in-out infinite}
/* ---------- gaveta ---------- */
.sheet{position:fixed;inset:0;z-index:50;display:grid;align-items:end}
.backdrop{position:absolute;inset:0;background:rgba(3,4,26,.72)}
.sp{position:relative;max-width:520px;width:100%;margin:0 auto;height:min(80dvh,660px);background:linear-gradient(180deg,#241468,#0f0a40);border:1px solid var(--linha);border-radius:26px 26px 0 0;display:grid;grid-template-rows:auto auto minmax(0,1fr);padding-bottom:env(safe-area-inset-bottom);animation:up .22s ease-out}
.grab{width:44px;height:5px;border-radius:9px;background:rgba(255,255,255,.28);margin:10px auto 4px}
.tabs{display:flex;gap:6px;padding:4px 12px 10px}
.tab{flex:1;min-height:46px;border-radius:14px;font:400 1.08rem var(--fd);color:var(--mudo);background:rgba(255,255,255,.07);position:relative}
.tab.on{background:rgba(255,194,26,.2);color:var(--ouro)}
.tab .badge{top:-6px;right:6px}
.tb{overflow:auto;padding:4px 14px 14px}
#tab-chat{display:grid;grid-template-rows:minmax(0,1fr) auto}
.chat{overflow:auto;display:grid;align-content:start;gap:8px;padding:2px}
.msg{max-width:84%;padding:8px 12px;border-radius:16px;background:rgba(255,255,255,.12);justify-self:start;word-break:break-word}
.msg.me{justify-self:end;background:rgba(143,61,245,.45)}
.msg b{display:block;font-size:.8rem;color:var(--ouro)}
.chatform{display:grid;grid-template-columns:1fr auto;gap:10px;padding-top:10px}
.empty-note{color:var(--mudo);text-align:center;padding:24px 10px}
.players{list-style:none;padding:0;display:grid;gap:8px;margin-bottom:14px}
.players li{display:flex;align-items:center;gap:10px;padding:8px 12px;background:rgba(255,255,255,.08);border-radius:14px}
.players li span.n{flex:1;font-weight:800}
.players small{color:var(--mudo)}
.board{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.board .h{font-size:1.1rem;padding:4px 0 6px;border-radius:10px}
.board span.c{display:grid;place-items:center;min-height:28px;border-radius:9px;background:rgba(255,255,255,.08);color:var(--mudo);font:400 1rem var(--fd)}
.board span.on{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.35)}
.board span.on[data-l=B]{background:linear-gradient(#7aa8ff,#2f6bff)}
.board span.on[data-l=I]{background:linear-gradient(#c58bff,#8f3df5)}
.board span.on[data-l=N]{background:linear-gradient(#ff8aa0,#ff2d55)}
.board span.on[data-l=G]{background:linear-gradient(#6dff9d,#1fc95b)}
.board span.on[data-l=O]{background:linear-gradient(#ffd76a,#ffb21a);color:#3a2400;text-shadow:none}
.board span.last{outline:3px solid #fff}
/* ---------- aviso de fim de rodada ---------- */
.overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:rgba(3,4,26,.82);padding:20px;overflow:auto}
.ovbox{position:relative;width:min(100%,380px);text-align:center;background:linear-gradient(180deg,#2a1778,#0f0a40);border:1px solid var(--linha);border-radius:26px;padding:20px 20px 24px;display:grid;gap:14px;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 40px rgba(143,61,245,.35)}
.ovbox h3{font:400 1.9rem/1.1 var(--fd);color:var(--ouro);text-shadow:0 3px 0 #a85f00}
.ovimg{height:130px;width:auto;margin:-6px auto 0;filter:drop-shadow(0 10px 14px rgba(0,0,0,.5))}
.toast{position:fixed;left:50%;bottom:calc(var(--dock) + 16px);transform:translateX(-50%);z-index:70;background:#fff;color:var(--tinta);font-weight:800;padding:12px 18px;border-radius:14px;max-width:calc(100vw - 32px);text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.offline{position:sticky;top:0;z-index:80;background:var(--coral);color:#fff;text-align:center;font-weight:800;padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top))}
#confetti{position:fixed;inset:0;z-index:90;pointer-events:none;display:none}
.ovad a{flex-direction:column;gap:8px;padding:10px 12px;text-align:center}
.ovad .adtxt{justify-items:center;width:100%}
.ovad .adbtn{width:100%;text-align:center}
@keyframes bob{50%{transform:translateY(-8px)}}
@keyframes float{50%{transform:translateY(-10px) rotate(6deg)}}
@keyframes pop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes pulse{50%{transform:scale(1.03)}}
@keyframes glow{50%{box-shadow:0 0 14px 2px rgba(255,194,26,.65),0 3px 0 #a99ad8}}
@keyframes up{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@keyframes shine{0%,55%{left:-60%}100%{left:130%}}
@keyframes adpulse{50%{transform:scale(1.07)}}
@media (max-width:380px){.bar{gap:6px}.bar .ib{width:44px;height:44px}.codechip{padding:6px 10px;gap:6px}.codechip small{display:none}.codechip b{font-size:1.15rem;letter-spacing:.06em}.coins{padding:10px}.callout{max-width:100%}}
@media (max-height:780px){.stage3d{height:138px}.mascot{height:132px}.logo{width:min(66vw,246px);margin-top:-6px}.slogan{font-size:.76rem}.stage3d .sph{width:44px!important;height:44px!important}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}