@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@500;600;700&family=Nunito:wght@400;600;700;800&display=swap";
:root{--primary:#14b8a6;--primary-700:#0f766e;--primary-600:#0d9488;--primary-400:#2dd4bf;--primary-200:#99f6e4;--primary-100:#ccfbf1;--primary-50:#f0fdfa;--accent:#fb7185;--accent-600:#f43f5e;--accent-100:#ffe4e6;--accent-50:#fff1f2;--yellow:#facc15;--yellow-50:#fefce8;--sky:#38bdf8;--sky-50:#f0f9ff;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--bg:#fff;--bg-soft:#f8fafc;--bg-canvas:#f1f5f9;--bg-card:#fff;--text-900:#0f172a;--text-700:#334155;--text-600:#475569;--text-500:#64748b;--text-400:#94a3b8;--text-300:#cbd5e1;--text-on-primary:#fff;--border:#e2e8f0;--border-light:#f1f5f9;--tier-rookie:#94a3b8;--tier-intermediate:#84cc16;--tier-advanced:#06b6d4;--tier-pro:#8b5cf6;--tier-elite:#ec4899;--tier-master:#f59e0b;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:24px;--r-full:9999px;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 2px 6px #0f172a0f;--shadow-md:0 6px 18px #0f172a14;--shadow-lg:0 12px 32px #0f172a1f;--shadow-fab:0 8px 22px #14b8a673;--shadow-card:0 4px 16px #0f172a0f;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--font-display:"Quicksand", system-ui, -apple-system, sans-serif;--font-body:"Nunito", system-ui, -apple-system, sans-serif;--app-max:420px;--bottomnav-h:76px;--header-h:60px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);color:var(--text-900);background:var(--bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5}img,svg{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--text-900);font-weight:700}h1{font-size:26px;line-height:1.2}h2{font-size:20px;line-height:1.3}h3{font-size:17px;line-height:1.35}h4{font-size:15px;line-height:1.4}.app-shell{max-width:var(--app-max);background:var(--bg);flex-direction:column;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 80px #0f172a1a}@media (min-width:421px){body{padding:16px 0}.app-shell{border-radius:32px;min-height:calc(100vh - 32px)}}.app-header{height:var(--header-h);padding:0 var(--s-4);background:var(--bg);z-index:50;border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.logo{align-items:center;gap:var(--s-2);display:flex}.logo-mark{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-600) 100%);width:36px;height:36px;color:var(--text-on-primary);border-radius:var(--r-md);font-family:var(--font-display);box-shadow:var(--shadow-sm);place-items:center;font-size:16px;font-weight:700;display:grid}.logo-text{font-family:var(--font-display);letter-spacing:-.01em;font-size:16px;font-weight:700}.header-actions{align-items:center;gap:var(--s-2);display:flex}.icon-btn{border-radius:var(--r-full);width:40px;height:40px;color:var(--text-700);place-items:center;transition:background .15s;display:grid;position:relative}.icon-btn:hover{background:var(--bg-soft)}.icon-btn .badge-dot{background:var(--accent);border-radius:var(--r-full);border:2px solid var(--bg);width:8px;height:8px;position:absolute;top:8px;right:8px}.avatar{border-radius:var(--r-full);background:linear-gradient(135deg, var(--accent) 0%, var(--accent-600) 100%);color:#fff;width:38px;height:38px;font-family:var(--font-display);border:2px solid var(--bg);box-shadow:var(--shadow-sm);place-items:center;font-size:14px;font-weight:700;display:grid}.app-content{padding:var(--s-4) var(--s-4) calc(var(--bottomnav-h) + var(--s-6));gap:var(--s-5);flex-direction:column;flex:1;display:flex}.section-head{margin-bottom:var(--s-3);justify-content:space-between;align-items:center;display:flex}.section-head h3{font-size:16px}.section-link{font-family:var(--font-body);color:var(--primary-600);font-size:13px;font-weight:700}.tier-card{border-radius:var(--r-2xl);padding:var(--s-5);color:#fff;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#14b8a6 0%,#0ea5e9 100%);position:relative;overflow:hidden}.tier-card:before{content:"";background:radial-gradient(circle,#ffffff2e,#0000 70%);width:200px;height:200px;position:absolute;top:-60px;right:-40px}.tier-card:after{content:"";background:radial-gradient(circle,#fb718540,#0000 70%);width:140px;height:140px;position:absolute;bottom:-40px;left:-20px}.tier-card-top{margin-bottom:var(--s-4);z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.tier-greet{font-family:var(--font-display);opacity:.85;margin-bottom:2px;font-size:13px}.tier-greet-name{font-family:var(--font-display);font-size:22px;font-weight:700}.tier-emoji{font-size:36px}.tier-badge-row{align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);z-index:1;display:flex;position:relative}.tier-icon{border-radius:var(--r-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;place-items:center;width:56px;height:56px;font-size:28px;display:grid}.tier-info{flex:1}.tier-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;opacity:.85;margin-bottom:2px;font-size:12px}.tier-name{font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1}.tier-points{font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1}.tier-points-label{opacity:.85;text-align:right;font-size:12px}.tier-progress{z-index:1;position:relative}.tier-progress-meta{opacity:.95;justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.tier-progress-bar{border-radius:var(--r-full);background:#ffffff40;height:8px;overflow:hidden}.tier-progress-fill{border-radius:var(--r-full);background:linear-gradient(90deg,#facc15 0%,#fb7185 100%);height:100%;transition:width .6s;box-shadow:0 0 12px #facc1580}.quick-actions{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.qa-btn{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:var(--s-4) var(--s-3);align-items:flex-start;gap:var(--s-2);text-align:left;box-shadow:var(--shadow-xs);flex-direction:column;transition:all .18s;display:flex}.qa-btn:hover,.qa-btn:active{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}.qa-btn.primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-600) 100%);color:#fff;border-color:var(--primary-600);box-shadow:var(--shadow-fab)}.qa-btn.primary:hover{box-shadow:0 14px 28px #14b8a68c}.qa-icon{border-radius:var(--r-md);background:var(--primary-50);width:36px;height:36px;color:var(--primary-600);place-items:center;display:grid}.qa-btn.primary .qa-icon{color:#fff;background:#ffffff38}.qa-title{font-family:var(--font-display);font-size:15px;font-weight:700;line-height:1.2}.qa-sub{opacity:.85;font-size:12px;font-weight:600}.quick-actions.compact{grid-template-columns:repeat(4,1fr);gap:8px}.quick-actions.compact .qa-btn{border-radius:var(--r-md);text-align:center;box-shadow:none;border-width:1px;align-items:center;gap:4px;padding:10px 6px;transform:none!important}.quick-actions.compact .qa-btn:hover{box-shadow:none;background:var(--primary-50);transform:none}.quick-actions.compact .qa-btn.primary{box-shadow:var(--shadow-sm)}.quick-actions.compact .qa-icon{width:28px;height:28px}.quick-actions.compact .qa-title{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.quick-actions.compact .qa-sub{display:none}.session-card{background:var(--bg);border-radius:var(--r-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);overflow:hidden}.session-banner{height:80px;padding:0 var(--s-4);background:linear-gradient(135deg,#fb7185 0%,#facc15 100%);align-items:center;display:flex;position:relative}.session-banner:before{content:"";background:radial-gradient(circle at 80% 30%,#fff6,#0000 50%),radial-gradient(circle at 20% 80%,#14b8a680,#0000 50%);position:absolute;inset:0}.session-banner-text{z-index:1;color:#fff;position:relative}.session-banner-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--r-full);letter-spacing:.04em;text-transform:uppercase;background:#ffffff47;margin-bottom:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.session-banner-title{font-family:var(--font-display);font-size:18px;font-weight:700}.session-body{padding:var(--s-4)}.session-meta{gap:var(--s-2);margin-bottom:var(--s-3);flex-direction:column;display:flex}.session-meta-row{align-items:center;gap:var(--s-2);color:var(--text-700);font-size:13px;font-weight:600;display:flex}.session-meta-row svg{color:var(--primary-600);flex-shrink:0}.session-footer{border-top:1px dashed var(--border);padding-top:var(--s-3);justify-content:space-between;align-items:center;display:flex}.player-stack{align-items:center;display:flex}.player-avatar{border-radius:var(--r-full);border:2px solid var(--bg);color:#fff;place-items:center;width:28px;height:28px;margin-left:-8px;font-size:11px;font-weight:700;display:grid}.player-avatar:first-child{margin-left:0}.player-avatar.p1{background:linear-gradient(135deg,#06b6d4,#0ea5e9)}.player-avatar.p2{background:linear-gradient(135deg,#fb7185,#f43f5e)}.player-avatar.p3{background:linear-gradient(135deg,#facc15,#f59e0b)}.player-avatar.p4{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.player-avatar.more{background:var(--bg-canvas);color:var(--text-600);border-color:var(--bg);font-size:10px}.player-count{color:var(--text-500);margin-left:var(--s-2);font-size:12px;font-weight:700}.btn-outline{background:var(--bg);border:1.5px solid var(--primary);color:var(--primary-700);border-radius:var(--r-full);font-family:var(--font-display);padding:8px 16px;font-size:13px;font-weight:700;transition:all .15s}.btn-outline:hover{background:var(--primary-50)}.stats-grid{gap:var(--s-3);grid-template-columns:repeat(3,1fr);display:grid}.stat-card{background:var(--bg);border-radius:var(--r-lg);padding:var(--s-4) var(--s-3);box-shadow:var(--shadow-xs);border:1px solid var(--border-light);flex-direction:column;gap:4px;display:flex;position:relative;overflow:hidden}.stat-card .stat-icon{border-radius:var(--r-sm);width:28px;height:28px;margin-bottom:var(--s-1);place-items:center;display:grid}.stat-card.teal .stat-icon{background:var(--primary-100);color:var(--primary-700)}.stat-card.coral .stat-icon{background:var(--accent-100);color:var(--accent-600)}.stat-card.yellow .stat-icon{background:var(--yellow-50);color:#b45309}.stat-value{font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1}.stat-label{color:var(--text-500);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.activity-list{gap:var(--s-2);flex-direction:column;display:flex}.activity-item{background:var(--bg);border-radius:var(--r-lg);padding:var(--s-3);align-items:center;gap:var(--s-3);border:1px solid var(--border-light);transition:all .15s;display:flex}.activity-item:hover{box-shadow:var(--shadow-sm);border-color:var(--primary-200)}.activity-icon{border-radius:var(--r-md);flex-shrink:0;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.activity-icon.win{background:var(--primary-100);color:var(--primary-700)}.activity-icon.loss{background:var(--accent-100);color:var(--accent-600)}.activity-info{flex:1;min-width:0}.activity-title{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:14px;font-weight:700;overflow:hidden}.activity-meta{color:var(--text-500);font-size:12px;font-weight:600}.activity-points{font-family:var(--font-display);font-size:14px;font-weight:700}.activity-points.win{color:var(--primary-700)}.activity-points.loss{color:var(--accent-600)}.bottom-nav{width:100%;max-width:var(--app-max);height:var(--bottomnav-h);background:var(--bg);border-top:1px solid var(--border-light);z-index:40;padding:0 var(--s-2);grid-template-columns:repeat(5,1fr);align-items:center;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 20px #0f172a0a}.nav-item{height:100%;color:var(--text-400);font-family:var(--font-display);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:700;transition:color .15s;display:flex;position:relative}.nav-item.active{color:var(--primary-700)}.nav-item:not(.active):hover{color:var(--text-700)}.nav-item.active:before{content:"";background:var(--primary);border-radius:0 0 var(--r-full) var(--r-full);width:32px;height:3px;position:absolute;top:0}.nav-item.fab-wrap{position:relative}.nav-fab{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-600) 100%);color:#fff;border-radius:var(--r-full);width:56px;height:56px;box-shadow:var(--shadow-fab);place-items:center;transition:transform .18s;display:grid;position:absolute;top:-20px}.nav-fab:active{transform:scale(.95)}.nav-item.fab-wrap span{color:var(--text-500);margin-top:36px;font-size:10px}.greeting{display:none}.scrim{z-index:90;opacity:0;pointer-events:none;background:#0f172a8c;transition:opacity .2s;position:fixed;inset:0}.scrim.show{opacity:1;pointer-events:auto}.toast{bottom:calc(var(--bottomnav-h) + 16px);background:var(--text-900);color:#fff;border-radius:var(--r-full);z-index:100;opacity:0;pointer-events:none;white-space:nowrap;box-shadow:var(--shadow-lg);padding:12px 18px;font-size:13px;font-weight:700;transition:all .25s;position:fixed;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.subscreen-header{height:var(--header-h);padding:0 var(--s-3);align-items:center;gap:var(--s-2);background:var(--bg);z-index:50;border-bottom:1px solid var(--border-light);display:flex;position:sticky;top:0}.back-btn{border-radius:var(--r-full);width:40px;height:40px;color:var(--text-900);place-items:center;transition:background .15s;display:grid}.back-btn:hover{background:var(--bg-soft)}.subscreen-title{font-family:var(--font-display);flex:1;font-size:17px;font-weight:700}.subscreen-action{font-family:var(--font-display);color:var(--primary-700);padding:8px 12px;font-size:14px;font-weight:700}.form-section{background:var(--bg);border-radius:var(--r-xl);padding:var(--s-4);border:1px solid var(--border-light);box-shadow:var(--shadow-xs);gap:var(--s-4);flex-direction:column;display:flex}.form-section-head{align-items:center;gap:var(--s-2);margin-bottom:var(--s-1);display:flex}.form-section-head .sec-icon{border-radius:var(--r-md);background:var(--primary-50);width:32px;height:32px;color:var(--primary-700);place-items:center;display:grid}.form-section-head h3{font-size:15px}.form-group{flex-direction:column;gap:6px;min-width:0;display:flex}.form-input{min-width:0;max-width:100%}.form-label{font-family:var(--font-display);color:var(--text-700);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.form-label .req{color:var(--accent-600);font-weight:700}.form-help{color:var(--text-500);font-size:12px;font-weight:600}.form-input{font-family:var(--font-body);color:var(--text-900);background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-md);outline:none;width:100%;padding:12px 14px;font-size:14px;font-weight:600;transition:border-color .15s,box-shadow .15s}.form-input::placeholder{color:var(--text-400);font-weight:500}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.form-row{gap:var(--s-3);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0;display:grid}.form-row>.form-group{min-width:0}input[type=date].form-input,input[type=time].form-input,input[type=datetime-local].form-input{appearance:none;box-sizing:border-box;width:100%;min-width:0;max-width:100%;display:block}input[type=date]::-webkit-date-and-time-value{text-align:left;white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;overflow:hidden}input[type=time]::-webkit-date-and-time-value{text-align:left;white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;overflow:hidden}input[type=datetime-local]::-webkit-date-and-time-value{text-align:left;white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;overflow:hidden}input[type=date]::-webkit-calendar-picker-indicator{flex-shrink:0;margin-left:4px;padding:0}input[type=time]::-webkit-calendar-picker-indicator{flex-shrink:0;margin-left:4px;padding:0}input[type=datetime-local]::-webkit-calendar-picker-indicator{flex-shrink:0;margin-left:4px;padding:0}input[type=date]::-webkit-datetime-edit{min-width:0;padding:0}input[type=time]::-webkit-datetime-edit{min-width:0;padding:0}input[type=datetime-local]::-webkit-datetime-edit{min-width:0;padding:0}.input-with-icon{position:relative}.input-with-icon svg{color:var(--text-400);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-with-icon .form-input{padding-left:38px}.input-suffix{color:var(--text-500);font-size:12px;font-weight:700;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.segmented{background:var(--bg-soft);border-radius:var(--r-md);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented.three{grid-template-columns:repeat(3,1fr)}.segmented-option{border-radius:calc(var(--r-md) - 4px);font-family:var(--font-display);color:var(--text-600);text-align:center;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;font-size:13px;font-weight:700;transition:all .18s;display:flex;position:relative}.segmented-option:hover{color:var(--text-900)}.segmented-option.active{background:var(--bg);color:var(--primary-700);box-shadow:var(--shadow-sm)}.segmented-option.disabled{color:var(--text-400);cursor:not-allowed}.segmented-option .seg-sub{color:var(--text-500);text-transform:none;font-size:10px;font-weight:600}.segmented-option.active .seg-sub{color:var(--primary-600)}.badge{border-radius:var(--r-full);letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;font-size:9px;font-weight:700;display:inline-block}.badge.soon{background:var(--yellow-50);color:#b45309;border:1px solid #fde68a}.badge.live{background:var(--accent-100);color:var(--accent-600)}.chip-group{gap:var(--s-2);flex-wrap:wrap;display:flex}.chip{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-full);font-family:var(--font-display);color:var(--text-700);padding:8px 14px;font-size:13px;font-weight:700;transition:all .15s}.chip:hover{border-color:var(--primary-200)}.chip.active{background:var(--primary-50);border-color:var(--primary);color:var(--primary-700)}.stepper{align-items:center;gap:var(--s-3);background:var(--bg-soft);border-radius:var(--r-md);width:fit-content;padding:8px;display:flex}.stepper-btn{border-radius:var(--r-md);background:var(--bg);width:36px;height:36px;color:var(--primary-700);box-shadow:var(--shadow-xs);place-items:center;font-size:18px;font-weight:800;transition:all .15s;display:grid}.stepper-btn:hover{background:var(--primary-50)}.stepper-btn:disabled{color:var(--text-300);cursor:not-allowed;box-shadow:none}.stepper-value{text-align:center;min-width:40px;font-family:var(--font-display);color:var(--text-900);font-size:18px;font-weight:700}.toggle-row{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.toggle-info{flex:1}.toggle-info .form-label{margin-bottom:2px}.toggle{background:var(--text-300);border-radius:var(--r-full);flex-shrink:0;width:48px;height:28px;transition:background .2s;position:relative}.toggle:after{content:"";border-radius:var(--r-full);width:22px;height:22px;box-shadow:var(--shadow-sm);background:#fff;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle.on{background:var(--primary)}.toggle.on:after{transform:translate(20px)}.sticky-footer{width:100%;max-width:var(--app-max);padding:var(--s-3) var(--s-4) calc(var(--s-3) + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg, #fff9 0%, var(--bg) 30%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:45;border-top:1px solid var(--border-light);position:fixed;bottom:0;left:50%;transform:translate(-50%)}.btn-primary-lg{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-600) 100%);color:#fff;width:100%;font-family:var(--font-display);border-radius:var(--r-lg);box-shadow:var(--shadow-fab);justify-content:center;align-items:center;gap:var(--s-2);padding:16px;font-size:16px;font-weight:700;transition:transform .1s;display:flex}.btn-primary-lg:active{transform:scale(.98)}.btn-primary-lg.loading{opacity:.7;pointer-events:none}.btn-primary-lg.disabled{background:var(--bg-canvas);color:var(--text-400);box-shadow:none}.app-content.with-footer{padding-bottom:96px}.app-content.subscreen{padding-top:var(--s-4)}.wizard-progress{margin-bottom:var(--s-2)}.wizard-progress-meta{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.wizard-step-label{font-family:var(--font-display);color:var(--text-500);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:700}.wizard-step-title{font-family:var(--font-display);color:var(--text-900);margin-top:2px;margin-bottom:var(--s-3);font-size:22px;font-weight:700}.wizard-progress-track{background:var(--bg-canvas);border-radius:var(--r-full);gap:4px;height:4px;display:flex;overflow:hidden}.wizard-progress-segment{background:var(--border);border-radius:var(--r-full);flex:1;transition:background .3s}.wizard-progress-segment.done{background:var(--primary)}.wizard-progress-segment.current{background:linear-gradient(90deg, var(--primary), var(--primary-200))}.wizard-step{gap:var(--s-4);flex-direction:column;animation:.28s fadeSlide;display:none}.wizard-step.active{display:flex}@keyframes fadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sticky-footer.dual{gap:var(--s-3);display:flex}.sticky-footer.dual .btn-secondary-lg{flex:none;min-width:100px}.sticky-footer.dual .btn-primary-lg{flex:1}.btn-secondary-lg{background:var(--bg);color:var(--text-700);border:1.5px solid var(--border);font-family:var(--font-display);border-radius:var(--r-lg);justify-content:center;align-items:center;gap:var(--s-2);padding:16px;font-size:15px;font-weight:700;transition:all .15s;display:flex}.btn-secondary-lg:hover{background:var(--bg-soft)}.review-card{background:var(--bg);border-radius:var(--r-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-xs);overflow:hidden}.review-section{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-start;gap:var(--s-3);display:flex}.review-section:last-child{border-bottom:none}.review-info{flex:1;min-width:0}.review-label{font-family:var(--font-display);color:var(--text-500);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:11px;font-weight:700}.review-value{font-family:var(--font-display);color:var(--text-900);word-break:break-word;font-size:14px;font-weight:700}.review-value-list{flex-direction:column;gap:2px;display:flex}.review-value-list span{color:var(--text-700);font-size:13px;font-weight:600}.review-edit{font-family:var(--font-display);color:var(--primary-700);flex-shrink:0;font-size:12px;font-weight:700}.map-preview{background:var(--primary-50);border-radius:var(--r-md);border:1px dashed var(--primary-200);color:var(--primary-700);word-break:break-all;align-items:center;gap:8px;margin-top:8px;padding:10px 12px;font-size:12px;font-weight:700;display:flex}.map-preview svg{color:var(--primary-600);flex-shrink:0}.hero-session{border-radius:var(--r-2xl);padding:var(--s-5);color:#fff;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#14b8a6 0%,#0ea5e9 60%,#fb7185 130%);position:relative;overflow:hidden}.hero-session:before{content:"";background:radial-gradient(circle,#ffffff26,#0000 70%);width:220px;height:220px;position:absolute;top:-80px;right:-60px}.hero-session:after{content:"";background:radial-gradient(circle,#facc1540,#0000 70%);width:160px;height:160px;position:absolute;bottom:-50px;left:-30px}.hero-session>*{z-index:1;position:relative}.status-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--r-full);letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--s-3);background:#ffffff38;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:800;display:inline-flex}.status-pill .status-dot{border-radius:var(--r-full);background:#fff;width:8px;height:8px}.status-pill.live .status-dot{background:#facc15;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.hero-title{font-family:var(--font-display);margin-bottom:var(--s-2);font-size:24px;font-weight:700;line-height:1.15}.hero-meta{margin-bottom:var(--s-4);flex-direction:column;gap:6px;display:flex}.hero-meta-row{opacity:.95;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.hero-meta-row svg{opacity:.85;flex-shrink:0}.hero-meta-row a{text-underline-offset:2px;font-weight:700;text-decoration:underline}.hero-format-chips{flex-wrap:wrap;gap:6px;display:flex}.format-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--r-full);letter-spacing:.02em;background:#ffffff38;padding:5px 10px;font-size:11px;font-weight:700}.player-list{gap:var(--s-2);flex-direction:column;display:flex}.player-list-item{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--r-lg);padding:var(--s-3);align-items:center;gap:var(--s-3);transition:all .15s;display:flex}.player-list-item:hover{box-shadow:var(--shadow-xs);border-color:var(--primary-200)}.player-avatar-lg{border-radius:var(--r-full);color:#fff;width:44px;height:44px;font-family:var(--font-display);flex-shrink:0;place-items:center;font-size:16px;font-weight:700;display:grid;position:relative}.player-avatar-lg.host{background:linear-gradient(135deg,#fb7185,#f43f5e)}.player-avatar-lg.cohost{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.player-avatar-lg.member-1{background:linear-gradient(135deg,#06b6d4,#0ea5e9)}.player-avatar-lg.member-2{background:linear-gradient(135deg,#facc15,#f59e0b)}.player-avatar-lg.member-3{background:linear-gradient(135deg,#84cc16,#65a30d)}.player-avatar-lg.guest{background:var(--bg-canvas);color:var(--text-500);border:2px dashed var(--text-300)}.player-info{flex:1;min-width:0}.player-name{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;margin-bottom:2px;font-size:14px;font-weight:700;display:flex;overflow:hidden}.role-badge{border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700;font-family:var(--font-display);align-items:center;gap:3px;padding:2px 8px;display:inline-flex}.role-badge.host{background:var(--accent-100);color:var(--accent-600)}.role-badge.cohost{color:#6d28d9;background:#ede9fe}.role-badge.guest{background:var(--bg-canvas);color:var(--text-500)}.player-meta-row{color:var(--text-500);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.tier-badge{border-radius:var(--r-full);font-size:10px;font-weight:800;font-family:var(--font-display);letter-spacing:.02em;align-items:center;gap:3px;padding:2px 7px;display:inline-flex}.tier-badge.rookie{color:var(--tier-rookie);background:#f1f5f9}.tier-badge.intermediate{color:#4d7c0f;background:#ecfccb}.tier-badge.advanced{color:#0e7490;background:#cffafe}.tier-badge.pro{color:#6d28d9;background:#ede9fe}.tier-badge.elite{color:#be185d;background:#fce7f3}.tier-badge.master{color:#b45309;background:linear-gradient(135deg,#fef3c7,#fed7aa)}.player-action{border-radius:var(--r-full);width:32px;height:32px;color:var(--text-400);place-items:center;transition:all .15s;display:grid}.player-action:hover{background:var(--bg-soft);color:var(--text-700)}.add-player-btn{background:var(--bg-soft);border:1.5px dashed var(--border);border-radius:var(--r-lg);padding:var(--s-3);align-items:center;gap:var(--s-3);width:100%;font-family:var(--font-display);color:var(--primary-700);font-size:14px;font-weight:700;transition:all .15s;display:flex}.add-player-btn:hover{border-color:var(--primary);background:var(--primary-50)}.add-player-btn .plus-circle{border-radius:var(--r-full);background:var(--primary-100);width:36px;height:36px;color:var(--primary-700);place-items:center;display:grid}.add-player-btn .plus-text{text-align:left;flex:1}.info-row-list{gap:var(--s-2);flex-direction:column;display:flex}.info-row{align-items:center;gap:var(--s-3);padding:var(--s-3);background:var(--bg);border:1px solid var(--border-light);border-radius:var(--r-md);display:flex}.info-row .ir-icon{border-radius:var(--r-md);flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.info-row .ir-icon.teal{background:var(--primary-50);color:var(--primary-700)}.info-row .ir-icon.coral{background:var(--accent-100);color:var(--accent-600)}.info-row .ir-icon.yellow{background:var(--yellow-50);color:#b45309}.info-row .ir-icon.purple{color:#6d28d9;background:#ede9fe}.info-row .ir-info{flex:1}.info-row .ir-label{color:var(--text-500);text-transform:uppercase;letter-spacing:.04em;margin-bottom:1px;font-size:11px;font-weight:800}.info-row .ir-value{font-family:var(--font-display);color:var(--text-900);font-size:14px;font-weight:700}.empty-state{background:var(--bg);border:1.5px dashed var(--border);border-radius:var(--r-xl);padding:var(--s-6);text-align:center;align-items:center;gap:var(--s-2);flex-direction:column;display:flex}.empty-state-icon{border-radius:var(--r-full);background:var(--primary-50);width:56px;height:56px;color:var(--primary-700);margin-bottom:var(--s-2);place-items:center;display:grid}.empty-state-title{font-family:var(--font-display);color:var(--text-900);font-size:16px;font-weight:700}.empty-state-text{color:var(--text-500);max-width:280px;font-size:13px;font-weight:600}.danger-link{padding:var(--s-3);font-family:var(--font-display);color:var(--danger);border-radius:var(--r-md);background:0 0;justify-content:center;align-items:center;gap:8px;width:100%;font-size:13px;font-weight:700;transition:background .15s;display:flex}.danger-link:hover{background:#ef44440d}.menu-btn{border-radius:var(--r-full);width:40px;height:40px;color:var(--text-700);place-items:center;transition:background .15s;display:grid}.menu-btn:hover{background:var(--bg-soft)}.court-tabs{gap:var(--s-2);background:var(--bg);padding:var(--s-2);border-radius:var(--r-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-xs);display:flex}.court-tab{border-radius:var(--r-md);font-family:var(--font-display);color:var(--text-500);flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:700;transition:all .18s;display:flex;position:relative}.court-tab:hover{color:var(--text-700)}.court-tab.active{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-600) 100%);color:#fff;box-shadow:var(--shadow-sm)}.court-tab .tab-status{border-radius:var(--r-full);background:var(--success);width:6px;height:6px}.court-tab.active .tab-status{background:#fff;animation:1.5s ease-in-out infinite pulse}.status-strip{background:var(--bg);border-radius:var(--r-md);border:1px solid var(--border-light);color:var(--text-700);justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.status-strip-left,.status-strip-right{align-items:center;gap:8px;display:flex}.live-pill{background:var(--accent-100);color:var(--accent-600);border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:5px;padding:3px 9px;font-size:10px;font-weight:800;display:inline-flex}.live-pill .live-dot{border-radius:var(--r-full);background:var(--accent-600);width:6px;height:6px;animation:1.2s ease-in-out infinite pulse}.padel-court{border-radius:var(--r-xl);aspect-ratio:1/1.15;box-shadow:var(--shadow-md);background:linear-gradient(#14b8a6 0%,#0ea5e9 50%,#14b8a6 100%);padding:12px;position:relative;overflow:hidden}.padel-court:before{content:"";border-radius:var(--r-lg);pointer-events:none;border:2.5px solid #ffffffd9;position:absolute;inset:14px}.padel-court:after{content:"";pointer-events:none;border-top:1.5px dashed #ffffff80;position:absolute;top:32%;left:14px;right:14px}.court-mid-line{border-top:1.5px dashed #ffffff80;position:absolute;top:68%;left:14px;right:14px}.court-net{z-index:2;justify-content:center;align-items:center;height:22px;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.court-net:before{content:"";pointer-events:none;background:linear-gradient(#0000 30%,#ffffffd9 50%,#0000 70%),repeating-linear-gradient(90deg,#ffffff8c 0 4px,#0000 4px 8px);position:absolute;inset:0}.court-net-label{color:var(--primary-700);border-radius:var(--r-full);font-family:var(--font-display);letter-spacing:.12em;box-shadow:var(--shadow-sm);z-index:2;background:#fff;padding:2px 12px;font-size:10px;font-weight:800;position:relative}.court-team{justify-content:center;gap:0;height:50%;padding:0 30px;display:flex;position:absolute;left:0;right:0}.court-team.top{align-items:flex-start;padding-top:24px;top:0}.court-team.bottom{align-items:flex-end;padding-bottom:24px;bottom:0}.court-team-positions{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.court-player{z-index:1;flex-direction:column;align-items:center;gap:4px;display:flex}.court-player .cp-avatar{border-radius:var(--r-full);width:48px;height:48px;color:var(--primary-700);font-family:var(--font-display);background:#fff;place-items:center;font-size:17px;font-weight:800;display:grid;position:relative;box-shadow:0 4px 12px #0000002e,0 0 0 3px #ffffff59}.court-player.team-1 .cp-avatar{color:var(--accent-600)}.court-player.team-2 .cp-avatar{color:var(--primary-700)}.court-player .cp-name{font-family:var(--font-display);color:#fff;text-shadow:0 1px 3px #0000004d;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-size:11px;font-weight:800;overflow:hidden}.court-player .cp-tier{color:#fff;border-radius:var(--r-full);letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000002e;padding:1px 6px;font-size:9px;font-weight:800}.court-score-overlay{z-index:3;font-family:var(--font-display);color:#fff;text-shadow:0 2px 12px #0000004d;letter-spacing:-.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--r-md);background:#0000002e;border:1px solid #ffffff40;padding:4px 14px;font-size:38px;font-weight:800;line-height:1;position:absolute;left:50%;transform:translate(-50%)}.court-score-overlay.top{top:36%}.court-score-overlay.bottom{bottom:36%}.scoreboard{border-radius:var(--r-xl);padding:var(--s-4);color:#fff;gap:var(--s-3);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:relative;overflow:hidden}.scoreboard:before{content:"";background:radial-gradient(circle at 100% 0,#14b8a626,#0000 60%);position:absolute;inset:0}.sb-team{z-index:1;position:relative}.sb-team-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;opacity:.7;margin-bottom:4px;font-size:10px;font-weight:700}.sb-team-names{font-family:var(--font-display);opacity:.9;margin-bottom:8px;font-size:13px;font-weight:700;line-height:1.2}.sb-team.right .sb-team-label,.sb-team.right .sb-team-names{text-align:right}.sb-score{font-family:var(--font-display);letter-spacing:-.03em;background:linear-gradient(#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:56px;font-weight:800;line-height:1;transition:transform .18s}.sb-score.bump{transform:scale(1.18)}.sb-team.right{text-align:right}.sb-team.right .sb-score{text-align:right;display:block}.sb-vs{z-index:1;font-family:var(--font-display);opacity:.4;font-size:18px;font-weight:800;position:relative}.tap-zones{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.tap-zone{padding:var(--s-4) var(--s-3);border-radius:var(--r-xl);align-items:center;gap:var(--s-2);border:2px solid #0000;flex-direction:column;transition:transform .1s;display:flex;position:relative;overflow:hidden}.tap-zone:active{transform:scale(.97)}.tap-zone.team-1{background:linear-gradient(135deg, var(--accent-100) 0%, var(--accent-50) 100%);border-color:var(--accent-100)}.tap-zone.team-1:hover{border-color:var(--accent)}.tap-zone.team-2{background:linear-gradient(135deg, var(--primary-100) 0%, var(--primary-50) 100%);border-color:var(--primary-100)}.tap-zone.team-2:hover{border-color:var(--primary)}.tap-zone-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;opacity:.8;font-size:11px;font-weight:700}.tap-zone.team-1 .tap-zone-label{color:var(--accent-600)}.tap-zone.team-2 .tap-zone-label{color:var(--primary-700)}.tap-zone-plus{font-family:var(--font-display);font-size:32px;font-weight:800;line-height:1}.tap-zone.team-1 .tap-zone-plus{color:var(--accent-600)}.tap-zone.team-2 .tap-zone-plus{color:var(--primary-700)}.tap-zone-sub{opacity:.7;font-size:11px;font-weight:700}.score-adjust-row{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.score-adjust-btn{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-md);font-family:var(--font-display);color:var(--text-700);justify-content:center;align-items:center;gap:6px;padding:10px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.score-adjust-btn:hover{background:var(--bg-soft);border-color:var(--text-400)}.score-adjust-btn:active{transform:scale(.97)}.match-nav{padding:10px var(--s-3);background:var(--bg);border-radius:var(--r-md);border:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.match-nav-btn{border-radius:var(--r-full);width:36px;height:36px;color:var(--primary-700);background:var(--primary-50);place-items:center;transition:all .15s;display:grid}.match-nav-btn:hover{background:var(--primary-100)}.match-nav-btn:disabled{color:var(--text-300);background:var(--bg-soft);cursor:not-allowed}.match-nav-info{text-align:center;font-family:var(--font-display);font-weight:700}.match-nav-info .mn-title{color:var(--text-900);font-size:14px}.match-nav-info .mn-sub{color:var(--text-500);margin-top:2px;font-size:11px}.readonly-banner{background:var(--yellow-50);border-radius:var(--r-md);color:#b45309;border:1px solid #fde68a;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:700;display:flex}.leaderboard-tabs{background:var(--bg-soft);border-radius:var(--r-md);gap:4px;padding:4px;display:flex}.lb-tab{border-radius:calc(var(--r-md) - 4px);font-family:var(--font-display);color:var(--text-600);flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 8px;font-size:12px;font-weight:700;transition:all .18s;display:flex}.lb-tab:hover{color:var(--text-900)}.lb-tab.active{background:var(--bg);color:var(--primary-700);box-shadow:var(--shadow-sm)}.lb-tab .lb-tab-sub{color:var(--text-500);text-transform:none;font-size:10px;font-weight:600}.lb-tab.active .lb-tab-sub{color:var(--primary-600)}.leaderboard-list{gap:var(--s-2);flex-direction:column;display:flex}.lb-item{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--r-lg);padding:var(--s-3);align-items:center;gap:var(--s-3);transition:all .15s;display:flex;position:relative}.lb-item:hover{box-shadow:var(--shadow-xs);border-color:var(--primary-200)}.lb-item.top-1{background:linear-gradient(135deg,#fef3c7 0%,#fed7aa 100%);border-color:#f59e0b;box-shadow:0 4px 14px #f59e0b2e}.lb-item.top-2{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border-color:#cbd5e1}.lb-item.top-3{background:linear-gradient(135deg,#fed7aa 0%,#fdba74 100%);border-color:#fb923c}.lb-item.is-me{border-color:var(--primary);background:var(--primary-50);border-width:2px}.lb-item.is-me:after{content:"YOU";background:var(--primary);color:#fff;border-radius:var(--r-full);letter-spacing:.06em;padding:2px 8px;font-size:9px;font-weight:800;position:absolute;top:-7px;right:14px}.lb-rank{width:36px;font-family:var(--font-display);color:var(--text-500);flex-shrink:0;justify-content:center;align-items:center;font-size:17px;font-weight:800;display:flex}.lb-rank.medal{font-size:24px}.lb-avatar{border-radius:var(--r-full);color:#fff;width:42px;height:42px;font-family:var(--font-display);flex-shrink:0;place-items:center;font-size:15px;font-weight:800;display:grid}.lb-avatar.host{background:linear-gradient(135deg,#fb7185,#f43f5e)}.lb-avatar.cohost{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.lb-avatar.member-1{background:linear-gradient(135deg,#06b6d4,#0ea5e9)}.lb-avatar.member-2{background:linear-gradient(135deg,#facc15,#f59e0b)}.lb-avatar.member-3{background:linear-gradient(135deg,#84cc16,#65a30d)}.lb-avatar.guest{background:var(--bg-canvas);color:var(--text-500);border:2px dashed var(--text-300)}.lb-info{flex:1;min-width:0}.lb-name{font-family:var(--font-display);color:var(--text-900);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;margin-bottom:2px;font-size:14px;font-weight:800;display:flex;overflow:hidden}.lb-name .role-badge{flex-shrink:0}.lb-meta{color:var(--text-500);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.lb-stats{align-items:center;gap:var(--s-3);flex-shrink:0;display:flex}.lb-stat{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.lb-stat .lb-stat-value{font-family:var(--font-display);color:var(--text-900);font-size:16px;font-weight:800;line-height:1}.lb-stat .lb-stat-label{color:var(--text-500);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:9px;font-weight:800}.lb-stat.primary .lb-stat-value{color:var(--primary-700);font-size:18px}.lb-stats-secondary{color:var(--text-500);gap:8px;font-size:10px;font-weight:700;display:flex}.lb-hero{border-radius:var(--r-xl);padding:var(--s-4);color:#fff;background:linear-gradient(135deg,#14b8a6 0%,#0ea5e9 100%);position:relative;overflow:hidden}.lb-hero:before{content:"";background:radial-gradient(circle,#ffffff26,#0000 70%);width:180px;height:180px;position:absolute;top:-50px;right:-40px}.lb-hero>*{z-index:1;position:relative}.lb-hero-title{font-family:var(--font-display);margin-bottom:4px;font-size:18px;font-weight:700}.lb-hero-meta{opacity:.9;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.lb-hero-stats{gap:var(--s-2);margin-top:var(--s-3);grid-template-columns:1fr 1fr 1fr;display:grid}.lb-hero-stat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--r-md);text-align:center;background:#ffffff2e;padding:8px}.lb-hero-stat-value{font-family:var(--font-display);font-size:18px;font-weight:800;line-height:1}.lb-hero-stat-label{opacity:.85;letter-spacing:.04em;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:700}.profile-hero{border-radius:var(--r-2xl);padding:var(--s-5) var(--s-4) var(--s-4);color:#fff;box-shadow:var(--shadow-md);text-align:center;background:linear-gradient(135deg,#14b8a6 0%,#0ea5e9 50%,#fb7185 130%);position:relative;overflow:hidden}.profile-hero:before{content:"";background:radial-gradient(circle,#ffffff2e,#0000 70%);width:280px;height:280px;position:absolute;top:-100px;right:-80px}.profile-hero:after{content:"";background:radial-gradient(circle,#facc1540,#0000 70%);width:200px;height:200px;position:absolute;bottom:-60px;left:-40px}.profile-hero>*{z-index:1;position:relative}.profile-avatar-big{border-radius:var(--r-full);width:108px;height:108px;margin:0 auto var(--s-3);background:conic-gradient(from -90deg,#facc15 0% 74%,#ffffff40 74% 100%);padding:5px;position:relative}.profile-avatar-big-inner{border-radius:var(--r-full);color:#fff;width:100%;height:100%;font-family:var(--font-display);background:linear-gradient(135deg,#fb7185,#f43f5e);border:3px solid #fff;place-items:center;font-size:38px;font-weight:800;display:grid}.profile-avatar-tier-pill{color:var(--text-900);border-radius:var(--r-full);font-family:var(--font-display);box-shadow:var(--shadow-sm);white-space:nowrap;background:#fff;padding:4px 10px;font-size:11px;font-weight:800;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.profile-name{font-family:var(--font-display);margin-bottom:2px;margin-top:var(--s-3);font-size:22px;font-weight:700;line-height:1.2}.profile-handle{opacity:.85;margin-bottom:var(--s-3);font-size:12px;font-weight:700}.profile-handle .dot{opacity:.6;margin:0 4px}.profile-quick-stats{gap:var(--s-2);margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid #fff3;grid-template-columns:1fr 1fr 1fr;display:grid}.pqs-item{text-align:center}.pqs-value{font-family:var(--font-display);font-size:22px;font-weight:800;line-height:1}.pqs-label{opacity:.85;text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:10px;font-weight:700}.tier-progress-card{background:var(--bg);border-radius:var(--r-xl);padding:var(--s-4);border:1px solid var(--border-light);box-shadow:var(--shadow-xs)}.tpc-head{margin-bottom:var(--s-3);justify-content:space-between;align-items:center;display:flex}.tpc-current{align-items:center;gap:var(--s-2);display:flex}.tpc-current .tier-emoji{font-size:28px}.tpc-tier-info .tier-now{font-family:var(--font-display);font-size:16px;font-weight:800;line-height:1}.tpc-tier-info .tier-pts{color:var(--text-500);margin-top:2px;font-size:11px;font-weight:700}.tpc-next{text-align:right;color:var(--text-500);font-size:11px;font-weight:700}.tpc-next .tier-emoji-sm{font-size:18px}.tpc-bar{background:var(--bg-canvas);border-radius:var(--r-full);height:10px;margin-bottom:var(--s-3);position:relative;overflow:hidden}.tpc-bar-fill{background:linear-gradient(90deg, var(--tier-intermediate), var(--tier-advanced));border-radius:var(--r-full);height:100%;transition:width .6s;position:relative}.tpc-bar-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);animation:2s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.tpc-checkpoints{justify-content:space-between;align-items:center;display:flex}.tpc-cp{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex;position:relative}.tpc-cp-icon{border-radius:var(--r-full);background:var(--bg-canvas);border:2px solid var(--border);place-items:center;width:22px;height:22px;font-size:12px;display:grid}.tpc-cp.done .tpc-cp-icon{background:var(--success);border-color:var(--success);color:#fff}.tpc-cp.current .tpc-cp-icon{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 0 3px var(--primary-100)}.tpc-cp-label{color:var(--text-500);text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:700}.tpc-cp.current .tpc-cp-label,.tpc-cp.done .tpc-cp-label{color:var(--text-900)}.profile-stats-grid{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.achievement-grid{gap:var(--s-2);grid-template-columns:repeat(4,1fr);display:grid}.achievement-badge{background:var(--bg);border-radius:var(--r-md);text-align:center;border:1px solid var(--border-light);cursor:pointer;padding:12px 8px;transition:all .15s}.achievement-badge:hover{box-shadow:var(--shadow-sm);border-color:var(--primary-200);transform:translateY(-2px)}.achievement-badge.locked{opacity:.5;background:var(--bg-soft)}.achievement-icon{border-radius:var(--r-full);place-items:center;width:36px;height:36px;margin:0 auto 6px;font-size:18px;display:grid}.achievement-badge.unlocked .achievement-icon{background:linear-gradient(135deg,#fef3c7,#fb923c)}.achievement-badge.locked .achievement-icon{background:var(--bg-canvas);filter:grayscale()}.achievement-name{font-family:var(--font-display);color:var(--text-900);font-size:10px;font-weight:700;line-height:1.2}.settings-list{background:var(--bg);border-radius:var(--r-lg);border:1px solid var(--border-light);overflow:hidden}.settings-item{align-items:center;gap:var(--s-3);padding:14px var(--s-4);border-bottom:1px solid var(--border-light);text-align:left;background:0 0;width:100%;transition:background .15s;display:flex}.settings-item:last-child{border-bottom:none}.settings-item:hover{background:var(--bg-soft)}.settings-item-icon{border-radius:var(--r-md);flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.settings-item-icon.teal{background:var(--primary-50);color:var(--primary-700)}.settings-item-icon.coral{background:var(--accent-100);color:var(--accent-600)}.settings-item-icon.purple{color:#6d28d9;background:#ede9fe}.settings-item-icon.gray{background:var(--bg-canvas);color:var(--text-600)}.settings-item-icon.danger{color:var(--danger);background:#fef2f2}.settings-item-text{font-family:var(--font-display);color:var(--text-900);flex:1;font-size:14px;font-weight:700}.settings-item-text small{font-family:var(--font-body);color:var(--text-500);margin-top:2px;font-size:11px;font-weight:600;display:block}.settings-item-arrow{color:var(--text-400)}.settings-item.danger .settings-item-text{color:var(--danger)}.action-card{background:linear-gradient(135deg, var(--primary-50) 0%, var(--accent-50) 100%);border-radius:var(--r-xl);padding:var(--s-4);align-items:center;gap:var(--s-3);border:1px solid var(--primary-100);text-align:left;width:100%;transition:all .15s;display:flex}.action-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-card-icon{border-radius:var(--r-md);background:linear-gradient(135deg, var(--primary), var(--primary-600));color:#fff;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.action-card.coral .action-card-icon{background:linear-gradient(135deg, var(--accent), var(--accent-600))}.action-card-info{flex:1}.action-card-title{font-family:var(--font-display);color:var(--text-900);margin-bottom:2px;font-size:15px;font-weight:700}.action-card-sub{color:var(--text-600);font-size:12px;font-weight:600}.public-header{height:var(--header-h);padding:0 var(--s-4);background:var(--bg);z-index:50;border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.public-header .logo .logo-text{font-size:15px}.public-header .logo-mark{width:32px;height:32px;font-size:14px}.btn-pill{background:linear-gradient(135deg, var(--primary), var(--primary-600));color:#fff;font-family:var(--font-display);border-radius:var(--r-full);box-shadow:var(--shadow-sm);align-items:center;gap:4px;padding:8px 14px;font-size:12px;font-weight:700;transition:transform .1s;display:inline-flex}.btn-pill:active{transform:scale(.97)}.live-hero{color:#fff;padding:var(--s-4);border-radius:var(--r-xl);background:linear-gradient(135deg,#14b8a6 0%,#0ea5e9 100%);position:relative;overflow:hidden}.live-hero:before{content:"";background:radial-gradient(circle,#ffffff2e,#0000 70%);width:200px;height:200px;position:absolute;top:-60px;right:-50px}.live-hero>*{z-index:1;position:relative}.live-hero-status{margin-bottom:var(--s-3);align-items:center;gap:8px;display:flex}.live-hero-title{font-family:var(--font-display);margin-bottom:var(--s-2);font-size:20px;font-weight:700;line-height:1.2}.live-hero-meta{opacity:.95;flex-direction:column;gap:4px;font-size:12px;font-weight:700;display:flex}.live-hero-meta-row{align-items:center;gap:6px;display:flex}.live-court-card{background:var(--bg);border-radius:var(--r-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);overflow:hidden}.live-court-head{padding:12px var(--s-4);border-bottom:1px solid var(--border-light);background:var(--bg-soft);justify-content:space-between;align-items:center;display:flex}.live-court-head-left{font-family:var(--font-display);color:var(--text-900);align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.live-court-head-time{color:var(--text-500);font-size:11px;font-weight:700}.live-court-body{padding:var(--s-4)}.padel-court.mini{aspect-ratio:1/.85;padding:10px}.padel-court.mini .court-team{padding:0 18px}.padel-court.mini .court-team.top{padding-top:16px}.padel-court.mini .court-team.bottom{padding-bottom:16px}.padel-court.mini .court-player .cp-avatar{width:36px;height:36px;font-size:13px}.padel-court.mini .court-player .cp-name{max-width:60px;font-size:9px}.padel-court.mini .court-player .cp-tier{padding:1px 4px;font-size:8px}.padel-court.mini .court-score-overlay{padding:3px 10px;font-size:28px}.padel-court.mini .court-score-overlay.top{top:34%}.padel-court.mini .court-score-overlay.bottom{bottom:34%}.padel-court.mini .court-net-label{padding:1px 8px;font-size:8px}.live-team-strip{gap:var(--s-2);margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px dashed var(--border);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.live-team-strip .lts-team{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.live-team-strip .lts-team.right{justify-content:flex-end}.live-team-strip .lts-name{font-family:var(--font-display);color:var(--text-900);font-size:12px;font-weight:700}.live-team-strip .lts-vs{font-family:var(--font-display);color:var(--text-400);font-size:14px;font-weight:800}.top3-preview{flex-direction:column;gap:8px;display:flex}.top3-item{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--r-md);padding:10px var(--s-3);align-items:center;gap:10px;display:flex}.top3-rank{text-align:center;width:28px;font-family:var(--font-display);font-size:18px;font-weight:800}.top3-avatar{border-radius:var(--r-full);color:#fff;width:32px;height:32px;font-family:var(--font-display);flex-shrink:0;place-items:center;font-size:12px;font-weight:800;display:grid}.top3-info{flex:1;min-width:0}.top3-name{font-family:var(--font-display);color:var(--text-900);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.top3-tier{color:var(--text-500);font-size:10px;font-weight:700}.top3-points{font-family:var(--font-display);color:var(--primary-700);font-size:14px;font-weight:800}.install-banner{border-radius:var(--r-2xl);padding:var(--s-5) var(--s-4);color:#fff;text-align:center;background:linear-gradient(135deg,#fb7185 0%,#facc15 100%);position:relative;overflow:hidden}.install-banner:before{content:"";background:radial-gradient(circle,#ffffff2e,#0000 70%);width:240px;height:240px;position:absolute;top:-80px;left:-50px}.install-banner>*{z-index:1;position:relative}.install-banner-emoji{margin-bottom:8px;font-size:38px}.install-banner-title{font-family:var(--font-display);margin-bottom:6px;font-size:18px;font-weight:700;line-height:1.3}.install-banner-sub{opacity:.95;margin-bottom:var(--s-4);font-size:13px;font-weight:600;line-height:1.4}.install-banner-cta{color:var(--accent-600);font-family:var(--font-display);border-radius:var(--r-full);box-shadow:var(--shadow-md);background:#fff;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:800;transition:transform .1s;display:inline-flex}.install-banner-cta:active{transform:scale(.97)}.public-footer{text-align:center;padding:var(--s-4);color:var(--text-400);letter-spacing:.04em;font-size:11px;font-weight:700}.list-tabs{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.list-tabs::-webkit-scrollbar{display:none}.list-tab{border-radius:var(--r-full);background:var(--bg);color:var(--text-600);font-family:var(--font-display);white-space:nowrap;border:1.5px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.list-tab:hover{color:var(--text-900);border-color:var(--text-300)}.list-tab.active{background:linear-gradient(135deg, var(--primary), var(--primary-600));color:#fff;border-color:var(--primary-600);box-shadow:var(--shadow-sm)}.tab-count{background:var(--bg-canvas);color:var(--text-600);border-radius:var(--r-full);font-size:11px;font-weight:800;font-family:var(--font-body);text-align:center;min-width:22px;padding:1px 8px}.list-tab.active .tab-count{color:#fff;background:#ffffff47}.tab-content{display:none}.tab-content.active{gap:var(--s-3);flex-direction:column;animation:.25s fadeSlide;display:flex}.session-list{gap:var(--s-2);flex-direction:column;display:flex}.session-list-item{gap:var(--s-3);background:var(--bg);border:1px solid var(--border-light);border-radius:var(--r-lg);padding:var(--s-3);color:inherit;text-decoration:none;transition:all .15s;display:flex}.session-list-item:hover{border-color:var(--primary-200);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.session-list-item.live{border-color:var(--accent);background:linear-gradient(135deg, var(--accent-50) 0%, var(--bg) 100%);border-width:1.5px}.session-date-block{background:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--r-md);text-align:center;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:56px;padding:6px 4px;display:flex}.session-list-item.live .session-date-block{background:linear-gradient(135deg, var(--accent), var(--accent-600));border-color:var(--accent-600);color:#fff}.session-list-item.past .session-date-block{background:var(--bg-canvas);border-color:var(--border)}.sd-day{font-family:var(--font-display);color:var(--primary-700);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:800;line-height:1}.sd-num{font-family:var(--font-display);color:var(--primary-700);margin:4px 0;font-size:24px;font-weight:800;line-height:1}.sd-month{font-family:var(--font-display);color:var(--text-500);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:800;line-height:1}.session-list-item.live .sd-day,.session-list-item.live .sd-num,.session-list-item.live .sd-month{color:#fff}.session-list-item.past .sd-day,.session-list-item.past .sd-num,.session-list-item.past .sd-month{color:var(--text-500)}.session-info{flex:1;min-width:0}.session-info-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.session-info-title{font-family:var(--font-display);color:var(--text-900);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:800;line-height:1.25;overflow:hidden}.session-info-row{color:var(--text-500);align-items:center;gap:5px;margin-top:2px;font-size:11px;font-weight:700;display:flex}.session-info-row svg{opacity:.6;flex-shrink:0}.session-tags-row{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.format-chip-sm{background:var(--primary-50);color:var(--primary-700);border-radius:var(--r-full);letter-spacing:.02em;padding:2px 8px;font-size:10px;font-weight:800}.format-chip-sm.coral{background:var(--accent-100);color:var(--accent-600)}.format-chip-sm.gray{background:var(--bg-canvas);color:var(--text-600)}.session-foot{border-top:1px dashed var(--border);justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding-top:8px;display:flex}.session-players-mini{align-items:center;display:flex}.session-players-mini .player-avatar{border:2px solid var(--bg);width:22px;height:22px;margin-left:-6px;font-size:9px}.session-players-mini .player-avatar:first-child{margin-left:0}.session-players-mini-count{color:var(--text-500);margin-left:8px;font-size:11px;font-weight:700}.session-result{font-family:var(--font-display);align-items:center;gap:4px;font-size:13px;font-weight:800;display:flex}.session-result.win{color:var(--success)}.session-result.loss{color:var(--accent-600)}.session-result.draw{color:var(--text-600)}.session-points-tag{background:var(--primary-100);color:var(--primary-700);border-radius:var(--r-full);font-size:11px;font-weight:800;font-family:var(--font-display);padding:2px 8px}.session-points-tag.win{color:var(--success);background:#dcfce7}.session-points-tag.loss{background:var(--accent-100);color:var(--accent-600)}.session-status-pill{border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-size:9px;font-weight:800;display:inline-flex}.session-status-pill.upcoming{background:var(--primary-100);color:var(--primary-700)}.session-status-pill.live{background:var(--accent);color:#fff}.session-status-pill.live .live-dot{border-radius:var(--r-full);background:#fff;width:5px;height:5px;animation:1.2s ease-in-out infinite pulse}.session-status-pill.completed{background:var(--bg-canvas);color:var(--text-600)}.global-lb-hero{border-radius:var(--r-2xl);padding:var(--s-5) var(--s-4) var(--s-4);color:#fff;background:linear-gradient(135deg,#14b8a6 0%,#0ea5e9 50%,#8b5cf6 130%);position:relative;overflow:hidden}.global-lb-hero:before{content:"";background:radial-gradient(circle,#facc1540,#0000 70%);width:220px;height:220px;position:absolute;top:-70px;right:-50px}.global-lb-hero:after{content:"";background:radial-gradient(circle,#fb718540,#0000 70%);width:180px;height:180px;position:absolute;bottom:-50px;left:-30px}.global-lb-hero>*{z-index:1;position:relative}.glb-trophy{margin-bottom:8px;font-size:36px}.glb-title{font-family:var(--font-display);margin-bottom:2px;font-size:22px;font-weight:700;line-height:1.2}.glb-sub{opacity:.9;margin-bottom:var(--s-3);font-size:12px;font-weight:700}.your-position{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--r-lg);padding:var(--s-3);align-items:center;gap:var(--s-3);margin-top:var(--s-3);background:#ffffff2e;border:1px solid #ffffff40;display:flex}.your-position-rank{font-family:var(--font-display);letter-spacing:-.02em;flex-shrink:0;font-size:28px;font-weight:800;line-height:1}.your-position-info{flex:1;min-width:0}.your-position-label{text-transform:uppercase;letter-spacing:.06em;opacity:.85;margin-bottom:2px;font-size:10px;font-weight:800}.your-position-name{font-family:var(--font-display);font-size:14px;font-weight:700}.your-position-meta{opacity:.85;align-items:center;gap:4px;margin-top:2px;font-size:11px;font-weight:700;display:flex}.your-position-trend{border-radius:var(--r-full);background:#10b98166;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-flex}.your-position-trend.down{background:#ef444466}.lb-filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dropdown-pill{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-full);font-family:var(--font-display);color:var(--text-700);align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.dropdown-pill:hover{border-color:var(--primary-200)}.dropdown-pill.disabled{opacity:.6;cursor:not-allowed}.dropdown-pill svg{color:var(--text-500)}.podium{grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:8px;display:grid}.podium-slot{background:var(--bg);border-radius:var(--r-lg);padding:var(--s-3) var(--s-2);text-align:center;border:2px solid var(--border-light);position:relative;overflow:hidden}.podium-slot.gold{padding-top:var(--s-4);background:linear-gradient(#fef3c7 0%,#fed7aa 100%);border-color:#f59e0b;box-shadow:0 6px 18px #f59e0b40}.podium-slot.silver{background:linear-gradient(#f1f5f9 0%,#e2e8f0 100%);border-color:#cbd5e1}.podium-slot.bronze{background:linear-gradient(#fed7aa 0%,#fdba74 100%);border-color:#fb923c}.podium-medal{margin-bottom:4px;font-size:28px}.podium-slot.gold .podium-medal{font-size:36px}.podium-avatar{border-radius:var(--r-full);color:#fff;width:48px;height:48px;font-family:var(--font-display);box-shadow:var(--shadow-sm);border:3px solid #fff;place-items:center;margin:0 auto 6px;font-size:17px;font-weight:800;display:grid}.podium-slot.gold .podium-avatar{width:56px;height:56px;font-size:19px}.podium-name{font-family:var(--font-display);color:var(--text-900);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:12px;font-weight:800;overflow:hidden}.podium-meta{color:var(--text-500);margin-bottom:4px;font-size:10px;font-weight:700}.podium-points{font-family:var(--font-display);color:var(--text-900);border-radius:var(--r-full);background:#fff9;align-items:center;gap:2px;padding:3px 8px;font-size:14px;font-weight:800;display:inline-flex}.podium-slot.gold .podium-points{font-size:16px}.lb-item .lb-city{color:var(--text-500);align-items:center;gap:3px;font-size:10px;font-weight:700;display:inline-flex}.lb-item .lb-city svg{opacity:.6}.auth-shell{max-width:var(--app-max);background:var(--bg);flex-direction:column;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 80px #0f172a1a}@media (min-width:421px){body{padding:16px 0}.auth-shell{border-radius:32px;min-height:calc(100vh - 32px)}}.auth-hero{padding:var(--s-6) var(--s-5);color:#fff;background:linear-gradient(#14b8a6 0%,#0ea5e9 50%,#8b5cf6 100%);flex-direction:column;flex:1;justify-content:flex-start;min-height:480px;padding-bottom:190px;display:flex;position:relative;overflow:hidden}.auth-hero:before{content:"";z-index:0;background:radial-gradient(circle,#facc154d,#0000 70%);width:280px;height:280px;position:absolute;top:-80px;right:-80px}.auth-hero:after{content:"";z-index:0;background:radial-gradient(circle,#fb71854d,#0000 70%);width:220px;height:220px;position:absolute;bottom:-50px;left:-60px}.auth-hero>*{z-index:1;position:relative}.auth-brand{margin-bottom:var(--s-6);align-items:center;gap:8px;display:flex}.auth-brand-mark{width:40px;height:40px;color:var(--primary-700);border-radius:var(--r-md);font-family:var(--font-display);box-shadow:var(--shadow-md);background:#fff;place-items:center;font-size:17px;font-weight:800;display:grid}.auth-brand-text{font-family:var(--font-display);letter-spacing:-.01em;font-size:18px;font-weight:700}.auth-hero-title{font-family:var(--font-display);margin-bottom:var(--s-3);letter-spacing:-.01em;font-size:30px;font-weight:700;line-height:1.15}.auth-hero-title .highlight{background:linear-gradient(135deg,#facc15,#fb7185);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-hero-sub{opacity:.95;margin-bottom:var(--s-5);max-width:320px;font-size:14px;font-weight:600;line-height:1.5}.auth-decoration{pointer-events:none;height:170px;position:absolute;bottom:0;left:0;right:0}.auth-mock-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--r-lg);background:#ffffff2e;border:1px solid #ffffff40;align-items:center;gap:8px;max-width:60%;padding:10px 12px;display:flex;position:absolute;box-shadow:0 8px 24px #00000026}.auth-mock-card .amc-emoji{flex-shrink:0;font-size:20px}.auth-mock-card .amc-text{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.auth-mock-card .amc-text small{font-family:var(--font-body);opacity:.85;margin-top:1px;font-size:9px;font-weight:600;display:block}.auth-mock-card.card-1{bottom:100px;left:16px;transform:rotate(-6deg)}.auth-mock-card.card-2{bottom:20px;right:16px;transform:rotate(4deg)}.auth-mock-card.card-3{margin-left:-90px;bottom:60px;left:50%;transform:rotate(-3deg)}@media (max-width:359px){.auth-mock-card.card-3{display:none}.auth-mock-card{max-width:70%}}.auth-card{background:var(--bg);padding:var(--s-5) var(--s-4) var(--s-5);z-index:2;border-top-left-radius:28px;border-top-right-radius:28px;margin-top:-32px;position:relative;box-shadow:0 -8px 32px #0f172a1a}.auth-card-title{font-family:var(--font-display);text-align:center;margin-bottom:4px;font-size:18px;font-weight:700}.auth-card-sub{color:var(--text-500);text-align:center;margin-bottom:var(--s-4);font-size:13px;font-weight:600}.auth-buttons{gap:var(--s-3);flex-direction:column;display:flex}.btn-whatsapp{color:#fff;font-family:var(--font-display);border-radius:var(--r-lg);background:#25d366;justify-content:center;align-items:center;gap:10px;padding:14px 16px;font-size:15px;font-weight:700;transition:transform .1s;display:flex;box-shadow:0 6px 20px #25d36659}.btn-whatsapp:active{transform:scale(.98)}.btn-auth-secondary{background:var(--bg);color:var(--text-900);border:1.5px solid var(--border);font-family:var(--font-display);border-radius:var(--r-lg);justify-content:center;align-items:center;gap:10px;padding:14px 16px;font-size:15px;font-weight:700;transition:all .15s;display:flex}.btn-auth-secondary:hover{background:var(--bg-soft);border-color:var(--text-300)}.btn-auth-secondary:active{transform:scale(.98)}.auth-divider{margin:var(--s-4) 0;align-items:center;gap:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-divider span{color:var(--text-500);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.auth-login-link{text-align:center;color:var(--text-700);font-size:13px;font-weight:700}.auth-login-link a{color:var(--primary-700);font-weight:800}.auth-tos{text-align:center;color:var(--text-400);margin-top:var(--s-4);font-size:11px;font-weight:600;line-height:1.5}.auth-tos a{color:var(--text-700);text-underline-offset:2px;text-decoration:underline}.round-group{margin-bottom:var(--s-4);flex-direction:column;gap:8px;display:flex}.round-group-header{padding:0 var(--s-1);justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.round-group-title{font-family:var(--font-display);color:var(--text-900);align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.round-group-status{border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-flex}.round-group-status.done{color:var(--success);background:#dcfce7}.round-group-status.live{background:var(--accent-100);color:var(--accent-600)}.round-group-status.pending{background:var(--bg-canvas);color:var(--text-500)}.round-group-progress{color:var(--text-500);font-size:11px;font-weight:700}.match-card{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--r-lg);padding:var(--s-3);align-items:center;gap:var(--s-3);cursor:pointer;color:inherit;text-decoration:none;transition:all .15s;display:flex}.match-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-xs)}.match-card.live{border-color:var(--accent);background:linear-gradient(135deg, var(--accent-50) 0%, var(--bg) 100%);border-width:1.5px}.match-card.done{background:var(--bg-soft);border-color:var(--border-light)}.match-card.pending{border-style:dashed}.mc-court-badge{background:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--r-md);text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;width:44px;padding:6px 4px;display:flex}.match-card.live .mc-court-badge{background:linear-gradient(135deg, var(--accent), var(--accent-600));border-color:var(--accent-600);color:#fff}.match-card.done .mc-court-badge{background:var(--bg-canvas);border-color:var(--border)}.mc-court-label{font-family:var(--font-display);color:var(--primary-700);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:800;line-height:1}.mc-court-num{font-family:var(--font-display);color:var(--primary-700);font-size:20px;font-weight:800;line-height:1}.match-card.live .mc-court-label,.match-card.live .mc-court-num{color:#fff}.match-card.done .mc-court-label,.match-card.done .mc-court-num{color:var(--text-500)}.mc-info{flex:1;min-width:0}.mc-teams{flex-direction:column;gap:4px;display:flex}.mc-team-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.mc-team-names{font-family:var(--font-display);color:var(--text-900);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.mc-team-row.winner .mc-team-names{color:var(--success)}.mc-team-row.winner .mc-team-names:after{content:" 🏆"}.mc-team-score{font-family:var(--font-display);color:var(--text-900);flex-shrink:0;font-size:16px;font-weight:800}.mc-team-row.winner .mc-team-score{color:var(--success)}.mc-vs{color:var(--text-400);text-transform:uppercase;letter-spacing:.08em;padding-left:0;font-size:9px;font-weight:800}.mc-status{border-top:1px dashed var(--border);justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding-top:8px;display:flex}.mc-status-text{color:var(--text-500);align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.mc-status-text.live{color:var(--accent-600)}.mc-status-text.live .live-dot{background:var(--accent-600);border-radius:var(--r-full);width:6px;height:6px;animation:1.2s ease-in-out infinite pulse}.mc-action-pill{background:var(--primary-50);color:var(--primary-700);border-radius:var(--r-full);font-size:11px;font-weight:800;font-family:var(--font-display);align-items:center;gap:3px;padding:4px 10px;display:inline-flex}.mc-action-pill.live{background:var(--accent);color:#fff}.mc-action-pill.done{color:var(--success);background:#dcfce7}.round-set-hero{border-radius:var(--r-xl);padding:var(--s-4);color:#fff;background:linear-gradient(135deg,#14b8a6 0%,#0ea5e9 100%);position:relative;overflow:hidden}.round-set-hero:before{content:"";background:radial-gradient(circle,#ffffff26,#0000 70%);width:200px;height:200px;position:absolute;top:-60px;right:-50px}.round-set-hero>*{z-index:1;position:relative}.rs-title{font-family:var(--font-display);margin-bottom:2px;font-size:17px;font-weight:700}.rs-meta{opacity:.9;margin-bottom:var(--s-3);font-size:12px;font-weight:700}.rs-progress-bar{border-radius:var(--r-full);background:#ffffff40;height:8px;margin-bottom:6px;overflow:hidden}.rs-progress-fill{border-radius:var(--r-full);background:linear-gradient(90deg,#facc15,#fb7185);height:100%;transition:width .4s}.rs-progress-text{opacity:.95;justify-content:space-between;font-size:11px;font-weight:700;display:flex}.pre-match-card{background:linear-gradient(135deg, var(--primary-50) 0%, var(--accent-50) 100%);border:1.5px dashed var(--primary);border-radius:var(--r-xl);padding:var(--s-5);text-align:center;align-items:center;gap:var(--s-3);flex-direction:column;display:flex}.pre-match-emoji{font-size:38px}.pre-match-title{font-family:var(--font-display);color:var(--text-900);font-size:18px;font-weight:700}.pre-match-sub{color:var(--text-600);max-width:280px;font-size:13px;font-weight:600;line-height:1.5}.btn-start-game{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-600) 100%);color:#fff;font-family:var(--font-display);border-radius:var(--r-full);margin-top:var(--s-2);align-items:center;gap:10px;padding:14px 32px;font-size:16px;font-weight:700;transition:transform .1s;display:inline-flex;box-shadow:0 8px 22px #f43f5e73}.btn-start-game:active{transform:scale(.97)}.btn-start-game:hover{box-shadow:0 12px 28px #f43f5e8c}.scoring-disabled .tap-zone,.scoring-disabled .score-adjust-btn,.scoring-disabled .scoreboard{opacity:.4;pointer-events:none;filter:saturate(.5)}.match-done-banner{border:1.5px solid var(--success);border-radius:var(--r-lg);padding:var(--s-3) var(--s-4);align-items:center;gap:var(--s-3);background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);display:flex}.match-done-emoji{font-size:28px}.match-done-info{flex:1}.match-done-title{font-family:var(--font-display);color:var(--success);font-size:14px;font-weight:800}.match-done-sub{color:var(--text-700);margin-top:1px;font-size:12px;font-weight:700}.modal-header{height:var(--header-h);padding:0 var(--s-3);align-items:center;gap:var(--s-2);background:var(--bg);z-index:50;border-bottom:1px solid var(--border-light);display:flex;position:sticky;top:0}.modal-close{border-radius:var(--r-full);width:40px;height:40px;color:var(--text-900);place-items:center;transition:background .15s;display:grid}.modal-close:hover{background:var(--bg-soft)}.modal-title{font-family:var(--font-display);flex:1;font-size:17px;font-weight:700}.selectable-list{flex-direction:column;gap:8px;display:flex}.selectable-item{background:var(--bg);border:1.5px solid var(--border-light);border-radius:var(--r-md);cursor:pointer;align-items:center;gap:10px;padding:10px;transition:all .15s;display:flex}.selectable-item:hover{border-color:var(--primary-200);background:var(--primary-50)}.selectable-item.selected{border-color:var(--primary);background:var(--primary-50)}.selectable-item.added{opacity:.5;cursor:not-allowed;pointer-events:none}.checkbox-circle{border-radius:var(--r-full);border:2px solid var(--border);background:var(--bg);flex-shrink:0;place-items:center;width:22px;height:22px;transition:all .15s;display:grid}.selectable-item.selected .checkbox-circle{border-color:var(--primary);background:var(--primary)}.checkbox-circle svg{color:#fff;opacity:0;transition:opacity .15s}.selectable-item.selected .checkbox-circle svg{opacity:1}.sp-avatar{border-radius:var(--r-full);color:#fff;width:38px;height:38px;font-family:var(--font-display);flex-shrink:0;place-items:center;font-size:14px;font-weight:800;display:grid}.sp-info{flex:1;min-width:0}.sp-name{font-family:var(--font-display);color:var(--text-900);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;margin-bottom:1px;font-size:13px;font-weight:700;display:flex;overflow:hidden}.sp-meta{color:var(--text-500);align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.sp-section-label{font-family:var(--font-display);color:var(--text-500);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;margin-bottom:8px;padding:0 4px;font-size:11px;font-weight:800;display:flex}.guest-input-row{gap:8px;display:flex}.guest-input-row .form-input{flex:1}.btn-add-guest{background:var(--primary);color:#fff;font-family:var(--font-display);border-radius:var(--r-md);flex-shrink:0;align-items:center;gap:5px;padding:12px 18px;font-size:13px;font-weight:700;transition:all .1s;display:inline-flex}.btn-add-guest:active{transform:scale(.97)}.btn-add-guest:disabled{background:var(--bg-canvas);color:var(--text-400);cursor:not-allowed}.guest-list{flex-direction:column;gap:6px;display:flex}.guest-item{background:var(--accent-50);border:1px solid var(--accent-100);border-radius:var(--r-md);align-items:center;gap:10px;padding:10px;display:flex}.guest-item .sp-avatar{background:var(--bg-canvas);color:var(--text-500);border:2px dashed var(--text-300);width:32px;height:32px;font-size:12px}.guest-item-name{font-family:var(--font-display);color:var(--text-900);flex:1;font-size:13px;font-weight:700}.guest-item-remove{border-radius:var(--r-full);background:var(--bg);width:28px;height:28px;color:var(--accent-600);place-items:center;transition:all .15s;display:grid}.guest-item-remove:hover{background:var(--accent-100)}.empty-guest{text-align:center;padding:var(--s-5) var(--s-3);color:var(--text-400);font-size:12px;font-weight:600}.history-insights{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.insight-card{background:var(--bg);border-radius:var(--r-lg);padding:var(--s-3);border:1px solid var(--border-light);box-shadow:var(--shadow-xs);position:relative;overflow:hidden}.insight-card.featured{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-600) 100%);color:#fff;border-color:var(--primary-600);grid-column:1/-1}.insight-card.featured:before{content:"";background:radial-gradient(circle,#ffffff2e,#0000 70%);width:140px;height:140px;position:absolute;top:-40px;right:-40px}.insight-card>*{z-index:1;position:relative}.insight-icon{margin-bottom:6px;font-size:22px}.insight-label{text-transform:uppercase;letter-spacing:.06em;opacity:.7;margin-bottom:2px;font-size:10px;font-weight:800}.insight-card.featured .insight-label{opacity:.85}.insight-value{font-family:var(--font-display);font-size:22px;font-weight:800;line-height:1}.insight-card.featured .insight-value{font-size:32px}.insight-value-sub{font-family:var(--font-display);opacity:.85;margin-top:4px;font-size:13px;font-weight:700}.insight-trend{color:var(--success);border-radius:var(--r-full);background:#10b98126;align-items:center;gap:3px;margin-top:6px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-flex}.insight-card.featured .insight-trend{color:#fff;background:#ffffff38}.insight-trend.down{color:var(--danger);background:#ef444426}.match-history-list{flex-direction:column;gap:8px;display:flex}.history-item{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--r-lg);padding:var(--s-3);color:inherit;gap:10px;text-decoration:none;transition:all .15s;display:flex}.history-item:hover{border-color:var(--primary-200);box-shadow:var(--shadow-xs)}.result-badge{border-radius:var(--r-md);width:40px;font-family:var(--font-display);text-align:center;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;padding:8px 4px;font-size:16px;font-weight:800;display:flex}.result-badge.win{color:var(--success);background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #bbf7d0}.result-badge.loss{background:var(--accent-50);color:var(--accent-600);border:1px solid var(--accent-100)}.result-badge .rb-result{font-size:14px}.result-badge .rb-points{letter-spacing:.04em;margin-top:2px;font-size:9px;font-weight:800}.hi-info{flex:1;min-width:0}.hi-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.hi-session{font-family:var(--font-display);color:var(--text-900);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:800;overflow:hidden}.hi-score{font-family:var(--font-display);color:var(--text-900);flex-shrink:0;font-size:14px;font-weight:800}.hi-meta-row{color:var(--text-500);align-items:center;gap:6px;margin-bottom:4px;font-size:11px;font-weight:700;display:flex}.hi-teams{flex-direction:column;gap:2px;margin-top:4px;font-size:12px;font-weight:700;display:flex}.hi-teams .hi-team-row{align-items:center;gap:6px;display:flex}.hi-teams .hi-team-row .hi-team-emoji{flex-shrink:0;width:16px}.hi-teams .you{color:var(--text-900);font-weight:800}.hi-teams .vs{color:var(--text-500);font-weight:600}.hi-foot{border-top:1px dashed var(--border);color:var(--text-500);justify-content:space-between;align-items:center;margin-top:8px;padding-top:6px;font-size:11px;font-weight:700;display:flex}.hi-foot-tags{flex-wrap:wrap;gap:4px;display:flex}.hi-tag{background:var(--bg-canvas);border-radius:var(--r-full);padding:2px 7px;font-size:10px;font-weight:800}.date-group{margin-bottom:var(--s-4);flex-direction:column;gap:8px;display:flex}.date-group-header{align-items:center;gap:8px;margin-bottom:4px;padding:0 4px;display:flex}.date-group-title{font-family:var(--font-display);color:var(--text-500);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:800}.date-group-count{color:var(--text-400);background:var(--bg-canvas);border-radius:var(--r-full);padding:2px 7px;font-size:10px;font-weight:700}.empty-hero{text-align:center;padding:var(--s-6) var(--s-4) var(--s-5);align-items:center;gap:var(--s-3);background:var(--bg);border-radius:var(--r-2xl);border:1px solid var(--border-light);box-shadow:var(--shadow-xs);flex-direction:column;display:flex}.empty-illustration{border-radius:var(--r-full);background:linear-gradient(135deg, var(--primary-50) 0%, var(--accent-50) 100%);place-items:center;width:120px;height:120px;margin-bottom:4px;font-size:52px;display:grid;position:relative}.empty-illustration:before{content:"";border:2px dashed var(--primary-200);border-radius:var(--r-full);opacity:.5;position:absolute;inset:-8px}.empty-title{font-family:var(--font-display);color:var(--text-900);font-size:20px;font-weight:800;line-height:1.3}.empty-desc{color:var(--text-500);max-width:320px;font-size:14px;font-weight:600;line-height:1.5}.empty-actions{width:100%;max-width:280px;margin-top:var(--s-3);flex-direction:column;gap:10px;display:flex}.empty-actions .btn-primary-lg,.empty-actions .btn-secondary-lg{width:100%}.checklist-card{background:linear-gradient(135deg, var(--primary-50) 0%, var(--accent-50) 100%);border-radius:var(--r-xl);padding:var(--s-4);border:1px solid var(--primary-100)}.checklist-head{margin-bottom:var(--s-3);align-items:center;gap:8px;display:flex}.checklist-head-emoji{font-size:22px}.checklist-head-info{flex:1}.checklist-head-title{font-family:var(--font-display);color:var(--text-900);font-size:14px;font-weight:800}.checklist-head-progress{color:var(--text-600);margin-top:2px;font-size:11px;font-weight:700}.checklist-bar{background:var(--bg);border-radius:var(--r-full);height:6px;margin-bottom:var(--s-3);overflow:hidden}.checklist-bar-fill{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:var(--r-full);height:100%}.checklist-items{flex-direction:column;gap:6px;display:flex}.checklist-item{background:var(--bg);border-radius:var(--r-md);text-align:left;border:1px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:all .15s;display:flex}.checklist-item:hover{border-color:var(--primary-200)}.checklist-item.done{opacity:.55}.checklist-check{border-radius:var(--r-full);border:2px solid var(--border);background:var(--bg);flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.checklist-item.done .checklist-check{background:var(--success);border-color:var(--success);color:#fff}.checklist-text{font-family:var(--font-display);color:var(--text-900);flex:1;font-size:13px;font-weight:700}.checklist-item.done .checklist-text{color:var(--text-500);text-decoration:line-through}.checklist-arrow{color:var(--text-400)}.stat-card.empty{opacity:.5;background:var(--bg-soft);border-style:dashed}.stat-card.empty .stat-value{color:var(--text-400)}.showcase-selector{background:var(--bg-canvas);border-radius:var(--r-md);margin-bottom:var(--s-4);top:var(--header-h);z-index:30;gap:4px;padding:4px;display:flex;position:sticky}.showcase-tab{border-radius:calc(var(--r-md) - 4px);font-family:var(--font-display);color:var(--text-600);flex:1;padding:8px;font-size:12px;font-weight:700;transition:all .15s}.showcase-tab.active{background:var(--bg);color:var(--text-900);box-shadow:var(--shadow-xs)}.auth-icon-hero{border-radius:var(--r-full);width:80px;height:80px;margin:0 auto var(--s-4);color:#fff;background:linear-gradient(135deg,#25d366,#128c7e);place-items:center;display:grid;box-shadow:0 12px 28px #25d36659}.auth-step-title{font-family:var(--font-display);text-align:center;margin-bottom:var(--s-2);color:var(--text-900);font-size:22px;font-weight:700}.auth-step-sub{color:var(--text-500);text-align:center;margin-bottom:var(--s-5);max-width:320px;margin-left:auto;margin-right:auto;font-size:14px;font-weight:600;line-height:1.5}.auth-step-sub strong{color:var(--text-900);font-weight:800}.phone-input-row{gap:8px;display:flex}.country-pill{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-md);font-family:var(--font-display);color:var(--text-900);flex-shrink:0;align-items:center;gap:6px;padding:12px 14px;font-size:14px;font-weight:700;display:inline-flex}.country-pill .flag{font-size:18px}.otp-input-row{max-width:320px;margin:0 auto var(--s-4);grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.otp-box{aspect-ratio:1;font-family:var(--font-display);text-align:center;background:var(--bg);border:2px solid var(--border);border-radius:var(--r-md);color:var(--text-900);outline:none;font-size:22px;font-weight:800;transition:all .15s}.otp-box:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100);transform:scale(1.05)}.otp-box.filled{border-color:var(--primary-200);background:var(--primary-50)}.resend-row{text-align:center;margin-bottom:var(--s-5)}.resend-row p{color:var(--text-500);font-size:13px;font-weight:600}.resend-row a,.resend-row button{color:var(--primary-700);font-weight:800;font-family:var(--font-display);cursor:pointer;font-size:13px}.resend-row .timer{color:var(--text-400);font-weight:700}.onboarding-avatar-picker{align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);flex-direction:column;display:flex}.avatar-preview{border-radius:var(--r-full);color:#fff;width:110px;height:110px;font-family:var(--font-display);border:4px solid var(--bg);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#fb7185,#f43f5e);place-items:center;font-size:42px;font-weight:800;display:grid;position:relative}.avatar-preview .upload-pill{background:var(--primary);color:#fff;border-radius:var(--r-full);font-family:var(--font-display);white-space:nowrap;border:2px solid var(--bg);cursor:pointer;align-items:center;gap:4px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.avatar-color-picker{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.color-swatch{border-radius:var(--r-full);border:3px solid var(--bg);width:36px;height:36px;box-shadow:0 0 0 1.5px var(--border);cursor:pointer;transition:all .15s}.color-swatch.selected{box-shadow:0 0 0 2.5px var(--text-900);transform:scale(1.1)}.city-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.city-option{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-md);text-align:left;cursor:pointer;align-items:center;gap:8px;padding:12px;transition:all .15s;display:flex}.city-option:hover{border-color:var(--primary-200)}.city-option.selected{border-color:var(--primary);background:var(--primary-50);border-width:2px}.city-emoji{flex-shrink:0;font-size:22px}.city-info{flex:1;min-width:0}.city-name{font-family:var(--font-display);color:var(--text-900);font-size:13px;font-weight:800}.city-meta{color:var(--text-500);margin-top:1px;font-size:10px;font-weight:700}.celebration-hero{border-radius:var(--r-2xl);padding:var(--s-6) var(--s-4);color:#fff;text-align:center;background:linear-gradient(135deg,#14b8a6 0%,#fb7185 50%,#facc15 100%);position:relative;overflow:hidden}.celebration-hero:before{content:"";background:radial-gradient(circle,#ffffff40,#0000 70%);width:240px;height:240px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.celebration-hero>*{z-index:1;position:relative}.celebration-emoji{margin-bottom:var(--s-2);font-size:56px;animation:1.5s ease-in-out infinite celebration;display:inline-block}@keyframes celebration{0%,to{transform:scale(1)rotate(0)}25%{transform:scale(1.1)rotate(-5deg)}75%{transform:scale(1.1)rotate(5deg)}}.celebration-title{font-family:var(--font-display);margin-bottom:var(--s-2);font-size:26px;font-weight:700;line-height:1.2}.celebration-sub{opacity:.95;margin-bottom:var(--s-4);font-size:14px;font-weight:600;line-height:1.5}.welcome-card-set{margin-bottom:var(--s-4);flex-direction:column;gap:10px;display:flex}.welcome-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--r-lg);padding:var(--s-3);align-items:center;gap:var(--s-3);text-align:left;background:#ffffff2e;border:1px solid #ffffff40;display:flex}.welcome-card-emoji{font-size:22px}.welcome-card-info{flex:1}.welcome-card-title{font-family:var(--font-display);font-size:13px;font-weight:800}.welcome-card-sub{opacity:.85;margin-top:1px;font-size:11px;font-weight:600}.notif-list{flex-direction:column;gap:8px;display:flex}.notif-item{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--r-lg);padding:var(--s-3);color:inherit;align-items:flex-start;gap:12px;text-decoration:none;transition:all .15s;display:flex;position:relative}.notif-item:hover{border-color:var(--primary-200);box-shadow:var(--shadow-xs)}.notif-item.unread{background:var(--primary-50);border-color:var(--primary-100)}.notif-item.unread:after{content:"";border-radius:var(--r-full);background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 2px var(--bg);position:absolute;top:14px;right:14px}.notif-icon{border-radius:var(--r-full);color:#fff;width:40px;height:40px;font-size:18px;font-family:var(--font-display);flex-shrink:0;place-items:center;font-weight:800;display:grid}.notif-icon.invite{background:linear-gradient(135deg,#14b8a6,#0f766e)}.notif-icon.result-win{background:linear-gradient(135deg,#10b981,#059669)}.notif-icon.result-loss{background:linear-gradient(135deg,#fb7185,#f43f5e)}.notif-icon.tier{background:linear-gradient(135deg,#facc15,#f59e0b)}.notif-icon.achievement{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.notif-icon.friend{background:linear-gradient(135deg,#06b6d4,#0ea5e9)}.notif-icon.reminder{background:linear-gradient(135deg,#fb7185,#facc15)}.notif-icon.system{background:var(--bg-canvas);color:var(--text-600)}.notif-content{flex:1;min-width:0;padding-right:16px}.notif-title{font-family:var(--font-display);color:var(--text-900);margin-bottom:2px;font-size:13px;font-weight:800;line-height:1.3}.notif-desc{color:var(--text-600);margin-bottom:6px;font-size:12px;font-weight:600;line-height:1.4}.notif-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.notif-time{color:var(--text-400);font-size:11px;font-weight:700}.notif-action{font-family:var(--font-display);color:#fff;background:var(--primary);border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.04em;padding:5px 10px;font-size:11px;font-weight:800}.notif-action.outline{background:var(--bg);color:var(--primary-700);border:1.5px solid var(--primary)}.notif-action.coral{background:var(--accent)}.match-detail-hero{border-radius:var(--r-2xl);padding:var(--s-5) var(--s-4);color:#fff;text-align:center;background:linear-gradient(135deg,#14b8a6 0%,#0ea5e9 100%);position:relative;overflow:hidden}.match-detail-hero.win{background:linear-gradient(135deg,#10b981 0%,#14b8a6 100%)}.match-detail-hero.loss{background:linear-gradient(135deg,#fb7185 0%,#f43f5e 100%)}.match-detail-hero:before{content:"";background:radial-gradient(circle,#ffffff2e,#0000 70%);width:250px;height:250px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.match-detail-hero>*{z-index:1;position:relative}.md-result-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--r-full);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--s-3);background:#ffffff38;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:800;display:inline-flex}.md-result-emoji{font-size:14px}.md-final-score{gap:var(--s-3);margin-bottom:var(--s-3);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.md-team-name{font-family:var(--font-display);opacity:.95;font-size:14px;font-weight:700}.md-team-score{font-family:var(--font-display);letter-spacing:-.04em;font-size:56px;font-weight:800;line-height:1}.md-team-score.winner{font-size:64px}.md-team-score.winner:after{content:" 🏆";font-size:28px}.md-vs-divider{font-family:var(--font-display);opacity:.5;font-size:18px;font-weight:800}.md-meta-row{justify-content:center;gap:var(--s-4);opacity:.9;margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px solid #fff3;font-size:12px;font-weight:700;display:flex}.md-meta-row>div{align-items:center;gap:5px;display:flex}.md-players-grid{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.md-team-card{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--r-lg);padding:var(--s-3)}.md-team-card.winner{border:1.5px solid var(--success);background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%)}.md-team-head{margin-bottom:var(--s-2);justify-content:space-between;align-items:center;display:flex}.md-team-head-name{font-family:var(--font-display);color:var(--text-500);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:800}.md-team-head-score{font-family:var(--font-display);color:var(--text-900);font-size:20px;font-weight:800}.md-team-card.winner .md-team-head-score{color:var(--success)}.md-player{border-bottom:1px dashed var(--border);align-items:center;gap:8px;padding:6px 0;display:flex}.md-player:last-child{border-bottom:none}.md-player-avatar{border-radius:var(--r-full);color:#fff;width:30px;height:30px;font-family:var(--font-display);flex-shrink:0;place-items:center;font-size:12px;font-weight:800;display:grid}.md-player-info{flex:1;min-width:0}.md-player-name{font-family:var(--font-display);color:var(--text-900);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:800;overflow:hidden}.md-player-tier{color:var(--text-500);font-size:10px;font-weight:700}.md-player-points{font-family:var(--font-display);color:var(--primary-700);flex-shrink:0;font-size:12px;font-weight:800}.md-team-card.winner .md-player-points{color:var(--success)}.key-stats-grid{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.key-stat{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--r-lg);padding:var(--s-3);align-items:center;gap:var(--s-3);display:flex}.key-stat-icon{font-size:26px}.key-stat-info{flex:1;min-width:0}.key-stat-label{color:var(--text-500);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:800}.key-stat-value{font-family:var(--font-display);color:var(--text-900);margin-top:2px;font-size:16px;font-weight:800}.score-timeline{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--r-lg);padding:var(--s-4)}.timeline-track{gap:3px;height:24px;margin-bottom:8px;display:flex}.timeline-segment{border-radius:3px;flex:1}.timeline-segment.t1{background:var(--accent-100)}.timeline-segment.t1.scored{background:var(--accent)}.timeline-segment.t2{background:var(--primary-100)}.timeline-segment.t2.scored{background:var(--primary)}.timeline-meta{color:var(--text-500);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;font-size:10px;font-weight:700;display:flex}.friend-stats-bar{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--r-lg);padding:var(--s-3);grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.friend-stat{text-align:center;padding:4px}.friend-stat-value{font-family:var(--font-display);color:var(--text-900);font-size:18px;font-weight:800}.friend-stat-label{color:var(--text-500);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:10px;font-weight:800}.friend-row-action{border-radius:var(--r-full);font-family:var(--font-display);background:var(--primary);color:#fff;cursor:pointer;border:none;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-size:11px;font-weight:800;transition:all .15s;display:inline-flex}.friend-row-action.outline{background:var(--bg);border:1.5px solid var(--primary);color:var(--primary-700)}.friend-row-action.coral{background:var(--accent)}.friend-row-action.gray{background:var(--bg-canvas);color:var(--text-600)}.faq-list{flex-direction:column;gap:8px;display:flex}.faq-item{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--r-lg);transition:all .15s;overflow:hidden}.faq-item.open{border-color:var(--primary-200);box-shadow:var(--shadow-xs)}.faq-question{padding:14px var(--s-4);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:10px;width:100%;display:flex}.faq-question .faq-q-icon{border-radius:var(--r-md);background:var(--primary-50);width:28px;height:28px;color:var(--primary-700);flex-shrink:0;place-items:center;font-size:14px;display:grid}.faq-q-text{font-family:var(--font-display);color:var(--text-900);flex:1;font-size:13px;font-weight:800}.faq-toggle{color:var(--text-400);transition:transform .2s}.faq-item.open .faq-toggle{color:var(--primary-700);transform:rotate(180deg)}.faq-answer{padding:0 var(--s-4) 14px;color:var(--text-700);font-size:13px;font-weight:600;line-height:1.6;display:none}.faq-item.open .faq-answer{display:block}.contact-row{flex-direction:column;gap:8px;display:flex}.contact-card{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--r-lg);padding:var(--s-3);align-items:center;gap:var(--s-3);color:inherit;text-decoration:none;transition:all .15s;display:flex}.contact-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-xs)}.contact-card-icon{border-radius:var(--r-md);color:#fff;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.contact-card-icon.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.contact-card-icon.email{background:linear-gradient(135deg, var(--primary), var(--primary-600))}.contact-card-icon.feedback{background:linear-gradient(135deg, var(--accent), var(--accent-600))}.contact-card-info{flex:1}.contact-card-title{font-family:var(--font-display);color:var(--text-900);font-size:14px;font-weight:800}.contact-card-sub{color:var(--text-500);margin-top:2px;font-size:11px;font-weight:700}.settings-group{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--r-lg);overflow:hidden}.settings-group-head{padding:12px var(--s-4) 8px;font-family:var(--font-display);color:var(--text-500);text-transform:uppercase;letter-spacing:.06em;background:var(--bg-soft);border-bottom:1px solid var(--border-light);font-size:11px;font-weight:800}.settings-toggle-row{align-items:center;gap:var(--s-3);padding:12px var(--s-4);border-bottom:1px solid var(--border-light);display:flex}.settings-toggle-row:last-child{border-bottom:none}.settings-toggle-icon{border-radius:var(--r-md);flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.settings-toggle-icon.teal{background:var(--primary-50);color:var(--primary-700)}.settings-toggle-icon.coral{background:var(--accent-100);color:var(--accent-600)}.settings-toggle-icon.purple{color:#6d28d9;background:#ede9fe}.settings-toggle-icon.yellow{background:var(--yellow-50);color:#b45309}.settings-toggle-icon.gray{background:var(--bg-canvas);color:var(--text-600)}.settings-toggle-info{flex:1}.settings-toggle-title{font-family:var(--font-display);color:var(--text-900);font-size:13px;font-weight:700}.settings-toggle-desc{color:var(--text-500);margin-top:2px;font-size:11px;font-weight:600}.radio-row{align-items:center;gap:var(--s-3);padding:12px var(--s-4);border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .15s;display:flex}.radio-row:hover{background:var(--bg-soft)}.radio-row:last-child{border-bottom:none}.radio-circle{border:2px solid var(--border);border-radius:var(--r-full);flex-shrink:0;place-items:center;width:22px;height:22px;transition:all .15s;display:grid}.radio-row.selected .radio-circle{border-color:var(--primary)}.radio-row.selected .radio-circle:before{content:"";background:var(--primary);border-radius:var(--r-full);width:11px;height:11px}.radio-info{flex:1}.radio-title{font-family:var(--font-display);color:var(--text-900);font-size:13px;font-weight:700}.radio-desc{color:var(--text-500);margin-top:2px;font-size:11px;font-weight:600}.ach-hero{border-radius:var(--r-2xl);padding:var(--s-5) var(--s-4) var(--s-4);color:#fff;background:linear-gradient(135deg,#14b8a6 0%,#8b5cf6 70%,#fb7185 100%);position:relative;overflow:hidden}.ach-hero:before{content:"";background:radial-gradient(circle,#facc154d,#0000 70%);width:240px;height:240px;position:absolute;top:-80px;right:-50px}.ach-hero>*{z-index:1;position:relative}.ach-hero-emoji{margin-bottom:6px;font-size:36px}.ach-hero-title{font-family:var(--font-display);margin-bottom:4px;font-size:22px;font-weight:700}.ach-hero-sub{opacity:.9;margin-bottom:var(--s-3);font-size:12px;font-weight:700}.ach-hero-progress-bar{border-radius:var(--r-full);background:#ffffff40;height:10px;margin-bottom:6px;overflow:hidden}.ach-hero-progress-fill{border-radius:var(--r-full);background:linear-gradient(90deg,#facc15,#fb7185);height:100%;transition:width .6s}.ach-hero-stats{opacity:.95;justify-content:space-between;font-size:12px;font-weight:800;display:flex}.ach-category-head{margin-bottom:10px;margin-top:var(--s-3);justify-content:space-between;align-items:center;padding:0 4px;display:flex}.ach-cat-title{font-family:var(--font-display);color:var(--text-900);align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.ach-cat-emoji{font-size:18px}.ach-cat-count{color:var(--text-500);background:var(--bg-canvas);border-radius:var(--r-full);padding:2px 9px;font-size:11px;font-weight:800}.ach-list{flex-direction:column;gap:8px;display:flex}.ach-card{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--r-lg);padding:var(--s-3);gap:var(--s-3);cursor:pointer;align-items:center;transition:all .15s;display:flex;position:relative}.ach-card:hover{box-shadow:var(--shadow-xs);border-color:var(--primary-200)}.ach-card.unlocked{background:linear-gradient(135deg, var(--yellow-50) 0%, #fed7aa 100%);border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b26}.ach-card.in-progress{border-color:var(--primary-200);background:linear-gradient(135deg, var(--primary-50) 0%, var(--bg) 70%)}.ach-card.locked{opacity:.65;background:var(--bg-soft)}.ach-icon{border-radius:var(--r-lg);flex-shrink:0;place-items:center;width:56px;height:56px;font-size:26px;display:grid;position:relative}.ach-card.unlocked .ach-icon{background:linear-gradient(135deg,#fef3c7,#fb923c);box-shadow:0 4px 12px #fb923c66}.ach-card.in-progress .ach-icon{background:var(--primary-100)}.ach-card.locked .ach-icon{background:var(--bg-canvas);filter:grayscale()}.ach-icon-lock{background:var(--text-700);color:#fff;border-radius:var(--r-full);border:2px solid var(--bg);place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:-2px;right:-2px}.ach-info{flex:1;min-width:0}.ach-name{font-family:var(--font-display);color:var(--text-900);align-items:center;gap:6px;margin-bottom:2px;font-size:14px;font-weight:800;display:flex}.ach-card.unlocked .ach-name:after{content:"✓";color:var(--success);font-size:14px}.ach-desc{color:var(--text-600);margin-bottom:6px;font-size:11px;font-weight:600;line-height:1.4}.ach-progress{align-items:center;gap:8px;display:flex}.ach-progress-bar{background:var(--bg-canvas);border-radius:var(--r-full);flex:1;height:6px;overflow:hidden}.ach-progress-fill{background:linear-gradient(90deg, var(--primary), var(--primary-600));border-radius:var(--r-full);height:100%}.ach-progress-text{font-family:var(--font-display);color:var(--primary-700);white-space:nowrap;font-size:11px;font-weight:800}.ach-earned-date{color:#b45309;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:800}.ach-locked-text{color:var(--text-500);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.featured-ach{border-radius:var(--r-xl);padding:var(--s-4);align-items:center;gap:var(--s-3);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#fef3c7 0%,#fb923c 100%);display:flex;position:relative;overflow:hidden}.featured-ach:before{content:"✨";opacity:.25;font-size:60px;position:absolute;top:-10px;right:-10px}.featured-ach .ach-icon{background:#fff;width:64px;height:64px;font-size:32px;box-shadow:0 4px 14px #f59e0b4d}.featured-ach-info{z-index:1;flex:1;position:relative}.featured-ach-label{font-family:var(--font-display);color:#b45309;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:10px;font-weight:800}.featured-ach-name{font-family:var(--font-display);color:var(--text-900);margin-bottom:2px;font-size:16px;font-weight:800}.featured-ach-meta{color:var(--text-700);font-size:11px;font-weight:700}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.format-card-list{flex-direction:column;gap:8px;display:flex}.format-card{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-lg);cursor:pointer;text-align:left;align-items:center;gap:14px;width:100%;padding:14px 16px;transition:all .15s;display:flex}.format-card:hover{border-color:var(--primary-200);background:var(--primary-50)}.format-card.active{border-color:var(--primary);background:var(--primary-50);box-shadow:0 0 0 3px #14b8a61f}.fc-emoji{background:var(--bg-soft);border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:28px;display:grid}.format-card.active .fc-emoji{background:var(--primary-100)}.fc-content{flex:1;min-width:0}.fc-title{font-family:var(--font-display);color:var(--text-900);margin-bottom:2px;font-size:14px;font-weight:800}.fc-sub{color:var(--text-500);font-size:11.5px;font-weight:600;line-height:1.4}.format-card.active .fc-title{color:var(--primary-700)}.fc-radio{border:1.5px solid var(--border);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.format-card.active .fc-radio{background:var(--primary);border-color:var(--primary)}.lifecycle-actions{grid-template-columns:1fr auto;align-items:stretch;gap:8px;display:grid}.lifecycle-actions>:first-child{width:100%}.lifecycle-actions .danger-link{white-space:nowrap;padding:10px 14px}