:root{--bg:#070a17;--card:#151a33;--card2:#1c2242;--line:#262d52;--text:#fff;--dim:#ffffff9e;--azul:#4da3ff;--azul-glow:#1e6dff;--verm:#ff5a5a;--verm-glow:#ff3b3b;--gold:#ffd23f;--imp:Impact, "Arial Black", "Haettenschweiler", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);margin:0;font-family:Segoe UI,Arial,sans-serif}body{min-height:100dvh}button{font:inherit;color:inherit;cursor:pointer}input,select{font:inherit}.imp{font-family:var(--imp)}.dim{color:var(--dim)}.app{background:radial-gradient(120% 50% at 0% 0%, #1e6dff47, transparent 60%), radial-gradient(120% 50% at 100% 0%, #ff3b3b42, transparent 60%), var(--bg);max-width:480px;min-height:100dvh;margin:0 auto;padding:14px 16px 96px;position:relative}.app.noNav{padding-bottom:28px}.topbar{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.brand{font-family:var(--imp);letter-spacing:1.5px;font-size:17px}.brand span{color:var(--azul)}.brand b{color:var(--verm);font-weight:400}.me{background:0 0;border:0;align-items:center;gap:8px;font-size:12px;display:flex}.lbl{letter-spacing:2px;text-transform:uppercase;color:var(--dim);margin:16px 0 6px;font-size:10px}.h-title{font-family:var(--imp);margin:4px 0 12px;font-size:24px;font-style:italic}.box{background:var(--card);border-radius:14px;padding:10px 12px}.row{align-items:center;gap:10px;display:flex}.grow{flex:1;min-width:0}.avatar{border:2px solid #fff;border-radius:50%;flex:none;place-items:center;line-height:1;display:grid}.avatar.azul{box-shadow:0 0 0 2px var(--azul-glow), 0 0 14px var(--azul-glow)}.avatar.vermelho{box-shadow:0 0 0 2px var(--verm-glow), 0 0 14px var(--verm-glow)}.hero{text-align:center;font-family:var(--imp);text-shadow:0 0 14px var(--azul-glow), 0 0 14px var(--verm-glow);margin:14px 0 8px;font-size:34px;font-style:italic;line-height:1;animation:.8s cubic-bezier(.34,1.56,.64,1) both heroIn;transform:skew(-8deg)}.countdown{text-align:center;margin-bottom:14px;font-size:12px}.chip{background:var(--card);border-radius:999px;padding:5px 12px;display:inline-block}.scoreboard{justify-content:space-between;align-items:flex-end;display:flex}.score-side .name{letter-spacing:2px;font-size:11px;font-weight:700}.score-side .num{font-family:var(--imp);font-size:58px;line-height:1;display:block}.score-side.azul{color:var(--azul)}.score-side.azul .num{text-shadow:0 0 16px var(--azul-glow)}.score-side.vermelho{color:var(--verm);text-align:right}.score-side.vermelho .num{text-shadow:0 0 16px var(--verm-glow)}.score-side .today{color:var(--dim);font-size:11px}.x{font-family:var(--imp);opacity:.5;padding-bottom:22px;font-size:20px}.pop{animation:.7s pop}.leading .num{animation:1.6s ease-in-out infinite pulse;display:inline-block}.tug{background:#1a1f35;border-radius:16px;height:32px;margin:10px 0 6px;position:relative;overflow:hidden;box-shadow:0 0 18px #ff3b3b4d}.tug .a{background:linear-gradient(90deg, var(--azul-glow), var(--azul));transition:width .9s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:0 auto 0 0}.tug .v{background:linear-gradient(90deg, var(--verm-glow), #c40d1e);position:absolute;inset:0}.tug .knot{color:#000;background:#fff;border-radius:10px;place-items:center;width:34px;height:36px;margin-left:-17px;font-size:18px;transition:left .9s cubic-bezier(.34,1.56,.64,1);animation:1.3s ease-in-out infinite sway;display:grid;position:absolute;top:-2px}.therm{text-align:center;margin-bottom:12px;font-size:12px}.therm .l3,.therm .l4{animation:1.2s infinite blink}.narr{text-align:left;width:100%;color:var(--text);cursor:pointer;border:0;border-left:6px solid var(--gold);background:linear-gradient(135deg,#1a2150 0%,#2a1630 60%,#3a1420 100%);border-radius:18px;margin:4px 0 6px;padding:16px 16px 12px;display:block;box-shadow:0 6px 24px #00000073}.narr:active{transform:scale(.99)}.narr:focus-visible{outline-offset:2px;outline:2px solid #fff}.narr-top{letter-spacing:2px;color:var(--gold);align-items:center;gap:8px;font-size:12px;display:flex}.narr-mic{font-size:26px;animation:1.6s ease-in-out infinite sway;display:inline-block}.narr-live{background:var(--verm-glow);color:#fff;letter-spacing:1px;border-radius:6px;margin-left:auto;padding:2px 7px;font-size:10px;animation:1.1s infinite blink}.narr-frase{text-wrap:balance;margin:10px 0 8px;font-size:20px;font-style:italic;font-weight:800;line-height:1.28;animation:.5s slideIn}.narr-farpa{color:#ffe9a8;background:#ffd23f1a;border-radius:10px;padding:8px 10px;font-size:14px;line-height:1.35;animation:.7s slideIn}.narr-hint{color:var(--dim);text-align:right;letter-spacing:1px;margin-top:8px;font-size:10px}.narrator{border-left:4px solid var(--gold);font-size:13px;line-height:1.35;animation:.5s slideIn}.surprise{border:2px dashed var(--gold);background:#1a1204;border-radius:14px;margin-top:10px;padding:10px 12px;font-size:13px}.surprise .time{font-family:var(--imp);color:var(--gold);letter-spacing:1px;font-size:17px}.surprise.urgent{animation:.6s infinite shake}.podium{gap:6px;display:flex}.podium .box{text-align:center;border-bottom:3px solid;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 4px;font-size:11px;display:flex}.podium .box.azul{border-color:var(--azul-glow)}.podium .box.vermelho{border-color:var(--verm-glow)}.podium .pts{font-family:var(--imp);font-size:17px}.feed-item{background:var(--card);border-left:4px solid;border-radius:14px;margin-bottom:6px;padding:10px 12px;font-size:13px;animation:.5s slideIn}.feed-item.azul{border-color:var(--azul-glow)}.feed-item.vermelho{border-color:var(--verm-glow)}.feed-item .meta{color:var(--dim);margin:2px 0 6px;font-size:11px}.pts-badge{font-family:var(--imp);color:#000;background:#fff;border-radius:8px;margin-left:4px;padding:1px 7px;font-size:13px}.reacts{flex-wrap:wrap;gap:6px;display:flex}.react{background:var(--card2);border:0;border-radius:999px;padding:3px 9px;font-size:12px}.react:active{transform:scale(1.25)}.tabs{gap:6px;margin-bottom:10px;display:flex}.tab{background:var(--card);border:0;border-radius:10px;flex:1;padding:8px;font-size:13px;font-weight:700}.tab.on{color:#000;background:#fff}.rank-item{background:var(--card);border-left:4px solid;border-radius:12px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;display:flex}.rank-item.azul{border-color:var(--azul-glow)}.rank-item.vermelho{border-color:var(--verm-glow)}.rank-pos{width:26px;font-family:var(--imp);text-align:center;font-size:18px}.rank-pts{font-family:var(--imp);font-size:20px}.bar{background:#0d1124;border-radius:3px;height:5px;margin-top:5px;overflow:hidden}.bar>i{border-radius:3px;height:100%;transition:width .8s;display:block}.profile-head{text-align:center;margin:8px 0 12px}.profile-head .nm{font-family:var(--imp);margin-top:8px;font-size:24px;font-style:italic}.stats{gap:8px;display:flex}.stat{text-align:center;flex:1;padding:10px 4px}.stat b{font-family:var(--imp);font-size:24px;font-weight:400;display:block}.stat span{color:var(--dim);letter-spacing:1px;font-size:10px}.titles{flex-wrap:wrap;gap:6px;display:flex}.title-pill{background:var(--gold);color:#000;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.field{margin-bottom:12px;display:block}.field>span{letter-spacing:1px;text-transform:uppercase;color:var(--dim);margin-bottom:5px;font-size:11px;display:block}.input{background:var(--card);border:2px solid var(--line);color:#fff;border-radius:12px;outline:none;width:100%;padding:12px;font-size:16px}.input:focus{border-color:#fff}select.input{appearance:none}.btn{width:100%;font-family:var(--imp);letter-spacing:1px;background:linear-gradient(90deg, var(--azul-glow), var(--verm-glow));color:#fff;border:0;border-radius:14px;padding:14px;font-size:18px;transition:transform .1s;box-shadow:0 6px 20px #0006}.btn:active{transform:scale(.97)}.file-btn{text-align:center;cursor:pointer;line-height:1.2;display:block}.file-btn:focus-within{outline:2px solid #fff}.btn.red{background:linear-gradient(90deg, var(--verm-glow), #c40d1e)}.btn.ghost{background:var(--card);box-shadow:none;font-family:inherit;font-size:14px;font-weight:700}.btn:disabled{opacity:.4}.err{border:1px solid var(--verm-glow);background:#3a0d12;border-radius:10px;margin-bottom:10px;padding:8px 10px;font-size:13px}.ok{background:#0d3a1e;border:1px solid #22c55e;border-radius:10px;margin-bottom:10px;padding:8px 10px;font-size:13px}.team-pick{gap:10px;margin-bottom:12px;display:flex}.team-btn{font-family:var(--imp);background:var(--card);border:3px solid #0000;border-radius:16px;flex:1;padding:14px 6px;font-size:20px}.team-btn.azul.on{border-color:var(--azul);box-shadow:0 0 20px var(--azul-glow);background:#0e2250}.team-btn.vermelho.on{border-color:var(--verm);box-shadow:0 0 20px var(--verm-glow);background:#4a0f14}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.emoji-grid button{background:var(--card);border:2px solid #0000;border-radius:10px;padding:4px 0;font-size:22px}.emoji-grid button.on{background:var(--card2);border-color:#fff}.color-row{gap:8px;margin-top:8px;display:flex}.color-row button{border:3px solid #0000;border-radius:50%;width:30px;height:30px}.color-row button.on{border-color:#fff}.act-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.act{background:var(--card);text-align:center;border:2px solid #0000;border-radius:14px;padding:12px 8px;font-size:13px}.act b{font-family:var(--imp);margin-top:2px;font-size:17px;font-weight:400;display:block}.act.on{background:#1b2f6b;border-color:#fff}.stepper{justify-content:center;align-items:center;gap:22px;margin:14px 0;display:flex}.stepper button{background:var(--card);border:0;border-radius:50%;width:44px;height:44px;font-size:24px;font-weight:700}.stepper .n{font-family:var(--imp);text-align:center;min-width:60px;font-size:38px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip-btn{background:var(--card);border:2px solid #0000;border-radius:999px;padding:6px 12px;font-size:12px}.chip-btn.on{background:var(--card2);border-color:#fff}.suggest{background:var(--card);border-radius:12px;max-height:220px;margin-top:6px;overflow:auto}.suggest button{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:10px;width:100%;padding:8px 12px;display:flex}.nav{z-index:20;padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);background:#070a17eb;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-in{justify-content:space-around;align-items:center;width:100%;max-width:480px;padding:6px 4px 8px;display:flex}.nav button{color:var(--dim);background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;min-width:56px;font-size:10px;display:flex}.nav button span.i{font-size:20px}.nav button.on{color:#fff;font-weight:700}.nav .launch{background:linear-gradient(135deg, var(--verm-glow), var(--gold));color:#000;width:62px;height:62px;box-shadow:0 0 22px var(--verm-glow);border-radius:50%;justify-content:center;margin-top:-26px;font-weight:800}.nav .launch.on{color:#000}.celebrate{z-index:50;background:#050710db;place-items:center;padding:20px;animation:.25s fade;display:grid;position:fixed;inset:0}.celebrate .card{text-align:center;width:100%;max-width:360px;animation:.5s cubic-bezier(.34,1.56,.64,1) zoom}.celebrate .big{font-family:var(--imp);font-size:54px;font-style:italic;line-height:1;transform:skew(-8deg)}.celebrate .who{font-family:var(--imp);margin:8px 0;font-size:26px}.celebrate pre{text-align:left;background:var(--card);white-space:pre-wrap;border-radius:12px;margin:12px 0;padding:12px;font-family:inherit;font-size:13px}.celebrate.azul .big{color:var(--azul);text-shadow:0 0 20px var(--azul-glow)}.celebrate.vermelho .big{color:var(--verm);text-shadow:0 0 20px var(--verm-glow)}.flip-banner{background:var(--gold);color:#000;font-family:var(--imp);border-radius:12px;margin-bottom:10px;padding:6px;font-size:22px;animation:.6s infinite pulse}.auth-hero{text-align:center;margin:24px 0 18px}.auth-hero .logo{font-family:var(--imp);letter-spacing:1px;text-shadow:0 0 18px var(--azul-glow), 0 0 18px var(--verm-glow);font-size:44px;font-style:italic;transform:skew(-8deg)}.auth-hero p{color:var(--dim);margin:6px 0 0;font-size:14px}.link{color:var(--gold);background:0 0;border:0;width:100%;padding:8px;font-size:14px;text-decoration:underline}.demo-hint{color:var(--dim);text-align:center;margin-top:14px;font-size:12px;line-height:1.5}.install-banner{border:1px solid var(--gold);background:linear-gradient(135deg,#1b2a5c,#4a1620);border-radius:16px;margin:10px 0 4px;padding:12px;animation:.5s slideIn}.install-x{color:var(--dim);background:0 0;border:0;border-radius:8px;padding:4px 6px;font-size:18px;line-height:1}.install-x:focus-visible{outline:2px solid #fff}.toast{color:#000;z-index:60;background:#fff;border-radius:999px;padding:8px 16px;font-weight:700;animation:.3s slideIn;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}@keyframes heroIn{0%{opacity:0;letter-spacing:8px;transform:skew(-8deg)scale(1.9)}to{opacity:1;letter-spacing:normal;transform:skew(-8deg)scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(26px)scale(.85)}to{opacity:1;transform:none}}.rise{animation:.6s cubic-bezier(.34,1.56,.64,1) both rise}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes pop{0%{transform:scale(1)}30%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.45}}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes zoom{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}