:root{--primary: #10b981;--primary-dark: #059669;--primary-deep: #064e3b;--primary-light: #d1fae5;--bg-app: #f1f5f9;--bg-card: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--text-light: #94a3b8;--danger: #ef4444;--warning: #f59e0b;--white: #ffffff;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--radius-xl: 1rem;--radius-2xl: 1.5rem}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-app);color:var(--text-main);line-height:1.5;overflow-x:hidden;overscroll-behavior-y:none}.container{width:100%;max-width:500px;margin:0 auto;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.setup-container{min-height:100vh;background-color:var(--primary-deep);color:var(--white);padding-top:max(2rem,env(safe-area-inset-top));padding-bottom:max(2rem,env(safe-area-inset-bottom));padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right));display:flex;flex-direction:column;align-items:center}.setup-header{text-align:center;margin-bottom:2.5rem}.setup-icon-box{width:80px;height:80px;background-color:var(--primary-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:var(--shadow-md)}.setup-form{width:100%;max-width:400px;display:flex;flex-direction:column;gap:1rem}.input-wrapper{position:relative}.input-number{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-weight:700;color:var(--primary)}.form-input{width:100%;padding:1.25rem 1rem 1.25rem 2.5rem;background-color:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);color:var(--white);font-size:1.1rem;outline:none;transition:all .2s}.form-input:focus{border-color:var(--primary);background-color:#ffffff1a}.form-input.error{border-color:var(--danger);color:#fca5a5}.btn{padding:1rem;border-radius:var(--radius-xl);font-weight:700;font-size:1.1rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .1s,background-color .2s}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--primary);color:var(--white);box-shadow:0 4px 14px #10b98163}.btn-primary:disabled{background-color:#cbd5e1;color:#f8fafc;cursor:not-allowed;box-shadow:none}.btn-secondary{background-color:#f1f5f9;color:#64748b}.game-header{position:sticky;top:0;z-index:40;background-color:var(--primary-deep);color:var(--white);padding-top:max(1.5rem,env(safe-area-inset-top));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:1rem;box-shadow:var(--shadow-md)}.player-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.player-card{background-color:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:.75rem;position:relative}.player-card.leader{background-color:#10b9811a;border-color:var(--primary)}.trophy-badge{position:absolute;top:-8px;right:-8px;background-color:#facc15;padding:4px;border-radius:50%;box-shadow:var(--shadow-md)}.score-text{font-size:1.5rem;font-weight:900}.history-section{padding:1rem;padding-bottom:calc(140px + env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.section-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.label-text{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-light)}.round-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:1rem;margin-bottom:1rem;box-shadow:var(--shadow-sm);border:1px solid #e2e8f0}.round-header{display:flex;justify-content:space-between;border-bottom:1px solid #f1f5f9;padding-bottom:.5rem;margin-bottom:.75rem}.round-scores{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.score-item{text-align:center}.score-val{font-weight:800;font-size:1.1rem}.score-val.plus{color:var(--primary)}.score-val.minus{color:var(--danger)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center}.modal-content{background-color:var(--white);width:100%;max-width:500px;border-radius:1.5rem 1.5rem 0 0;padding:1.5rem 1.5rem max(1.5rem,env(safe-area-inset-bottom));animation:slideUp .3s ease-out;max-height:90vh;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.input-row{display:flex;align-items:center;background:#f8fafc;padding:.75rem 1rem;border-radius:1rem;margin-bottom:.75rem;border:1px solid #f1f5f9}.validation-box{padding:1rem;border-radius:1rem;text-align:center;margin:1.5rem 0;transition:all .3s ease}.validation-box.valid{background:#ecfdf5;color:#065f46;border:1px solid #6ee7b7}.validation-box.invalid{background:#fef2f2;color:#991b1b;border:1px solid #fca5a5}.footer-fixed{position:fixed;bottom:0;left:0;right:0;padding:1.5rem 1rem;background:linear-gradient(to top,var(--bg-app) 85%,transparent);z-index:30}.safe-pb{padding-bottom:max(1.5rem,env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.attribution{text-align:center;font-size:.7rem;font-weight:600;opacity:.5;margin-top:.75rem;color:inherit}
