:root{--color-primary:#1a7a3c;--color-primary-light:#22a05c;--color-primary-dim:#e6f5ec;--color-primary-text:#0d4a24;--color-bg:#f2f4f0;--color-surface:#fff;--color-text:#1a1a1a;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-accent:#d97706;--color-accent-dim:#fef3c7;--color-accent-text:#92400e;--color-danger:#dc2626;--color-danger-dim:#fef2f2;--color-blue:#1d4ed8;--color-blue-dim:#eff6ff;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--radius-sm:8px;--radius-md:12px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--font-sans:"Be Vietnam Pro", sans-serif;--font-mono:"DM Mono", monospace;--shadow-card:0 1px 3px #00000014;--shadow-elevated:0 4px 12px #0000001f;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--bottom-nav-height:58px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;max-width:430px;min-height:100vh;margin:0 auto;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes count-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes live-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:.18s both fade-up}@keyframes card-reveal{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes score-pop{0%{transform:scale(1)}40%{transform:scale(1.32)}70%{transform:scale(.93)}to{transform:scale(1)}}@keyframes streak-burn{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.35);transform:scale(1.15)}}@keyframes result-reveal{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes rank-glow{0%{box-shadow:0 0 #1a7a3c73}70%{box-shadow:0 0 0 10px #1a7a3c00}to{box-shadow:0 0 #1a7a3c00}}@keyframes pulse-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite skeleton-pulse}.screen-page,.home-screen,.match-live-screen,.score-input-screen{animation:.22s ease-out slide-in-right}.pull-refresh-bar{height:36px;color:var(--color-primary);justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}@keyframes ptr-spin{to{transform:rotate(360deg)}}.pull-refresh-spinner{border:2px solid var(--color-primary);border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite ptr-spin}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:44px 24px;display:flex}.empty-icon{margin-bottom:8px;font-size:48px}.empty-title{color:var(--color-text);font-size:14px;font-weight:700}.empty-sub{color:var(--color-text-secondary);max-width:220px;font-size:12px;line-height:1.6}.empty-cta{margin-top:14px;padding:0 24px!important}.lb-row-anim{animation:.3s ease-out both slide-in-right}@supports (padding-bottom:env(safe-area-inset-bottom)){.screen-scroll{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 8px)}}.scroll-hide{scrollbar-width:none;-ms-overflow-style:none}.scroll-hide::-webkit-scrollbar{display:none}button,a,[role=button]{cursor:pointer;-webkit-tap-highlight-color:transparent}button{font-family:var(--font-sans);background:0 0;border:none}a{color:inherit;text-decoration:none}.btn{border-radius:var(--radius-md);height:44px;font-size:14px;font-weight:700;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:0 16px;transition:all .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:active{background:var(--color-primary-text)}.btn-outline{color:var(--color-primary);border:1.5px solid var(--color-primary);background:0 0}.btn-full{width:100%}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card);overflow:hidden}.hd-overlay{z-index:200;background:#00000073;align-items:flex-end;animation:.15s fadeInOverlay;display:flex;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.hd-action-sheet{background:var(--color-surface);width:100%;padding:0 0 env(safe-area-inset-bottom,16px);border-radius:16px 16px 0 0;animation:.2s slideUpSheet}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.hd-action-sheet--tall{flex-direction:column;max-height:90vh;display:flex}.hd-form-scroll{flex:1;padding:0 16px 24px;overflow-y:auto}.hd-sheet-handle{background:var(--color-border);border-radius:2px;width:36px;height:4px;margin:10px auto 0}.hd-sheet-title{color:var(--color-text);padding:14px 16px 6px;font-size:16px;font-weight:800}.hd-sheet-name{align-items:center;gap:10px;padding:12px 16px 8px;font-size:14px;font-weight:700;display:flex}.hd-sheet-section-lbl{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:8px 16px 4px;font-size:11px;font-weight:700}.hd-sheet-divider{background:var(--color-bg);height:6px;margin:4px 0}.hd-sheet-kick-confirm{color:var(--color-danger);padding:10px 16px 6px;font-size:13px;font-weight:600;line-height:1.5}.hd-sheet-btn{text-align:left;cursor:pointer;width:100%;font-size:14px;font-weight:600;font-family:var(--font-sans);color:var(--color-text);border:none;border-bottom:1px solid var(--color-border-light);background:0 0;min-height:48px;padding:14px 16px;transition:background .1s;display:block}.hd-sheet-btn:hover{background:var(--color-bg)}.hd-sheet-btn--primary{background:var(--color-primary);color:#fff;text-align:center;border-bottom:none;border-radius:12px;width:calc(100% - 32px);margin:8px 16px 0;font-weight:700}.hd-sheet-btn--primary:hover{opacity:.92;background:var(--color-primary)}.hd-sheet-btn--primary:disabled{opacity:.6;cursor:default}.hd-sheet-btn--danger{color:var(--color-danger)}.hd-sheet-btn--cancel{color:var(--color-text-secondary);border:none;margin-top:4px;font-weight:500}.hd-form-group{margin-bottom:14px}.hd-form-lbl{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.hd-form-input{box-sizing:border-box;border:1.5px solid var(--color-border);width:100%;font-size:14px;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);border-radius:10px;outline:none;padding:10px 12px;transition:border-color .15s;display:block}.hd-form-input:focus{border-color:var(--color-primary)}.hd-form-textarea{resize:vertical;min-height:80px}.hd-form-hint{color:var(--color-text-secondary);margin-top:4px;font-size:11px}.hd-form-error{background:var(--color-danger-dim);color:var(--color-danger);border-radius:8px;margin-bottom:8px;padding:8px 12px;font-size:12px;font-weight:600}.hd-form-row2{gap:10px;display:flex}.hd-pill-row{flex-wrap:wrap;gap:6px;display:flex}.hd-pill{border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-sans);padding:6px 12px;transition:all .15s}.hd-pill.active{border-color:var(--color-primary);background:var(--color-primary-dim);color:var(--color-primary);font-weight:700}.bottom-nav{width:100%;max-width:430px;height:var(--bottom-nav-height);background:var(--color-surface);border-top:1px solid var(--color-border);z-index:100;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bn-item{cursor:pointer;min-height:44px;color:var(--color-text-tertiary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;transition:color .15s;display:flex;position:relative}.bn-icon{justify-content:center;align-items:center;line-height:0;display:flex}.bn-lbl{font-size:9px;font-weight:700;line-height:1}.bn-item.on .bn-lbl{color:var(--color-primary)}.bn-dot{background:var(--color-danger);border:2px solid var(--color-surface);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:calc(50% - 13px)}.bn-badge{background:var(--color-danger);border:2px solid var(--color-surface);color:#fff;text-align:center;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;line-height:12px;display:flex;position:absolute;top:4px;right:calc(50% - 18px)}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:6px;width:100%;max-width:430px;padding:8px 12px 0;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius-md);font-size:13px;font-weight:600;font-family:var(--font-sans);pointer-events:auto;cursor:pointer;align-items:center;gap:8px;min-height:44px;padding:11px 14px;animation:.25s ease-out toast-slide-in;display:flex;box-shadow:0 4px 16px #0000002e}.toast-icon{flex-shrink:0;font-size:15px}.toast-msg{flex:1;line-height:1.4}.toast-error{color:#fff;background:#dc2626}.toast-success{color:#fff;background:#1a7a3c}.toast-info{color:#fff;background:#1a1a2e}.toast-result{color:#fff;background:linear-gradient(135deg,#92400e,#d97706)}.toast-action-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#fff3;border:1px solid #ffffff59;border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:800}.toast-dismiss-btn{color:#fff9;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:14px;line-height:1}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-110%)}to{opacity:1;transform:translateY(0)}}