@font-face{font-family:Alfa Slab One;src:url(/fonts/alfa-slab-one-latin.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-800-latin.woff2)format("woff2");font-weight:800;font-display:swap}:root{--felt:#145a32;--felt-dark:#0d3d22;--felt-light:#1f6b3a;--cream:#f6eed8;--ink:#1d1d1b;--straw:#d9b25b;--red:#c8202f;--muted:#bcd3c2;--panel:#00000038;--radius:14px;color:var(--cream);background:var(--felt-dark);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 0, var(--felt-light), var(--felt) 45%, var(--felt-dark));min-height:100vh;margin:0}button,input,select{font:inherit}h1{margin:.2rem 0 .8rem;font-size:1.4rem}h2{margin:0 0 .6rem;font-size:1.1rem}.app{flex-direction:column;max-width:560px;min-height:100vh;margin:0 auto;display:flex}.top{align-items:center;gap:12px;padding:12px 16px;display:flex}.brand-logo{border-radius:14px;flex-shrink:0;box-shadow:0 2px 8px #00000059}.top strong{letter-spacing:.01em;font-family:Alfa Slab One,Rockwell,Georgia,serif;font-size:1.55rem;font-weight:400}.top div{flex-direction:column;line-height:1.1;display:flex}.top small{color:var(--straw);letter-spacing:.16em;text-transform:uppercase;margin-top:2px;font-family:Nunito,system-ui,sans-serif;font-size:.72rem;font-weight:800}main{flex:1;padding:0 16px 96px}.screen{flex-direction:column;gap:12px;display:flex}.panel{background:var(--panel);border-radius:var(--radius);flex-direction:column;gap:8px;padding:14px;display:flex}.center{text-align:center;align-items:center}.muted{color:var(--muted);margin:0}.small{font-size:.85rem}.row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}button{color:var(--cream);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:10px;padding:10px 14px}button:disabled{opacity:.4}button.on{background:var(--straw);color:var(--ink);border-color:var(--straw);font-weight:700}button.primary{background:var(--straw);color:var(--ink);border:none;font-weight:700}button.danger{background:var(--red);border:none}button.big{padding:16px;font-size:1.1rem}input,select{width:100%;color:var(--cream);background:#00000040;border:1px solid #fff3;border-radius:10px;padding:10px 12px}select option{color:var(--ink)}label{color:var(--muted);font-size:.9rem}label.check{color:var(--cream);align-items:center;gap:8px;display:flex}label.check input{width:auto}.team-name{font-weight:700}.tabs,.seg{gap:6px;display:flex}.tabs button,.seg button{flex:1}.vira-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.vira-btn{aspect-ratio:3/4;background:var(--cream);color:var(--ink);font-size:1.4rem;font-weight:800}.vira-btn.on{outline:3px solid var(--straw);background:#fff6d6}.manilha-callout{margin:4px 0 0;font-size:1.05rem}.manilha-callout b{color:var(--straw)}.tiers{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tiers li{background:var(--panel);border-radius:12px;grid-template-columns:2.2rem auto 1fr;align-items:center;gap:10px;padding:8px 10px;display:grid}.tiers li.manilha{background:#d9b25b38;border:1px solid #d9b25b99}.pos{color:var(--straw);font-weight:800}.cards{flex-wrap:wrap;gap:4px;display:flex}.tier-label{flex-direction:column;display:flex}.tier-label small{color:var(--muted)}.card{background:var(--cream);width:32px;height:44px;color:var(--ink);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;font-size:.85rem;line-height:1;display:inline-flex;box-shadow:0 1px 2px #0006}.card i{font-size:1rem;font-style:normal}.card.red{color:var(--red)}.card.hl{box-shadow:0 0 0 2px var(--straw)}.tips ul{flex-direction:column;gap:6px;margin:0;padding-left:1.1rem;display:flex}.tips summary{cursor:pointer;font-weight:700}.placar-head{justify-content:space-between;display:flex}.bubble{background:var(--cream);color:var(--ink);border-radius:var(--radius);align-items:center;gap:10px;min-height:64px;padding:12px 14px;display:flex}.bubble p{margin:0;font-weight:600}.duck{object-fit:contain;flex-shrink:0;width:64px;height:64px}.mascot-hero{align-items:center;gap:14px;padding:4px 0;display:flex}.mascot-hero img{object-fit:contain;filter:drop-shadow(0 4px 8px #00000073);flex-shrink:0;width:104px;height:104px}.mascot-say{background:var(--cream);color:var(--ink);border-radius:var(--radius);margin:0;padding:10px 14px;font-weight:700;position:relative}.mascot-say:before{content:"";border-style:solid;border-width:8px 8px 8px 0;border-color:transparent var(--cream) transparent transparent;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.teams{grid-template-columns:1fr 1fr;gap:10px;display:grid}.team{background:var(--panel);border-radius:var(--radius);text-align:center;flex-direction:column;gap:8px;padding:12px;display:flex}.team h2{overflow-wrap:anywhere;margin:0;font-size:1rem}.team.mine h2:after{content:" (eu)";color:var(--straw);font-size:.8rem}.team.winner{outline:3px solid var(--straw)}.score{font-size:3.6rem;font-weight:900;line-height:1}.bar{background:#ffffff1f;border-radius:3px;height:6px;overflow:hidden}.bar span{background:var(--straw);height:100%;transition:width .3s;display:block}.pts{flex-direction:column;gap:6px;display:flex}.pts button{padding:12px 6px}.actions button{flex:1}.stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stats div{background:var(--panel);text-align:center;border-radius:12px;flex-direction:column;padding:10px 4px;display:flex}.stats b{font-size:1.4rem}.stats small{color:var(--muted);font-size:.72rem}.history{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.history li{background:var(--panel);border-left:4px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.history li div{flex-direction:column;display:flex}.history li small{color:var(--muted)}.history li.won{border-left-color:var(--straw)}.history li.lost{border-left-color:var(--red)}.bottom{background:var(--felt-dark);padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid #ffffff1a;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom button{max-width:140px;color:var(--muted);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px;font-size:.75rem;display:flex}.bottom button span{font-size:1.3rem}.bottom button.on{color:var(--straw);background:0 0}.avatar{object-fit:cover;background:var(--cream);border-radius:50%;flex-shrink:0;box-shadow:0 1px 3px #0006}.avatar-picker{align-items:center;gap:12px;display:flex}.col{flex-direction:column;gap:6px;display:flex}.row.left{justify-content:flex-start}label.check span a,.muted a{color:var(--straw)}.me-chip{background:#d9b25b2e;border:1px solid #d9b25b80;border-radius:10px;align-items:center;gap:8px;padding:6px 8px;display:flex}.team-head{justify-content:center;align-items:center;gap:6px;display:flex}.team-head.left{justify-content:flex-start}.pts button.ran{background:#c8202f59;border-color:#c8202fb3}.special-banner{border:1px solid var(--straw);border-radius:var(--radius);background:#d9b25b38;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.special-banner b{font-size:1.05rem}.special-banner span{font-size:.9rem}.special-banner.ferro{border-color:var(--red);background:#c8202f40}.run-fix{background:var(--panel);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;display:flex}.run-fix span{color:var(--muted);font-size:.9rem}.run-fix button{padding:8px 10px;font-size:.9rem}
