:root{--bg:#f3e8ff;--ink:#2f3040;--muted:#7b8190;--panel:#ffffffe6;--panel-strong:#fff;--line:#ead7ff;--brand:#8b1cf6;--brand-dark:#6f16c8;--accent:#06c285;--accent-dark:#029c6a;--danger:#e11d48;--gold:#f2af24;--sky:#7dd3fc;--shadow:0 8px 18px #59318724;--shadow-strong:0 18px 45px #59318729}*{box-sizing:border-box}html{min-height:100%}body{background:var(--bg);color:var(--ink);min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif;position:relative}body:before{color:#ffffff5c;content:"Piu Dolce 🇦🇷";letter-spacing:.04em;opacity:.38;pointer-events:none;text-shadow:-4px -4px #7dd3fc8c,4px -4px #7dd3fc8c,-4px 4px #7dd3fc8c,4px 4px #7dd3fc8c,0 0 15px #ffffffe6;text-transform:uppercase;white-space:nowrap;z-index:0;font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:clamp(56px,11vw,128px);font-weight:900;line-height:1;position:fixed;top:56%;left:50%;transform:translate(-50%,-50%)rotate(-15deg)}body>*{z-index:1;position:relative}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.topbar{background:#ffffffc2;border:1px solid #ead7ffe0;border-radius:0 0 18px 18px;justify-content:space-between;align-items:center;gap:20px;max-width:1248px;margin:0 auto;padding:14px 24px;display:flex;box-shadow:0 5px 18px #59318717}.brand{color:var(--brand-dark);align-items:center;gap:8px;font-size:18px;font-weight:900;display:inline-flex}.brand:before{content:"🏆";font-size:22px}.nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.nav a,.nav button{color:#61576f;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 12px;font-size:14px;font-weight:800}.nav a:hover,.nav button:hover{color:var(--brand-dark);background:#f0ddff}.site-footer{color:#61576f;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:1248px;margin:0 auto;padding:0 24px 28px;font-size:13px;font-weight:800;display:flex}.site-footer a,.legal-copy a,.checkbox-field a{color:var(--brand-dark);text-underline-offset:3px;font-weight:900;text-decoration:underline;text-decoration-thickness:2px}.shell{max-width:1248px;margin:0 auto;padding:36px 24px 54px;position:relative}.home-shell{gap:28px;display:grid}.app-hero{box-shadow:var(--shadow);text-align:center;background:#ffffffd1;border:1px solid #d8beffb8;border-radius:18px;justify-items:center;width:100%;max-width:960px;margin:12px auto 18px;padding:34px 24px 32px;display:grid}.app-hero h1{color:var(--brand-dark);margin:0;font-size:clamp(34px,4vw,48px);font-weight:900;line-height:1.08}.app-hero p{color:var(--brand);margin:14px 0 0;font-size:clamp(18px,2vw,22px);font-weight:800;line-height:1.35}.user-pill{color:var(--brand-dark);background:#f0ddff;border-radius:999px;margin-top:24px;padding:10px 20px;font-weight:900}.user-pill-link{transition:background-color .16s,transform .16s}.user-pill-link:hover{background:#e5c7ff;transform:translateY(-1px)}h1,h2,h3,p{margin-top:0}h1{color:var(--ink);font-size:clamp(34px,6vw,56px);line-height:1.05}h2{color:var(--brand-dark);font-size:clamp(26px,3vw,34px);line-height:1.15}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--panel);box-shadow:var(--shadow-strong);border:1px solid #ead7ffeb;border-radius:18px;padding:26px}.predictions-panel{gap:28px;width:100%;max-width:960px;margin:0 auto;display:grid}.profile-panel{width:100%;max-width:960px;margin:0 auto;display:grid}.section{gap:18px;max-width:960px;margin:0 auto;display:grid}.section-heading{gap:12px;display:grid}.section-heading h2{margin:0}.section-heading p,.meta{color:var(--muted);margin:0;font-weight:700;line-height:1.45}.eyebrow{color:var(--brand);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:900}.legal-shell{max-width:980px}.legal-panel{gap:24px;display:grid}.legal-callout{color:#8a3c0a;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:14px 16px;font-weight:800;line-height:1.45}.legal-copy{gap:14px;display:grid}.legal-copy h2{margin:18px 0 0;font-size:22px}.legal-copy p,.legal-copy li{color:#4b5060;font-weight:700;line-height:1.65}.legal-copy p,.legal-copy ul{margin:0}.legal-copy ul{padding-left:22px}.match-list{gap:18px;display:grid}.matchday-group{gap:12px;display:grid}.matchday-group h3{color:var(--brand-dark);margin:0;font-size:18px}.empty-state{color:#075f48;text-align:center;background:#f7fff8;border:1px solid #b7efd1;border-radius:12px;padding:16px;font-weight:900}.history-toggle{background:#fcf9ff;border:1px solid #dfc5f7;border-radius:14px;gap:14px;padding:8px;display:grid}.history-toggle summary{color:var(--brand-dark);cursor:pointer;background:#f7efff;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:18px;font-weight:900;list-style:none;display:flex}.history-toggle>.match-list{border-top:1px solid #dfc5f7;padding:14px 8px 8px}.history-toggle summary::-webkit-details-marker{display:none}.history-toggle summary:before{color:var(--brand);content:"▸";margin-right:10px;transition:transform .16s}.history-toggle[open] summary:before{transform:rotate(90deg)}.history-toggle summary span{margin-right:auto}.history-toggle summary strong{color:var(--brand-dark);text-align:center;background:#f0ddff;border-radius:999px;min-width:34px;padding:6px 10px;font-size:14px}.match-row{border:1px solid var(--line);background:#faf7ffb8;border-radius:14px;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px 20px;transition:background .16s,border-color .16s,transform .16s;display:grid}.match-row:hover{background:#fbf8ff;border-color:#d9b7ff;transform:translateY(-1px)}.match-date{gap:6px;display:grid}.match-date span{color:var(--brand);font-weight:900}.match-date time{color:#9aa0ad;font-weight:800}.fixture{grid-template-columns:minmax(140px,1fr) auto minmax(140px,1fr);align-items:center;gap:18px;display:grid}.team{color:#383b4c;align-items:center;gap:10px;min-width:0;font-size:20px;font-weight:900;display:flex}.team span:first-child,.team span:last-child{overflow-wrap:anywhere}.team-home{text-align:right;justify-content:flex-end}.flag-box{background:#fff;border:2px solid #ddd;border-radius:5px;flex:none;justify-content:center;align-items:center;width:38px;height:28px;font-size:21px;line-height:1;display:inline-flex;box-shadow:0 2px 5px #2f304024}.flag-box img{border-radius:3px;width:32px;height:auto;max-height:24px;display:block}.fixture-scores{place-items:center;gap:5px;display:grid}.score-label,.actual-score{color:#777b88;text-align:center;font-size:12px;font-weight:900}.actual-score strong{color:var(--brand-dark)}.score-preview{color:#000;background:#fff;border:2px solid #e8ccff;border-radius:9px;align-items:center;gap:10px;min-height:48px;padding:6px 14px;font-size:26px;font-weight:900;display:inline-flex;box-shadow:inset 0 1px 7px #59318712}.score-preview.is-empty{color:#b8bcc6}.score-preview strong{color:#000}.score-preview input{appearance:textfield;color:#000;-webkit-text-fill-color:#000;caret-color:#000;font-size:inherit;font-weight:inherit;text-align:center;background:0 0;border:0;width:24px;height:32px;padding:0}.score-preview input::placeholder{color:#b8bcc6;-webkit-text-fill-color:#b8bcc6;opacity:1}.score-preview input:focus::placeholder{color:#0000;-webkit-text-fill-color:transparent}.score-preview.is-empty input:not(:placeholder-shown){color:#000;-webkit-text-fill-color:#000}.score-preview input::-webkit-inner-spin-button{appearance:none;margin:0}.score-preview input::-webkit-outer-spin-button{appearance:none;margin:0}.score-preview input:focus{border-radius:6px;outline:0;box-shadow:0 0 0 3px #8b1cf629}.match-action{align-items:center;gap:12px;display:flex}.status{color:#fff;text-transform:uppercase;border-radius:999px;justify-content:center;min-width:74px;padding:7px 10px;font-size:12px;font-weight:900;display:inline-flex}.status.open{background:var(--accent)}.status.in_progress{background:#f59e0b}.status.completed,.prediction-points.points-0{background:var(--danger)}.prediction-points.points-1{background:#f59e0b}.prediction-points.points-3{background:var(--accent)}.action-hint{color:var(--muted);text-align:right;font-size:13px;font-weight:900}.button,.secondary-button,.danger-button{cursor:pointer;white-space:nowrap;border:0;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-weight:900;transition:background .16s,box-shadow .16s,transform .16s;display:inline-flex}.button{background:var(--accent);color:#fff;box-shadow:0 5px 12px #029c6a3d}.button:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 8px 16px #029c6a47}.edit-button{background:#2563eb;box-shadow:0 5px 12px #2563eb3d}.edit-button:hover{background:#1d4ed8;box-shadow:0 8px 16px #2563eb47}.edit-button.is-unchanged:disabled{cursor:not-allowed}.closed-button,.closed-button:hover{box-shadow:none;color:#4b5563;background:#d1d5db;transform:none}.secondary-button{color:var(--brand-dark);background:#f0ddff}.secondary-button:hover{background:#e7c9ff;transform:translateY(-1px)}.danger-button{color:var(--danger);background:#ffe4ea}.danger-button:hover{background:#fecdd8;transform:translateY(-1px)}.danger-button-armed{background:var(--danger);color:#fff}.danger-button-armed:hover{background:#be123c}.button:disabled,.secondary-button:disabled,.danger-button:disabled{cursor:wait;opacity:.7;transform:none}.closed-button:disabled{cursor:not-allowed;opacity:1}.grid,.admin-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-create-match-panel{order:1}.admin-edit-matches-panel{order:2}.admin-create-matchday-panel{order:3}.admin-matchdays-panel{order:4}.card{border:1px solid var(--line);background:#faf7ffbd;border-radius:12px;gap:14px;padding:18px;display:grid}.match-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-matches-panel{gap:16px;min-height:0;display:grid}.admin-matches-panel h2{margin:0}.admin-match-list{gap:10px;min-height:0;max-height:clamp(320px,100vh - 320px,680px);padding-right:4px;display:grid;overflow-y:auto}.admin-match-row{border:1px solid var(--line);background:#faf7ffbd;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;transition:background .16s,border-color .16s,transform .16s;display:grid}.admin-match-row:hover{background:#fbf8ff;border-color:#d9b7ff;transform:translateY(-1px)}.admin-completed-matches{gap:10px;display:grid}.admin-completed-matches summary{border:1px solid var(--line);color:var(--brand-dark);cursor:pointer;background:#ffffffbd;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;font-weight:900;list-style:none;display:grid}.admin-completed-matches summary::-webkit-details-marker{display:none}.admin-completed-matches summary:before{color:var(--brand);content:"▸";transition:transform .16s}.admin-completed-matches[open] summary:before{transform:rotate(90deg)}.admin-completed-matches summary strong{text-align:center;background:#f0ddff;border-radius:999px;min-width:32px;padding:5px 9px;font-size:13px}.admin-completed-match-list{gap:10px;padding-top:10px;display:grid}.admin-match-editor{gap:18px;display:grid}.admin-back-button{justify-self:start}.admin-match-main{flex-wrap:wrap;align-items:baseline;gap:6px 10px;min-width:0;display:flex}.admin-match-name{color:var(--ink);overflow-wrap:anywhere;font-weight:900}.admin-match-kickoff{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:800}.admin-match-actions{flex-wrap:wrap;gap:10px;display:flex}.admin-advanced-options{border:1px solid #ead7ffeb;border-radius:12px;padding:12px}.admin-advanced-options[open]{gap:14px;display:grid}.admin-advanced-options summary{color:var(--brand-dark);cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;font-weight:900;list-style:none;display:grid}.admin-advanced-options summary::-webkit-details-marker{display:none}.admin-advanced-options summary:before{content:"▸";font-size:13px}.admin-advanced-options[open] summary:before{content:"▾"}.admin-predictions{gap:12px;width:100%;display:grid}.admin-predictions summary{max-width:max-content;list-style:none}.admin-predictions summary::-webkit-details-marker{display:none}.admin-prediction-list{border:1px solid #ead7ffeb;border-radius:12px;display:grid;overflow:hidden}.admin-prediction-row{background:#ffffffbd;grid-template-columns:minmax(0,1.4fr) auto minmax(112px,.7fr);align-items:center;gap:10px;padding:12px;display:grid}.admin-prediction-row+.admin-prediction-row{border-top:1px solid #ead7ffeb}.admin-prediction-user{gap:3px;min-width:0;display:grid}.admin-prediction-user strong,.admin-prediction-user span{overflow-wrap:anywhere}.admin-prediction-user span,.admin-prediction-time{color:var(--muted);font-size:13px;font-weight:800}.admin-prediction-score{color:var(--brand-dark);white-space:nowrap;background:#f0ddff;border-radius:8px;padding:7px 10px;font-weight:900}.admin-prediction-time{text-align:right}.match-title h1{margin:0;font-size:clamp(28px,4vw,42px)}.form{gap:14px;display:grid}.field{gap:7px;display:grid}.field label{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:900}.field-help{color:var(--muted);font-size:12px;font-weight:700}.datetime-fields{grid-template-columns:minmax(0,1.2fr) minmax(112px,.8fr);gap:10px;display:grid}.datetime-fields .field-help{grid-column:1/-1}.field input,.field select{border:1px solid var(--line);color:var(--ink);background:#fffffff0;border-radius:8px;width:100%;min-height:44px;padding:0 12px}.field input:focus,.field select:focus{border-color:#8b1cf694;outline:0;box-shadow:0 0 0 4px #8b1cf61f}.checkbox-field{color:var(--muted);align-items:center;gap:10px;font-weight:800;line-height:1.35;display:flex}.checkbox-field input{accent-color:var(--brand);width:18px;height:18px}.score-row{grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;display:grid}.notice{color:#075f48;background:#ecfdf5f0;border:1px solid #06c28542;border-radius:12px;padding:14px;font-weight:800}.error{color:#9f1239;background:#fff1f4;border:1px solid #fecdd3;border-radius:12px;padding:14px;font-weight:800}@media (max-width:900px){.match-row{grid-template-columns:1fr}.match-action{justify-content:space-between}}@media (max-width:640px){body:before{font-size:58px;top:52%}.shell{padding:18px 14px 36px}.admin-grid{grid-template-columns:1fr}.topbar{border-radius:0 0 14px 14px;flex-direction:column;align-items:flex-start;padding:14px}.nav{justify-content:flex-start}.app-hero,.panel{border-radius:14px;padding:22px 16px}.fixture{grid-template-columns:1fr;gap:12px}.team,.team-home{text-align:center;justify-content:center}.score-preview{justify-content:center;justify-self:center;min-width:112px}.match-action{flex-direction:column;align-items:stretch}.button,.secondary-button{white-space:normal}.match-title,.score-row{grid-template-columns:1fr;align-items:stretch}.admin-match-row{grid-template-columns:1fr}.admin-completed-matches summary{grid-template-columns:auto minmax(0,1fr) auto}.admin-prediction-row{grid-template-columns:1fr auto;align-items:start}.admin-prediction-time{text-align:left;grid-column:1/-1}.score-row>strong{text-align:center}}