@import "https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=Instrument+Serif:ital@1&display=swap";:root{--bg:#f5f4f0;--card:#fff;--ink:#0b0b0c;--ink2:#5b5b60;--line:#e6e4de;--acc:#f5e100;--acc-ink:#0b0b0c;--pitch:#0f3d2b;--pitch2:#124632;--tx-rede:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 8L8 0L16 8L8 16Z' fill='none' stroke='%23fff' stroke-opacity='.09'/%3E%3C/svg%3E");--tx-rede-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 8L8 0L16 8L8 16Z' fill='none' stroke='%230B0B0C' stroke-opacity='.12'/%3E%3C/svg%3E");--tx-bola:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cg fill='none' stroke='%230B0B0C' stroke-opacity='.06' stroke-width='1.2'%3E%3Cpath d='M22 14l7.6 5.5-2.9 9H17.3l-2.9-9z' fill='%230B0B0C' fill-opacity='.04'/%3E%3Cpath d='M22 14V4M29.6 19.5l9.5-3.1M26.7 28.5l5.9 8.1M17.3 28.5l-5.9 8.1M14.4 19.5l-9.5-3.1'/%3E%3C/g%3E%3C/svg%3E");--tx-campo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 300' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.16' stroke-width='1.5' vector-effect='non-scaling-stroke'%3E%3Crect x='4' y='4' width='192' height='292' rx='6'/%3E%3Cpath d='M100 4v292'/%3E%3Cellipse cx='100' cy='150' rx='28' ry='22'/%3E%3Crect x='4' y='105' width='34' height='90'/%3E%3Crect x='162' y='105' width='34' height='90'/%3E%3C/g%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter Tight,system-ui,sans-serif}main{flex-direction:column;gap:16px;max-width:480px;margin:0 auto;padding:24px 24px 120px;display:flex}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink2);font-size:11px;font-weight:600}h1{letter-spacing:-.03em;font-size:34px;font-weight:700;line-height:1.02}h2{letter-spacing:-.01em;font-size:18px}.serif{font-family:Instrument Serif,serif;font-style:italic;font-weight:400}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;flex-direction:column;gap:12px;padding:18px;display:flex}button,.btn{border:1px solid var(--line);min-height:52px;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font:600 16px Inter Tight,sans-serif;text-decoration:none;display:flex}button.dark{background:var(--ink);color:#fff;border-color:var(--ink)}button.acc{background:var(--acc);color:var(--acc-ink);border-color:var(--ink);transition:background-color .15s}button.acc:active{background-image:var(--tx-rede-ink);background-color:#e6d300}button.mini{min-height:36px;padding:0 14px;font-size:13px}button:disabled{opacity:.5}input,select,textarea{border:1px solid var(--line);width:100%;min-height:50px;color:var(--ink);background:#fff;border-radius:16px;padding:0 16px;font:500 16px Inter Tight,sans-serif}label{color:var(--ink2);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.row{align-items:center;gap:12px;display:flex}.between{justify-content:space-between}.muted{color:var(--ink2)}.small{font-size:13px}.av{background:#edebe5;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.pill{background:#edebe5;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600}.voltar{min-height:auto;color:var(--ink2);background:0 0;border:0;justify-content:flex-start;padding:0;font-size:22px}.hero{background:repeating-linear-gradient(90deg,var(--pitch) 0 36px,var(--pitch2) 36px 72px);color:#fff;border-radius:28px;flex-direction:column;gap:10px;padding:28px;display:flex}.campo{background:var(--tx-campo) center/100% 100% no-repeat,repeating-linear-gradient(0deg,var(--pitch) 0 40px,var(--pitch2) 40px 80px);border-radius:22px;grid-template-columns:1fr 1fr;gap:10px;padding:16px;display:grid;position:relative}.campo .time{flex-direction:column;gap:8px;display:flex}.campo .j{border-radius:14px;justify-content:space-between;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.A .j{color:var(--ink);background:#fff}.B .j{background:var(--ink);color:#fff}.ind{border-radius:50%;flex:none;width:18px;height:18px}.erro{color:#b42318;font-size:14px}.notas{gap:6px;display:flex}.notas button{width:40px;min-height:40px;padding:0}.notas .on{background:var(--acc);color:var(--acc-ink);border-color:var(--ink)}.tab{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);background:#f5f4f0eb;justify-content:center;gap:10px;padding:12px 16px 28px;display:flex;position:fixed;bottom:0;left:0;right:0}button.av{border:1.5px solid var(--ink);background:var(--acc);width:40px;height:40px;min-height:0;color:var(--acc-ink);cursor:pointer;padding:0}.av.grande{background:var(--acc);width:72px;height:72px;color:var(--acc-ink);border:2px solid var(--ink);font-size:24px}.figurinha{text-align:center;background:var(--tx-bola) var(--card);border-radius:16px;align-items:center}.hero{position:relative}.hero:after{content:"";background:var(--tx-rede);pointer-events:none;border-radius:0 28px 28px 0;width:45%;height:100%;position:absolute;top:0;right:0;-webkit-mask:linear-gradient(90deg,#0000,#000);mask:linear-gradient(90deg,#0000,#000)}.hero>*{z-index:1;position:relative}.marca{align-items:center;gap:10px;display:flex}.marca img{border-radius:10px;width:40px;height:40px}.campo:before{content:"";background:var(--tx-rede);pointer-events:none;border-radius:22px 22px 0 0;height:64px;position:absolute;top:0;left:0;right:0;-webkit-mask:linear-gradient(#000,#0000);mask:linear-gradient(#000,#0000)}.campo>*{position:relative}.placar{border:1px solid var(--line);background:var(--tx-bola) var(--card);border-radius:22px;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:14px 16px;display:grid}.placar .colete{letter-spacing:.12em;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.placar .colete:last-child{justify-content:flex-end}.placar .colete i{border:1.5px solid var(--ink);border-radius:7px;flex:none;width:22px;height:22px}.placar .n{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.vazio{border:1px dashed var(--line);background:var(--tx-bola) var(--card);text-align:center;border-radius:22px;padding:22px 18px}@media (prefers-reduced-motion:reduce){button.acc{transition:none}}.av{overflow:hidden}.av .foto{object-fit:cover;width:100%;height:100%;display:block}button.link{background:0 0;border:0;justify-content:flex-start;min-height:0;padding:0;font-weight:400}.grade{border-collapse:collapse;text-align:center;width:100%}.grade th{padding:4px;font-weight:600}.grade td{padding:4px}.grade input{width:22px;height:22px;accent-color:var(--ink)}.rodape{border-top:1px solid var(--line);text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:24px;padding-top:16px;display:flex}
