:root{--primary-color:#7846c8;--secondary-color:#fa6e5a;--accent-color:#f064b4;--text-color:#fff;--text-muted:hsla(0,0%,100%,.8);--glass-bg:hsla(0,0%,100%,.75);--glass-border:hsla(0,0%,100%,.3);--font-heading:"Zain",sans-serif;--font-body:"Inter",sans-serif;--text-dark:#2d2d2d;--text-body:#333;--text-secondary:#555;--text-muted-dark:#666;--text-subtle:#888;--text-placeholder:#aaa;--text-accent:#666a74;--feedback-error:#e53e3e;--feedback-error-alt:#d63031;--feedback-success:#00b894;--border-subtle:rgba(0,0,0,.06);--border-light:rgba(0,0,0,.08);--border-default:rgba(0,0,0,.1);--surface-hover:rgba(0,0,0,.04);--surface-muted:rgba(0,0,0,.03);--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:50px;--shadow-brand-hover:0 6px 20px rgba(120,70,200,.35)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--primary-color);color:var(--text-color);font-family:var(--font-body);min-height:100vh;overflow-x:hidden}.background-animation{animation:gradientBG 9s ease infinite;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color),var(--accent-color),var(--primary-color));background-size:400% 400%;height:100%;left:0;position:fixed;top:0;width:100%;z-index:-2}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.overlay{background:radial-gradient(circle at center,transparent 0,rgba(0,0,0,.3) 100%);height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem;width:100%}.page-title{color:var(--text-dark);font-family:var(--font-heading);font-size:1.8rem;font-weight:700;margin:0}@media(max-width:768px){.page-title{font-size:1.5rem}}.back-link{color:var(--text-subtle);display:inline-block;font-size:.9rem;text-decoration:none;transition:color .3s ease}.back-link:hover{color:var(--primary-color)}@keyframes spin{to{transform:rotate(1turn)}}:root{--scorepad-paper:#faf6ed;--scorepad-paper-alt:#f5f0e5;--scorepad-paper-aged:#f5eed8;--scorepad-rule-color:hsla(36,14%,66%,.3);--scorepad-rule-spacing:40px;--scorepad-margin-color:hsla(8,94%,67%,.3);--scorepad-ink:#2c2416;--scorepad-ink-muted:#8a7e6e;--scorepad-ink-placeholder:#c4b9a8;--scorepad-cell-active:rgba(120,70,200,.08);--scorepad-cell-hover:rgba(120,70,200,.04);--scorepad-success:#3d8b5e;--scorepad-error:#c44040;--scorepad-info:#2b6cb0;--scorepad-winner-bg:rgba(212,175,55,.15);--scorepad-winner-border:#d4af37;--scorepad-total-bg:rgba(44,36,22,.04);--scorepad-total-border:rgba(44,36,22,.15);--scorepad-elevation-1:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--scorepad-elevation-2:0 4px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);--scorepad-elevation-3:0 8px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.06);--scorepad-cell-min-width:56px;--scorepad-cell-min-height:44px;--scorepad-cell-padding:8px 4px;--scorepad-header-height:48px;--scorepad-toolbar-height:56px;--scorepad-transition-fast:.15s ease;--scorepad-transition-med:.25s ease}@media(min-width:1024px){:root{--scorepad-cell-min-width:72px;--scorepad-header-height:56px}}.scorepad-paper-bg{background-color:var(--scorepad-paper);background-image:linear-gradient(to right,transparent 47px,var(--scorepad-margin-color) 47px,var(--scorepad-margin-color) 48px,transparent 48px),repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--scorepad-rule-spacing) - 1px),var(--scorepad-rule-color) calc(var(--scorepad-rule-spacing) - 1px),var(--scorepad-rule-color) var(--scorepad-rule-spacing))}.scorepad-binding{background-image:radial-gradient(circle,rgba(100,90,80,.2) 3px,transparent 0);background-position:50%;background-repeat:repeat-x;background-size:24px 8px;height:8px}.scorepad-paper-aged{background-color:var(--scorepad-paper-aged)}.scorepad-score{font-family:var(--font-body);font-variant-numeric:tabular-nums}@keyframes scorepad-pencil-writing{0%,to{transform:translate(0) rotate(-45deg)}50%{transform:translate(2px) rotate(-45deg)}}@keyframes scorepad-cell-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(1px)}}@keyframes scorepad-victory-enter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes scorepad-fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}