:root{--blue:#163a71;--yellow:#ffff25;--red:#dc2626;--green:#22c55e;--ink:#14213a}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:Calibri,Arial,sans-serif}.glass{background:linear-gradient(135deg,rgba(255,255,37,.20),rgba(255,255,255,.60) 32%,rgba(22,58,113,.18) 68%,rgba(220,38,38,.18));border:1px solid rgba(255,255,255,.9);box-shadow:0 14px 36px rgba(22,58,113,.13),inset 0 1px 0 #fff;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.publicShell,.setupShell{width:min(620px,calc(100% - 28px));margin:0 auto;padding:24px 0 50px}.clubLogo,.setupLogo{display:block;width:min(190px,44vw);height:auto;margin:8px auto 20px;object-fit:contain}.matchGlass{padding:14px 18px;border-radius:20px;text-align:center;display:grid;gap:4px}.matchGlass strong{font-size:20px;color:var(--blue)}.matchGlass span,.muted{font-size:13px;color:#667085}.countdown{width:116px;height:116px;margin:18px auto;border-radius:50%;display:grid;place-content:center;text-align:center;background:rgba(255,255,255,.72);border:5px solid var(--yellow);box-shadow:0 12px 30px rgba(22,58,113,.12)}.countdown span{font-size:42px;font-weight:900;line-height:.9;color:var(--blue)}.countdown small{font-size:11px;margin-top:7px}.choiceRow{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:330px;margin:0 auto 16px}.choice{background:transparent;color:var(--ink);padding:4px;border:0;display:grid;justify-items:center;gap:7px}.choice i{width:62px;height:62px;border-radius:50%;display:block;border:4px solid rgba(255,255,255,.92);box-shadow:0 10px 22px rgba(15,23,42,.18)}.choice.presence i{background:var(--green)}.choice.absence i{background:var(--red)}.choice span{font-size:12px;font-weight:800}.choice:disabled{opacity:.36;cursor:not-allowed}.selectedZone{min-height:54px;margin:12px 0;display:grid;place-items:center;text-align:center;font-size:14px;color:#667085}.selectedZone.active{border-radius:17px;background:rgba(255,255,255,.65);box-shadow:0 9px 22px rgba(22,58,113,.10);font-size:18px;font-weight:900;color:var(--blue);animation:rise .35s ease}.playerList{display:grid;gap:10px}.playerCard{width:100%;border-radius:18px;padding:14px 18px;text-align:left;color:var(--ink);display:grid;gap:3px;cursor:pointer}.playerCard b{font-size:17px}.playerCard small{color:#667085}.playerCard.selected{outline:3px solid var(--yellow);background:linear-gradient(135deg,rgba(255,255,37,.38),rgba(255,255,255,.70),rgba(22,58,113,.22),rgba(220,38,38,.22))}.tutorial,.confirmModal{position:fixed;inset:0;z-index:9999;background:rgba(245,248,252,.68);backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px}.tutorial.hidden{display:none}.tutorialCard,.confirmCard{width:min(520px,100%);border-radius:28px;padding:28px;text-align:center}.tutorialCard ol{text-align:left;line-height:1.5}.tutorialCard button,.confirmCard button,.setupForm button{border:0;border-radius:14px;background:var(--blue);color:#fff;padding:13px 20px;font-weight:900}.confirmModal{display:none}.confirmModal.show{display:grid}.previewStatus{display:inline-flex;margin:16px auto;padding:10px 18px;border-radius:999px;color:#fff;font-weight:900}.previewStatus.presente{background:var(--green)}.previewStatus.assente{background:var(--red)}.confirmActions{display:grid;grid-template-columns:1fr 1.7fr;gap:10px;margin-top:18px}.confirmActions .secondary{background:#e8edf4;color:var(--blue)}.expired{text-align:center;padding:25px;border-radius:24px}.setupShell{margin-top:22px;padding:28px;border-radius:28px}.setupShell h1{text-align:center;color:var(--blue)}.setupForm{display:grid;gap:14px}.setupForm label{display:grid;gap:6px;font-weight:800}.setupForm input{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:12px;font:inherit}.notice{padding:12px 15px;border-radius:14px;margin:12px 0}.notice.error{background:#fee2e2;color:#991b1b}.notice.success{background:#dcfce7;color:#166534}.successFinal{display:grid;justify-items:center}.timeExpired .countdown{border-color:#cbd5e1}@keyframes rise{from{transform:translateY(18px);opacity:.2}to{transform:none;opacity:1}}@media(max-width:520px){.publicShell{width:min(100% - 18px,620px);padding-top:12px}.clubLogo{width:150px}.choiceRow{gap:18px}.tutorialCard,.confirmCard{padding:22px 18px}.confirmActions{grid-template-columns:1fr}.setupShell{width:calc(100% - 18px);padding:20px}}
:root{--notice-blue:#163a71}
.valuesNotice{position:fixed;inset:0;z-index:10001;background:rgba(245,248,252,.78);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);display:grid;place-items:center;padding:18px}
.valuesNotice.hidden{display:none}
.valuesCard{width:min(520px,100%);max-height:calc(100dvh - 36px);overflow:auto;border-radius:25px;padding:26px 24px;text-align:center}
.valuesCard img{display:block;width:100px;height:100px;object-fit:contain;margin:0 auto 10px}
.valuesCard h2{color:var(--notice-blue);font-size:23px;line-height:1.1;margin:0 0 16px}
.valuesCard p{font-size:16px;line-height:1.38;margin:0 0 15px}
.valuesCard button{border:0;border-radius:13px;background:var(--notice-blue);color:#fff;font:900 15px Calibri,Arial,sans-serif;padding:12px 25px;margin-top:3px;cursor:pointer}
.playerList .roleHeading{margin:16px 2px 0;color:var(--blue);font:800 16px/1.2 Calibri,Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em}
.playerList .playerCard{display:flex;align-items:center;gap:15px;min-height:88px;padding:10px 15px;border:1px solid rgba(255,255,255,.85)}
.playerList .playerBust{width:55px;height:68px;object-fit:contain;flex:0 0 55px;background:transparent}
.playerList .playerText{display:grid;gap:4px;min-width:0}
.playerList .playerText b{font-size:19px;line-height:1.1}
.playerList .playerText small{font-size:12px;color:#26344d}
.playerList .playerCard.role-portieri{background:linear-gradient(135deg,rgba(226,38,48,.50),rgba(255,255,255,.36))}
.playerList .playerCard.role-difensori{background:linear-gradient(135deg,rgba(255,213,0,.52),rgba(255,255,255,.36))}
.playerList .playerCard.role-centrocampisti{background:linear-gradient(135deg,rgba(34,197,94,.48),rgba(255,255,255,.36))}
.playerList .playerCard.role-attaccanti{background:linear-gradient(135deg,rgba(37,99,235,.48),rgba(255,255,255,.36))}