*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#020817;--surface:#0c111c;--card:#0f172a;--card-hover:#141e2e;--border:#1a2436;--border-light:#243044;--accent:#2563eb;--accent-soft:#1e3a8a;--accent-light:#3b82f6;--gold:#fbbf24;--green:#10b981;--red:#ef4444;--text:#f8fafc;--muted:#94a3b8;--muted-2:#5f7088}body{background:radial-gradient(circle at 12% -8%, #2563eb33, transparent 32rem), radial-gradient(circle at 88% 4%, #d977061f, transparent 28rem), var(--bg);min-width:320px;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.content{flex:1;width:min(1140px,100% - 32px);margin:0 auto;padding:24px 0 56px}.app-footer{text-align:center;color:var(--muted);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.2px;background:#0c111ccc;flex-direction:column;align-items:center;gap:6px;padding:16px 16px 20px;font-size:12px;font-weight:500;display:flex}.app-footer-row{word-wrap:break-word;overflow-wrap:anywhere;padding:0 8px;line-height:1.4}.app-footer-primary{color:var(--muted);font-size:12.5px}.app-footer-dev{color:var(--muted-2);letter-spacing:.3px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;padding-top:4px;font-size:12px;display:inline-flex}.app-footer-dev-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted-2);opacity:.85;font-size:10px;font-weight:700}.app-footer-dev-brand{color:var(--text);letter-spacing:.02em;font-weight:800}.app-footer-dev-parent{color:var(--muted)}.app-footer-dev-sep{color:var(--border-light);opacity:.7}.app-footer-dev-link{color:var(--accent-light);border-bottom:1px dashed #0000;font-weight:600;text-decoration:none;transition:border-color .15s}.app-footer-dev-link:hover{border-bottom-color:var(--accent-light)}@media (width<=480px){.app-footer-dev{flex-direction:column;gap:4px}.app-footer-dev-sep{display:none}}.topbar{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c111ceb;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:8px;width:min(1140px,100% - 32px);min-height:64px;margin:0 auto;display:flex}.brand{letter-spacing:0;flex-shrink:0;align-items:center;gap:10px;font-size:1.14rem;font-weight:900;display:inline-flex}.brand-mark{justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.brand-logo-image{object-fit:contain;width:48px;height:48px;display:block}.brand-title{line-height:1}.brand-accent{color:var(--accent-light)}.nav{flex-wrap:nowrap;flex:1;align-items:center;gap:2px;min-width:0;display:flex}.auth-meta,.actions{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:6px;display:flex}.nav a,.auth-meta a,.admin-nav a,.link-button{color:var(--muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;padding:6px 9px;font-size:.84rem;font-weight:700}.nav a:hover,.auth-meta a:hover,.admin-nav a:hover,.link-button:hover{color:#eff6ff;background:#1d4ed82e;border-color:#3b82f659}.active-link{color:#fff;background:#1e3a8a;border:1px solid #2563eb;border-radius:12px;box-shadow:0 0 18px #2563eb40}.nav a.active-link,.auth-meta a.active-link{color:#fff!important;background:#1e3a8a!important;border:1px solid #2563eb!important;border-radius:12px!important;box-shadow:0 0 18px #2563eb40!important}.nav a.active-link:hover,.auth-meta a.active-link:hover{color:#fff!important;background:#1e3a8a!important;border-color:#2563eb!important}.auth-meta a.btn-nav-primary{color:#fff;background:#2563eb;border-color:#0000;border-radius:12px;font-weight:700}.auth-meta a.btn-nav-primary:hover{color:#fff;background:#1d4ed8;border-color:#0000}.auth-meta a.btn-nav-secondary{color:#fff;background:0 0;border:1px solid #cbd5e140;border-radius:12px}.auth-meta a.btn-nav-secondary:hover{color:#fff;background:#2563eb1a;border-color:#2563eb}.user-chip{max-width:240px;color:var(--text);white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:.84rem;font-weight:600;display:inline-flex;overflow:hidden}.user-chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.role-badge{letter-spacing:.04em;background:var(--accent-soft);color:var(--accent-light);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;border:1px solid #3b82f64d;border-radius:6px;flex-shrink:0;max-width:80px;padding:2px 7px;font-size:.65rem;font-weight:800;line-height:1.4;overflow:hidden}.btn-logout{border:1px solid var(--border-light);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;flex-shrink:0;padding:5px 10px;font-size:.8rem;font-weight:700;transition:color .15s,border-color .15s}.btn-logout:hover{color:var(--red);border-color:var(--red);background:#ef44440f}.button-primary,.button-secondary,button{background:var(--accent);color:#fff;border:0;border-radius:9px;padding:10px 16px;font-weight:800}.button-secondary{border:1px solid var(--border-light);color:var(--muted);background:0 0}.button-danger{background:var(--red)}.button-success{background:#059669}section,.stack{gap:16px;display:grid}.hero{border-bottom:1px solid var(--border);background:linear-gradient(160deg,#07090feb,#0a1628f0),url(/assets/hero-CLDdwZDr.png) 50%/cover;margin:-32px calc(50% - 50vw) 8px;padding:70px max(20px,50vw - 570px) 52px}.hero-content{max-width:680px}.hero-centered{text-align:center;margin:0 auto}.hero h1,.page-header h1{color:var(--text);letter-spacing:0;margin:0;font-size:clamp(2rem,5vw,3.5rem);font-weight:950;line-height:1.08}.hero p,.page-header p{max-width:640px;color:var(--muted);margin:12px 0 0;font-size:1rem}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.hero-actions-centered{justify-content:center}.eyebrow{border:1px solid var(--border);width:fit-content;color:var(--muted);background:#0c111ce6;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:5px 13px;font-size:.78rem;font-weight:800;display:inline-flex}.eyebrow:before{content:"";background:var(--green);border-radius:999px;width:7px;height:7px}.page-header{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:6px;display:flex}.page-header h1{font-size:clamp(1.8rem,3vw,2.6rem)}.page-header-action{flex:none}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}h2{color:var(--text);margin:0;font-size:1.05rem;font-weight:900}p{margin:0}.grid{gap:14px;display:grid}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.stats-grid-home{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.centered-two-stats{width:min(560px,100%);margin:0 auto}.podium-wrap{perspective:1200px;grid-template-columns:1fr 1.1fr 1fr;align-items:end;gap:18px;margin-top:10px;display:grid}.podium-card{isolation:isolate;background:linear-gradient(#131d2ef2,#080c15fa);border:1px solid #94a3b847;border-radius:14px;gap:12px;min-height:300px;padding:18px 18px 0;display:grid;position:relative;overflow:visible}.podium-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(140deg,#ffffff4d,#ffffff0a 55%,#ffffff38);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.podium-card:after{content:"";filter:blur(20px);z-index:-1;pointer-events:none;border-radius:999px;height:36px;position:absolute;bottom:-26px;left:10%;right:10%}.podium-slot-1{z-index:4;min-height:374px;transform:translateY(-24px)}.podium-slot-2,.podium-slot-3{z-index:2;min-height:320px}.podium-gold{border-color:#f59e0bc2;box-shadow:inset 0 0 48px #f59e0b14,0 24px 60px #d977063d,0 0 44px #f59e0b29}.podium-gold:after{background:radial-gradient(#f59e0b9e 0%,#f59e0b00 72%)}.podium-silver{border-color:#93c5fd9e;box-shadow:inset 0 0 34px #60a5fa14,0 20px 52px #60a5fa2e,0 0 34px #93c5fd1f}.podium-silver:after{background:radial-gradient(#60a5fa80 0%,#60a5fa00 72%)}.podium-bronze{border-color:#f97316a8;box-shadow:inset 0 0 34px #f9731614,0 20px 52px #ea580c33,0 0 34px #f973161f}.podium-bronze:after{background:radial-gradient(#f9731680 0%,#f9731600 72%)}.podium-crown{filter:drop-shadow(0 10px 22px #f59e0b73);width:72px;height:52px;position:absolute;top:-44px;left:50%;transform:translate(-50%)}.podium-crown-svg{width:100%;height:100%;display:block}.podium-rank-bg{color:#ffffff14;text-shadow:0 0 24px #00000061;pointer-events:none;font-size:8.6rem;font-weight:900;line-height:1;position:absolute;top:30px;left:18px}.podium-head{justify-content:space-between;align-items:center;display:flex}.last-five-row{justify-content:space-between;align-items:center;gap:12px;padding:10px 0 2px;display:flex}.form-chips{flex-wrap:wrap;gap:6px;display:flex}.form-chip{border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.72rem;font-weight:800;display:inline-flex}.form-chip.win{color:#34d399;background:#10b98133;border:1px solid #10b98166}.form-chip.loss{color:#fca5a5;background:#ef444433;border:1px solid #ef444466}.podium-base{border-top:1px solid #ffffff38;border-bottom-right-radius:14px;border-bottom-left-radius:14px;justify-content:center;align-items:center;min-height:72px;margin:4px -16px 0;font-size:2.45rem;font-weight:900;display:flex;position:relative;overflow:hidden}.podium-base:before{content:"";opacity:.54;background:linear-gradient(#ffffff7a,#fff0);border-radius:999px;height:22px;position:absolute;top:-8px;left:10%;right:10%}.podium-base:after{content:"";filter:blur(12px);border-radius:999px;height:18px;position:absolute;bottom:4px;left:14%;right:14%}.podium-base span{z-index:2;position:relative}.podium-laurel{opacity:.82;width:180px;height:44px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.podium-base-gold{color:#fbbf24;background:linear-gradient(#fbbf2438,#b4530980);box-shadow:inset 0 14px 24px #fbbf2438}.podium-base-gold:after{background:#f59e0b99}.podium-base-silver{color:#bfdbfe;background:linear-gradient(#93c5fd33,#33415580);box-shadow:inset 0 14px 22px #93c5fd29}.podium-base-silver:after{background:#60a5fa80}.podium-base-bronze{color:#fb923c;background:linear-gradient(#fb923c33,#7c2d1285);box-shadow:inset 0 14px 22px #fb923c24}.podium-base-bronze:after{background:#f973167a}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.panel,.stat-card,.player-card,.auth-card,.empty-state{border:1px solid var(--border);background:#101724f0;border-radius:14px;box-shadow:0 18px 50px #0000002e}.panel{padding:20px}.stat-card{padding:18px}.stat-card span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900;display:block}.stat-card strong{color:var(--text);margin-top:6px;font-size:1.7rem;line-height:1;display:block}.stat-card small{color:var(--muted-2);margin-top:6px;display:block}.tone-gold strong{color:#f59e0b}.tone-green strong{color:var(--green)}.tone-blue strong{color:var(--accent-light)}.player-card{gap:14px;padding:20px;transition:background .15s,border-color .15s,transform .15s;display:grid}.player-card:hover{background:var(--card-hover);border-color:#60a5fa66;transform:translateY(-2px)}.player-card-top{border-width:1px}.player-card-top.tone-gold{border-color:#d977066b;box-shadow:0 18px 50px #d977061f}.player-card-top.tone-silver{border-color:#94a3b870;box-shadow:0 18px 50px #94a3b81f}.player-card-top.tone-bronze{border-color:#b4530973;box-shadow:0 18px 50px #b453091f}.medal{margin-right:5px}.player-card-head,.player-line,.match-line{justify-content:space-between;align-items:center;gap:12px;display:flex}.player-identity{align-items:center;gap:12px;min-width:0;display:flex}.player-identity strong,.player-card strong{color:var(--text)}.player-identity span,.muted{color:var(--muted)}.avatar{color:var(--accent-light);background:#2563eb24;border:1px solid #60a5fa61;border-radius:999px;flex:none;place-items:center;font-weight:900;display:inline-grid}.avatar-sm{width:36px;height:36px;font-size:.75rem}.avatar-md{width:48px;height:48px;font-size:.9rem}.avatar-lg{width:72px;height:72px;font-size:1.3rem}.badge{white-space:nowrap;border-radius:6px;align-items:center;width:fit-content;padding:3px 9px;font-size:.75rem;font-weight:800;display:inline-flex}.badge-blue{color:var(--accent-light);background:#2563eb24;border:1px solid #60a5fa52}.badge-gold{color:#f59e0b;background:#d9770624;border:1px solid #d9770659}.badge-green{color:var(--green);background:#10b9811f;border:1px solid #10b98152}.badge-red{color:#f87171;background:#ef44441f;border:1px solid #ef444452}.badge-muted{border:1px solid var(--border-light);color:var(--muted);background:#8899b01a}.badge-test{color:#c084fc;letter-spacing:.06em;background:#a855f729;border:1px solid #a855f766}.admin-test-account-toggle{border:1.5px dashed var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;transition:border-color .15s,background .15s;flex-direction:row!important;display:flex!important}.admin-test-account-toggle:hover{background:#a855f70f;border-color:#a855f7}.admin-test-account-toggle.is-active{background:#a855f71f;border-style:solid;border-color:#a855f7;box-shadow:0 0 0 2px #a855f72e}.admin-test-account-toggle input{accent-color:#a855f7;flex-shrink:0;width:18px;height:18px;margin-top:2px}.admin-test-account-title{margin-bottom:2px;font-size:.92rem;font-weight:700}.admin-test-account-hint{color:var(--muted);font-size:.78rem;font-weight:500;line-height:1.4}.test-password-reveal{color:#c084fc;font-weight:700;font-family:var(--font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);letter-spacing:.02em;-webkit-user-select:all;user-select:all;background:#a855f71a;border:1px solid #a855f752;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:.85rem;display:inline-flex}.row-actions{flex-wrap:wrap;gap:6px;display:flex}.row-actions button{white-space:nowrap}.confirm-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#020617a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.confirm-modal{background:var(--card);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;width:100%;max-width:520px;padding:22px;display:flex;box-shadow:0 24px 48px -8px #00000080}.confirm-modal.is-danger{border-color:#ef444480;box-shadow:0 24px 48px -8px #ef444440}.confirm-modal h2{margin:0;font-size:1.1rem;font-weight:800}.confirm-modal p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.5}.confirm-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:6px;display:flex}@media (width<=600px){.confirm-modal{padding:18px}.confirm-modal-actions{flex-direction:column-reverse}.confirm-modal-actions button{width:100%}}.table-wrap{border:1px solid var(--border);background:var(--card);border-radius:14px;width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:760px}.data-table th,.data-table td{border-bottom:1px solid var(--border);text-align:left;padding:13px 16px}.data-table th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:#0c111ccc;font-size:.72rem;font-weight:900}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover,.clickable-row:hover{background:#2563eb14}.clickable-row{cursor:pointer}.plus{color:var(--green);font-weight:900}.minus{color:#f87171;font-weight:900}.form,.form-grid{gap:14px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field{gap:6px;display:grid}.field-full{grid-column:1/-1}.field span,.form-section-title{color:var(--muted);font-size:.78rem;font-weight:800}.form-section-title{border-top:1px solid var(--border);letter-spacing:.08em;text-transform:uppercase;grid-column:1/-1;margin-top:6px;padding-top:14px}.required:after{content:" *";color:#f87171}.user-type-picker{grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;display:grid}.user-type-option{border:1.5px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;text-align:center;border-radius:14px;grid-template-rows:auto auto auto;justify-items:center;gap:6px;padding:16px 14px;transition:border-color .15s,background .15s,transform .1s;display:grid}.user-type-option:hover{border-color:var(--accent);background:#2563eb0f}.user-type-option.is-selected{border-color:var(--accent);background:#2563eb24;box-shadow:0 0 0 2px #2563eb40}.user-type-icon{font-size:1.8rem;line-height:1}.user-type-title{font-size:1rem;font-weight:800}.user-type-sub{color:var(--muted);font-size:.78rem;font-weight:500;line-height:1.35}@media (width<=480px){.user-type-picker{grid-template-columns:1fr}}.admin-role-picker{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:4px;display:grid}.admin-role-option{border:1.5px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.admin-role-option:hover{border-color:var(--accent);background:#2563eb0f}.admin-role-option.is-selected{border-color:var(--accent);background:#2563eb24;box-shadow:0 0 0 2px #2563eb2e}.admin-role-option input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin-top:2px}.admin-role-name{margin-bottom:2px;font-size:.92rem;font-weight:700}.admin-role-hint{color:var(--muted);font-size:.78rem;font-weight:500;line-height:1.35}input,select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:8px;outline:none;padding:11px 12px}input:focus,select:focus{border-color:#60a5faad}.auth-wrap{place-items:center;min-height:calc(100vh - 160px);display:grid}.auth-card{width:min(100%,620px);padding:30px}.auth-card.compact{width:min(100%,430px)}.auth-title{text-align:center;gap:6px;margin-bottom:22px;display:grid}.auth-title h1{margin:0;font-size:1.55rem}.auth-title p{color:var(--muted)}.status{border:1px solid #0000;border-radius:10px;padding:12px 14px}.status-success{color:var(--green);background:#10b9811a;border-color:#10b9814d}.status-error{color:#fca5a5;background:#ef44441a;border-color:#ef44444d}.status-loading{color:var(--accent-light);background:#2563eb1a;border-color:#60a5fa47}.empty-state{color:var(--muted);padding:24px}.empty-state strong{color:var(--text);margin-bottom:6px;display:block}.profile-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.profile-title{align-items:center;gap:16px;display:flex}.rating-big{text-align:right}.rating-big span{color:var(--muted);text-transform:uppercase;font-size:.75rem;font-weight:900}.rating-big strong{color:var(--text);font-size:2.35rem;line-height:1;display:block}.admin-shell{width:min(1240px,100% - 32px);padding:calc(16px + var(--sa-top,0px)) 0 48px;grid-template-columns:250px minmax(0,1fr);gap:18px;margin:0 auto;display:grid}.admin-exit-bar{border:1px solid var(--border);background:#0c111cf0;border-radius:12px;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;display:flex}.admin-exit-btn{border:1px solid var(--border-light);color:var(--text);white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:4px;padding:8px 12px;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.admin-exit-btn:hover{color:#fff;background:#2563eb1a;border-color:#2563eb80}.admin-mobile-toggle{border:1px solid var(--border-light);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;margin-left:auto;padding:8px 14px;font-size:.85rem;font-weight:700;display:none}.admin-sidebar,.admin-content{border:1px solid var(--border);background:#101724f0;border-radius:14px}.admin-sidebar{align-self:start;padding:16px;position:sticky;top:84px}.admin-sidebar h2{margin-bottom:14px}.admin-nav{gap:6px;display:grid}.admin-content{min-width:0;padding:22px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.dashboard-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:16px}.dashboard-card strong{color:var(--muted);text-transform:uppercase;font-size:.78rem}.dashboard-card p{color:var(--text);margin-top:8px;font-size:1.25rem;font-weight:900}.set-row{grid-template-columns:80px 1fr 1fr;align-items:center;gap:8px;display:grid}.edit-panel{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin-top:20px;padding:16px}.checkbox{align-items:center;gap:8px;display:flex}.checkbox input{width:auto}.active-row{background:#2563eb1f}.inline-arrow-link{color:var(--accent-light);font-size:.88rem;font-weight:800}.inline-arrow-link:hover{text-decoration:underline}.match-preview-list,.match-history-list{gap:12px;display:grid}.match-preview-item,.match-history-card{border:1px solid var(--border);background:#101724f0;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.score-pill{border:1px solid var(--border-light);min-width:62px;color:var(--text);background:#0c111ce6;border-radius:999px;justify-content:center;align-items:center;padding:7px 12px;font-size:.82rem;font-weight:900;display:inline-flex}.match-preview-main,.match-history-main{gap:4px;display:grid}.rating-pill-wrap,.match-history-ratings{align-items:center;gap:8px;display:flex}.rating-pill{border:1px solid #0000;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:900}.rating-pill.positive{color:#34d399;background:#10b9811f;border-color:#10b9814d}.rating-pill.negative{color:#fca5a5;background:#ef44441f;border-color:#ef44444d}.winner-name{color:#eff6ff;font-weight:900}.top-rank-row td{border-bottom-color:#60a5fa47}.top-rank-1{background:#d9770624}.top-rank-2{background:#60a5fa1f}.top-rank-3{background:#b4530924}.rank-avatar-ring{border-radius:999px;padding:2px}.rank-avatar-1{box-shadow:0 0 0 2px #f59e0bc7}.rank-avatar-2{box-shadow:0 0 0 2px #93c5fdc7}.rank-avatar-3{box-shadow:0 0 0 2px #f97316c2}.mobile-ranking-list{gap:10px;display:none}.mobile-ranking-card{border:1px solid var(--border);background:#101724f0;border-radius:12px;gap:10px;padding:12px;display:grid}.mobile-ranking-stats{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:.85rem;display:flex}.mobile-ranking-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-ranking-right{align-items:center;gap:8px;display:flex}.mobile-top-1{border-color:#f59e0ba6;box-shadow:0 12px 24px #d9770633}.mobile-top-2{border-color:#93c5fda6;box-shadow:0 10px 22px #60a5fa29}.mobile-top-3{border-color:#f973169e;box-shadow:0 10px 22px #ea580c29}.page-numbers button{border:1px solid var(--border-light);color:var(--muted);background:#0c111ceb;border-radius:8px;min-width:36px;padding:7px 10px;font-weight:800}.page-numbers button.active-page{color:#eff6ff;background:#2563eb6b;border-color:#93c5fd94}.mobile-menu-button{border:1px solid var(--border-light);color:var(--text);background:#0c111ce6;border-radius:8px;padding:6px 10px;font-size:1.1rem;display:none}.small-date{font-size:.8rem}.pagination{justify-content:center;align-items:center;gap:12px;display:flex}.meta-row{flex-wrap:wrap;gap:6px;display:flex}.equipment-line{color:var(--muted);font-size:.85rem}.equipment-line strong{color:var(--text)}.leaderboard-grid{grid-template-columns:50px 1fr 100px 70px 150px 80px;display:grid}.podium-card-link{width:179px}.podium-card-link--first{width:187px}@media (width<=640px){.hero-stats-bar{flex-wrap:nowrap!important;gap:8px!important;font-size:11px!important}.stats-divider{display:none!important}.leaderboard-section-header{gap:8px!important;margin-bottom:20px!important}.leaderboard-deco-line{width:50px!important}.leaderboard-title-text{font-size:18px!important}.podium-flex{gap:5px!important}.podium-card-link,.podium-card-link--first{min-width:0;width:calc(33.3333vw - 16.6667px)!important}.podium-card-body{height:210px!important;margin-top:20px!important;padding:8px 5px!important}.podium-card-body--first{height:230px!important;margin-top:0!important}.podium-avatar{width:32px!important;height:32px!important;margin-top:5px!important;margin-bottom:5px!important;font-size:12px!important}.podium-medal-badge{width:22px!important;height:22px!important;font-size:12px!important;top:6px!important;left:6px!important}.podium-delta-badge{padding:1px 4px!important;font-size:10px!important;top:6px!important;right:4px!important}.podium-player-name{margin-bottom:1px!important;font-size:10px!important}.podium-stats-grid{gap:4px!important;margin-bottom:6px!important}.podium-stat-box{border-radius:5px!important;padding:3px 2px!important}.podium-stat-value{font-size:12px!important}.podium-stat-label{margin-bottom:2px!important;font-size:8px!important}.podium-form-dot{width:13px!important;height:13px!important;font-size:7px!important}.leaderboard-grid{grid-template-columns:36px 1fr 70px 56px!important;gap:6px!important}.leaderboard-grid-header{margin-bottom:8px!important;padding:10px!important}.leaderboard-grid-row{margin-bottom:4px!important;padding:10px!important}.leaderboard-col-wl,.leaderboard-col-winrate{display:none!important}}@media (width<=980px){.topbar-inner{flex-wrap:wrap;align-items:center;min-height:60px;padding:10px 0}.admin-shell{grid-template-columns:1fr}.admin-sidebar{display:none;position:static}.admin-sidebar.is-open{display:block}.admin-mobile-toggle{display:inline-flex}.admin-exit-btn{flex:auto;justify-content:center;min-width:120px}.mobile-menu-button{justify-content:center;align-items:center;display:inline-flex}.nav,.auth-meta{border:1px solid var(--border);background:#0c111cf5;border-radius:10px;flex-wrap:wrap;flex:none;width:100%;padding:10px;display:none}.nav.is-open,.auth-meta.is-open{flex-direction:column;gap:6px;display:flex}.nav a,.auth-meta a,.auth-meta button,.btn-logout{justify-content:flex-start;width:100%;padding:10px 12px;font-size:.95rem}.user-chip{max-width:none;font-size:.92rem}}@media (width>=981px) and (width<=1120px){.brand-title{display:none}.brand-mark,.brand-logo-image{width:38px;height:38px}}@media (width<=980px){.podium-wrap{grid-template-columns:1fr;align-items:stretch}.podium-slot-1{order:1;min-height:290px;transform:none}.podium-slot-2{order:2;min-height:240px}.podium-slot-3{order:3;min-height:240px}.desktop-ranking-table,.desktop-home-ranking-table{display:none}.mobile-ranking-list{display:grid}}@media (width<=720px){.content{width:min(100% - 24px,1140px);padding-top:24px}.hero{margin-top:-24px;padding-top:48px}.page-header,.player-card-head,.player-line,.match-line,.match-preview-item,.match-history-card{flex-direction:column;align-items:flex-start}.form-grid{grid-template-columns:1fr}.data-table{min-width:640px}.rating-big{text-align:left}}.mm-page{max-width:600px;margin:0 auto;padding:16px}.mm-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.mm-title{color:var(--text);margin:0;font-size:1.5rem;font-weight:800}.mm-create-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-size:.95rem;font-weight:700;transition:background .15s}.mm-create-btn:hover{background:var(--accent-light)}.mm-filters{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.mm-filter-tab{border:1px solid var(--border);background:var(--card);color:var(--muted);cursor:pointer;border-radius:20px;padding:6px 14px;font-size:.85rem;transition:all .15s}.mm-filter-tab.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-light);font-weight:700}.mm-list{flex-direction:column;gap:12px;display:flex}.mm-card{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:14px;padding:16px;transition:background .15s,border-color .15s}.mm-card:hover{background:var(--card-hover);border-color:var(--accent-soft)}.mm-card-header{justify-content:space-between;margin-bottom:12px;font-size:.82rem;display:flex}.mm-status-badge{font-weight:700}.mm-format{color:var(--muted)}.mm-card-players{justify-content:space-between;align-items:center;gap:8px;display:flex}.mm-player-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:1rem;font-weight:700;overflow:hidden}.mm-player-b{text-align:right}.mm-score-mini{align-items:center;gap:6px;font-size:1.3rem;font-weight:900;display:flex}.mm-set-score{color:var(--text)}.mm-score-sep{color:var(--muted-2)}.mm-vs{color:var(--muted);font-size:.9rem}.mm-card-live-score{text-align:center;color:var(--accent-light);margin-top:8px;font-size:.88rem}.mm-card-referee{color:var(--muted);font-size:.78rem}.mm-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:10px;display:flex}.mm-btn-small{border-radius:8px;padding:6px 12px;font-size:.82rem}.mm-loading,.mm-empty{text-align:center;color:var(--muted);padding:48px 0}.mm-error-msg{color:var(--red);text-align:center;padding:24px}.mm-retry{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;margin:12px auto 0;padding:8px 20px;display:block}.mm-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#020817cc;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.mm-modal{background:var(--card);border:1px solid var(--border-light);border-radius:18px;width:100%;max-width:420px;padding:24px}.mm-modal-title{color:var(--text);margin:0 0 20px;font-size:1.15rem;font-weight:800}.mm-form{flex-direction:column;gap:14px;display:flex}.mm-form-row{flex-direction:column;gap:6px;display:flex}.mm-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:600}.mm-select{background:var(--surface);border:1px solid var(--border);color:var(--text);appearance:none;border-radius:10px;width:100%;padding:12px 14px;font-size:1rem}.mm-select:focus{border-color:var(--accent);outline:none}.mm-error{color:var(--red);font-size:.88rem}.mm-form-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.mm-btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 24px;font-size:1rem;font-weight:700}.mm-btn-primary:disabled{opacity:.5}.mm-btn-secondary{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;padding:12px 20px;font-size:1rem}.mm-muted{color:var(--muted);font-size:.9rem}.lm-shell{background:var(--bg);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;padding:0;display:flex;position:relative}.lm-loading,.lm-error{min-height:50vh;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;font-size:1rem;display:flex}.lm-back-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;padding:10px 20px;font-size:.95rem}.lm-topbar{border-bottom:1px solid var(--border);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c111cf2;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.lm-back{color:var(--accent-light);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 10px;font-size:1.2rem}.lm-format-badge{background:var(--accent-soft);color:var(--accent-light);border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:700}.lm-history-toggle{cursor:pointer;background:0 0;border:none;padding:6px 10px;font-size:1.2rem}.lm-set-wins-bar{justify-content:space-between;align-items:center;padding:12px 20px 4px;display:flex}.lm-set-wins-col{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.lm-set-wins-col.lm-right{align-items:flex-end}.lm-player-label-small{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:.78rem;font-weight:600;overflow:hidden}.lm-set-win-count{color:var(--accent-light);font-size:2rem;font-weight:900;line-height:1}.lm-set-wins-sep{color:var(--muted-2);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.lm-completed-sets-mini{flex-wrap:wrap;justify-content:center;gap:6px;padding:4px 16px;display:flex}.lm-mini-set{color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:2px 8px;font-size:.78rem}.lm-scoreboard{justify-content:center;align-items:center;gap:0;padding:16px 16px 8px;display:flex}.lm-score-block{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.lm-player-name-big{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:.9rem;font-weight:700;overflow:hidden}.lm-service-dot{color:var(--accent-light);font-size:.7rem;line-height:1}.lm-score-big{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(4rem,18vw,6rem);font-weight:900;line-height:1}.lm-score-divider{color:var(--muted-2);align-self:center;padding:20px 8px 0;font-size:2rem;font-weight:300}.lm-service-info{text-align:center;color:var(--accent-light);padding:4px 16px 8px;font-size:.88rem;font-weight:600}.lm-point-btns{gap:12px;padding:8px 16px 12px;display:flex}.lm-point-btn{cursor:pointer;letter-spacing:-.02em;border:none;border-radius:18px;flex:1;height:clamp(90px,22vw,130px);font-size:clamp(2rem,10vw,3rem);font-weight:900;transition:transform .1s,filter .1s}.lm-point-btn:active{transform:scale(.96)}.lm-point-btn:disabled{opacity:.5;cursor:not-allowed}.lm-btn-a{color:#fff;background:linear-gradient(135deg,#1e3a8a,#2563eb)}.lm-btn-a:hover:not(:disabled){filter:brightness(1.1)}.lm-btn-b{color:#fff;background:linear-gradient(135deg,#78350f,#d97706)}.lm-btn-b:hover:not(:disabled){filter:brightness(1.1)}.lm-action-error{color:var(--red);text-align:center;padding:4px 16px;font-size:.85rem}.lm-secondary-actions{grid-template-columns:1fr 1fr;gap:8px;padding:8px 16px 16px;display:grid}.lm-action-btn{background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:12px;padding:12px 10px;font-size:.85rem;font-weight:600;transition:background .15s}.lm-action-btn:hover:not(:disabled){background:var(--card-hover)}.lm-action-btn:disabled{opacity:.5;cursor:not-allowed}.lm-action-disabled{color:var(--muted-2)}.lm-undo-btn{border-color:var(--accent-soft);color:var(--accent-light);grid-column:span 2}.lm-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;text-align:center;background:#020817f5;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 24px;display:flex;position:fixed;inset:0}.lm-overlay-badge{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);background:#fbbf241a;border:1px solid #fbbf244d;border-radius:20px;padding:6px 20px;font-size:.85rem;font-weight:800}.lm-overlay-timeout .lm-overlay-badge{color:var(--accent-light);background:#2563eb1a;border-color:#2563eb4d}.lm-overlay-lastscore{color:var(--text);font-size:2.5rem;font-weight:900}.lm-overlay-standing{color:var(--muted);align-items:center;gap:16px;font-size:.9rem;display:flex}.lm-standing-item strong{color:var(--text);font-size:1.1rem}.lm-standing-sep{color:var(--muted-2)}.lm-overlay-who{color:var(--text);font-size:1.8rem;font-weight:800}.lm-overlay-label{color:var(--muted);letter-spacing:.04em;font-size:.9rem;font-weight:600}.lm-overlay-timer{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(3.5rem,16vw,5rem);font-weight:900}.lm-timer-done{color:var(--red);animation:1s ease-in-out infinite lm-timer-pulse}@keyframes lm-timer-pulse{0%,to{opacity:1}50%{opacity:.4}}.lm-overlay-continue{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:14px;margin-top:8px;padding:18px 32px;font-size:1.05rem;font-weight:800;transition:filter .15s}.lm-overlay-continue:hover{filter:brightness(1.1)}.lm-overlay-continue:disabled{opacity:.5}.lm-setup-card{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:32px 24px;display:flex}.lm-setup-title{margin:0;font-size:1.4rem;font-weight:800}.lm-setup-sub{color:var(--muted);font-size:1.1rem}.lm-setup-format{background:var(--accent-soft);color:var(--accent-light);border-radius:20px;padding:4px 16px;font-size:.85rem;font-weight:700}.lm-setup-label{color:var(--muted);margin-top:16px;font-size:.95rem;font-weight:600}.lm-setup-service-btns{gap:12px;width:100%;max-width:320px;display:flex}.lm-service-choose-btn{background:var(--card);border:2px solid var(--border);color:var(--text);cursor:pointer;border-radius:14px;flex:1;padding:18px 12px;font-size:1rem;font-weight:700;transition:all .15s}.lm-service-choose-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft);color:var(--accent-light)}.lm-service-choose-btn:disabled{opacity:.5}.lm-setup-wait{color:var(--muted);margin-top:16px;font-size:.95rem;font-style:italic}.lm-completed-card{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:32px 24px;display:flex}.lm-completed-badge{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);background:#fbbf241a;border:1px solid #fbbf244d;border-radius:20px;padding:6px 20px;font-size:.85rem;font-weight:800}.lm-completed-winner{color:var(--text);font-size:1.6rem;font-weight:800}.lm-completed-score{align-items:center;gap:16px;font-size:3.5rem;font-weight:900;display:flex}.lm-winner-set{color:var(--green)}.lm-loser-set{color:var(--muted-2)}.lm-set-sep{color:var(--muted-2);font-size:2rem}.lm-completed-sets-detail{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.lm-set-chip{background:var(--card);border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:4px 12px;font-size:.85rem}.lm-muted-note{color:var(--muted-2);font-size:.8rem}.lm-history-panel{background:var(--card);border-left:1px solid var(--border);z-index:40;flex-direction:column;width:min(320px,90vw);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 32px #0006}.lm-history-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;font-size:.95rem;font-weight:700;display:flex}.lm-close-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1rem}.lm-history-list{flex-direction:column;flex:1;gap:6px;padding:12px;display:flex;overflow-y:auto}.lm-history-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:.85rem;display:flex}.lm-history-undone{opacity:.4;text-decoration:line-through}.lm-hist-a{border-left:3px solid var(--accent)}.lm-hist-b{border-left:3px solid var(--gold)}.lm-hist-label{color:var(--text);font-weight:600}.lm-hist-time{color:var(--muted-2);font-size:.78rem}.lm-offline-banner{border:1px solid #0000;border-radius:10px;margin:8px 12px 0;padding:10px 14px;font-size:.92rem;font-weight:600;line-height:1.35}.lm-offline-down{color:#fde68a;background:#f59e0b29;border-color:#f59e0b73}.lm-offline-sync{color:#bfdbfe;background:#2563eb29;border-color:#2563eb73}.lm-offline-conflict{color:#fecaca;background:#ef44442e;border-color:#ef44448c}@media (width>=600px){.lm-shell{max-width:480px;margin:0 auto}.lm-point-btn{height:130px}}@media (width>=820px),(orientation:landscape) and (width>=720px){.lm-shell{width:min(100%,1200px);max-width:none;padding:0 16px}.lm-sides-wrap{gap:clamp(40px,8vw,96px);padding:28px 28px 32px}.lm-sides-divider{background:linear-gradient(180deg, transparent, var(--border-light), transparent);margin:24px 0}.lm-side{gap:18px;padding:12px 16px 4px}.lm-side-name{max-width:320px;font-size:1.6rem}.lm-side-score{font-size:clamp(7rem,18vw,13rem)}.lm-side-point-btn{border-radius:22px;width:100%;height:clamp(140px,18vw,220px);font-size:clamp(2.6rem,6vw,4.2rem)}.lm-set-wins-bar{padding:20px 32px 8px}.lm-set-win-count{font-size:3rem}.lm-player-label-small{max-width:280px;font-size:1rem}.lm-secondary-actions{gap:14px;padding:16px 24px 28px}.lm-action-btn{border-radius:14px;min-height:64px;padding:14px 22px;font-size:1.1rem}.lm-completed-sets-mini{padding:8px 24px}.lm-mini-set{padding:6px 14px;font-size:1rem}.lm-service-info{font-size:1.1rem}}@media (orientation:landscape) and (height<=720px) and (width>=720px){.lm-topbar{padding:6px 14px}.lm-set-wins-bar{padding:6px 24px 2px}.lm-set-win-count{font-size:2.2rem}.lm-sides-wrap{padding:8px 24px 12px}.lm-side-score{font-size:clamp(5rem,18vh,9rem)}.lm-side-point-btn{height:clamp(110px,22vh,170px)}.lm-secondary-actions{padding:8px 16px 12px}}.ref-alert{color:inherit;flex-direction:column;text-decoration:none;display:flex}.ref-alert--hero{cursor:pointer;background:linear-gradient(135deg,#0f4d2f 0%,#0e6336 65%,#10b98140 100%);border:1px solid #10b98155;border-radius:16px;margin:0 0 28px;padding:20px 22px;transition:transform .15s,filter .15s;position:relative;overflow:hidden;box-shadow:0 0 24px #10b98140}.ref-alert--hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 90% 0,#ffffff2e,#0000 60%);position:absolute;inset:0}.ref-alert--hero:hover{filter:brightness(1.1);transform:translateY(-1px)}.ref-alert-badge{letter-spacing:1.5px;color:#d1fae5;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:800}.ref-alert-status{color:#a7f3d0;margin-bottom:8px;font-size:.92rem}.ref-alert-players{color:#fff;letter-spacing:-.3px;margin-bottom:12px;font-size:clamp(1.15rem,4vw,1.55rem);font-weight:800}.ref-alert-players span{color:#6ee7b7;padding:0 6px;font-weight:600}.ref-alert-cta{color:#fff;background:#ffffff29;border:1px solid #ffffff59;border-radius:8px;align-self:flex-start;padding:9px 18px;font-size:.95rem;font-weight:700;display:inline-block}.ref-alert--float{z-index:80;background:linear-gradient(135deg,#064e3b,#065f46);border:1px solid #10b98199;border-radius:12px;flex-direction:row;align-items:center;max-width:320px;padding:12px 14px 12px 16px;position:fixed;bottom:16px;right:16px;box-shadow:0 12px 32px #00000073,0 0 24px #10b98159}.ref-alert--float .ref-alert-body{flex-direction:column;flex:1;gap:2px;text-decoration:none;display:flex}.ref-alert-title{color:#fff;font-size:.95rem;font-weight:800}.ref-alert-sub{color:#a7f3d0;font-size:.82rem}.ref-alert-action{color:#fff;margin-top:4px;font-size:.85rem;font-weight:700}.ref-alert-close{color:#d1fae5;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:.95rem;line-height:1;position:absolute;top:4px;right:6px}.ref-alert-close:hover{color:#fff}@media (width<=600px){.ref-alert--float{max-width:none;left:12px;right:12px}}.lm-side-swap-btn{background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:inline-flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.lm-side-swap-btn:hover{background:var(--card-hover)}.lm-topbar{position:relative}.lm-sound-toggle{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;margin-right:6px;padding:5px 9px;font-size:.8rem}.lm-sound-toggle:hover{color:var(--text)}.lm-sound-toggle.is-on{color:var(--green);border-color:var(--green)}.lm-ball{background:radial-gradient(circle at 30% 30%,#fff 0%,#f3f4f6 55%,#cbd5e1 100%);border-radius:50%;width:22px;height:22px;animation:1.6s ease-in-out infinite lm-ball-pulse;display:inline-block;box-shadow:0 0 0 1px #fff9,0 0 10px #fff9,inset -3px -4px 6px #0000002e}@keyframes lm-ball-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 1px #fff9,0 0 10px #ffffff8c,inset -3px -4px 6px #0000002e}50%{transform:scale(1.1);box-shadow:0 0 0 1px #ffffffb3,0 0 18px #fffc,inset -3px -4px 6px #0000002e}}.lm-ball-inline{vertical-align:-2px;width:14px;height:14px;margin-right:6px;animation:none}.lm-side{flex-direction:column;flex:1;align-items:center;gap:10px;padding:4px 6px 0;display:flex}.lm-side-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:1rem;font-weight:700;overflow:hidden}.lm-side-ball-slot{justify-content:center;align-items:center;height:24px;display:flex}.lm-side-score{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(4.4rem,22vw,7rem);font-weight:900;line-height:1}.lm-side-point-btn{color:#fff;cursor:pointer;letter-spacing:-.02em;border:none;border-radius:16px;width:92%;height:clamp(72px,18vw,110px);font-size:clamp(1.6rem,8vw,2.4rem);font-weight:900;transition:transform .1s,filter .1s}.lm-side-point-btn:active{transform:scale(.97)}.lm-side-point-btn:disabled{opacity:.5;cursor:not-allowed}.lm-side-point-btn.is-a{background:linear-gradient(135deg,#1e3a8a,#2563eb)}.lm-side-point-btn.is-b{background:linear-gradient(135deg,#78350f,#d97706)}.lm-side-point-btn:hover:not(:disabled){filter:brightness(1.1)}.lm-sides-wrap{align-items:stretch;gap:14px;padding:12px 14px 16px;display:flex}.lm-sides-divider{background:linear-gradient(180deg, transparent, var(--border-light), transparent);width:1px;margin:18px 0}.mm-card-actions-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.mm-btn-warn{color:#fde68a;cursor:pointer;background:#f59e0b2e;border:1px solid #f59e0b80;border-radius:6px;padding:5px 10px;font-size:.82rem;font-weight:600}.mm-btn-warn:hover{background:#f59e0b47}.mm-btn-danger{color:#fecaca;cursor:pointer;background:#ef44442e;border:1px solid #ef444480;border-radius:6px;padding:5px 10px;font-size:.82rem;font-weight:600}.mm-btn-danger:hover{background:#ef444447}.mm-radio-group{flex-direction:column;gap:8px;display:flex}.mm-radio-row{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.mm-radio-row.is-selected{border-color:var(--accent);background:#2563eb1f}.mm-radio-row input{accent-color:var(--accent)}.tm-card-list{flex-direction:column;gap:10px;display:flex}.tm-card{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.tm-card-head{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:.78rem;display:flex}.tm-card-num{color:var(--text);font-weight:800}.tm-card-round{color:var(--muted-2)}.tm-card-status{letter-spacing:.04em;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:.72rem;font-weight:700}.tm-card-status.status-InProgress{color:var(--green);border-color:#10b98159}.tm-card-status.status-Completed{color:var(--muted)}.tm-card-status.status-WaitingForReferee{color:var(--gold);border-color:#f59e0b59}.tm-card-players{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.tm-side{flex-direction:column;gap:2px;min-width:0;display:flex}.tm-side-a{text-align:left}.tm-side-b{text-align:right}.tm-side-label{color:var(--muted-2);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:700}.tm-side-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;overflow:hidden}.tm-score{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:8px;min-width:60px;padding:6px 12px;font-size:1.25rem;font-weight:900}.tm-card-meta{color:var(--muted);border-top:1px dashed var(--border);flex-wrap:wrap;gap:4px 14px;padding-top:6px;font-size:.82rem;display:flex}.tm-card-meta strong{color:var(--muted-2);margin-right:4px;font-weight:700}.tm-card-actions{flex-wrap:wrap;gap:6px;display:flex}@media (width<=560px){.tm-card-players{text-align:center;grid-template-columns:1fr}.tm-side-a,.tm-side-b{text-align:center}.tm-score{margin:0 auto}.tm-card-status{margin-left:0}}.participant-picker{flex-direction:column;gap:12px;display:flex}.participant-picker-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.participant-picker-count{color:var(--muted);font-size:.9rem}.participant-picker-count strong{color:var(--text);margin-right:4px;font-weight:800}.participant-picker-of{color:var(--muted-2);margin-left:4px}.participant-picker-search{background:var(--surface);border:1px solid var(--border);min-width:180px;color:var(--text);border-radius:10px;flex:1;padding:9px 12px;font-size:.92rem}.participant-picker-btn{padding:8px 14px;font-size:.85rem}.participant-grid{border:1px solid var(--border);background:#0c111c99;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;max-height:380px;padding:10px;display:grid;overflow-y:auto}.participant-card{border:1.5px solid var(--border);background:var(--card);color:var(--text);text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.participant-card:hover{border-color:var(--accent);background:#2563eb0d}.participant-card.is-selected{border-color:var(--accent);background:#2563eb29;box-shadow:0 0 0 1px #2563eb59}.participant-card-avatar{width:32px;height:32px;color:var(--accent-light);background:radial-gradient(circle at 35% 35%,#3b82f666,#3b82f626);border:1.5px solid #3b82f673;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:inline-flex}.participant-card-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.participant-card-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:700;overflow:hidden}.participant-card-rating{color:var(--muted);font-size:.74rem;font-weight:500}.participant-card-check{width:20px;height:20px;color:var(--accent-light);background:#2563eb2e;border:1.5px solid #2563eb80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:900;display:inline-flex}.participant-card:not(.is-selected) .participant-card-check{border-color:var(--border);color:#0000;background:0 0}.auto-ref-toggle{background:#f59e0b0f;border:1px solid #f59e0b33;border-radius:12px;padding:12px 14px}.mm-referee-badge{border:1px solid var(--border);background:#ffffff05;border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;font-size:.92rem;display:flex}.mm-referee-badge.is-assigned{background:#10b98114;border-color:#10b98159}.mm-referee-badge.is-missing{background:#f59e0b12;border-color:#f59e0b66}.mm-referee-badge-icon{font-size:1.1rem;line-height:1}.mm-referee-badge-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.68rem;font-weight:800}.mm-referee-badge-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:800;overflow:hidden}.mm-referee-badge.is-missing .mm-referee-badge-name{color:var(--gold)}.mm-referee-badge-btn{flex-shrink:0}.mm-pagination{justify-content:center;align-items:center;gap:14px;margin-top:18px;display:flex}.mm-pagination-info{color:var(--text);font-size:.92rem;font-weight:600}:root{--sa-top:env(safe-area-inset-top,0px);--sa-bottom:env(safe-area-inset-bottom,0px);--sa-left:env(safe-area-inset-left,0px);--sa-right:env(safe-area-inset-right,0px);--bottom-nav-h:62px}html.capacitor body{overscroll-behavior-y:contain}.topbar{padding-top:var(--sa-top);padding-left:var(--sa-left);padding-right:var(--sa-right)}@media (width<=720px){.topbar-inner{gap:6px;min-height:54px;padding:0 12px}.brand{gap:8px;font-size:.98rem}.brand-mark,.brand-logo-image{width:36px;height:36px}.brand-title{font-size:.98rem}.mobile-menu-button,.topbar .nav{display:none!important}.auth-meta{gap:6px}.auth-meta .user-chip{padding:4px 8px;font-size:12px}.auth-meta .user-chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.auth-meta .role-badge{padding:1px 6px;font-size:10px}.btn-logout,.btn-nav-primary,.btn-nav-secondary{min-height:36px;padding:6px 10px;font-size:12px}}.bottom-nav{display:none}@media (width<=720px){.bottom-nav{z-index:60;padding:6px 4px calc(6px + var(--sa-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);min-height:var(--bottom-nav-h);background:#0c111cf5;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;inset:auto 0 0}.bottom-nav-item{color:var(--muted);letter-spacing:.02em;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:50px;padding:4px 2px;font-size:10.5px;font-weight:600;text-decoration:none;transition:color .15s,background .15s;display:flex}.bottom-nav-item.is-active{color:var(--accent-light);background:#2563eb1f}.bottom-nav-item:active{background:#2563eb33}.bottom-nav-icon{display:flex}.bottom-nav-label{text-align:center;line-height:1.05}.bottom-nav-extra{display:none}.content{padding:16px 0 calc(16px + var(--bottom-nav-h) + var(--sa-bottom));width:min(100%,100% - 24px)}.app-footer{display:none}.topbar,.bottom-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.page-header h1{font-size:1.35rem}.page-header p{font-size:13.5px}.section-title h2{font-size:1.06rem}}.touch-tap{min-width:44px;min-height:44px}.mobile-only{display:none}.desktop-only{display:initial}@media (width<=720px){.mobile-only{display:initial}.desktop-only{display:none!important}}.card-list{flex-direction:column;gap:10px;display:flex}.card-list-item{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.card-list-item:active,.card-list-item:focus-visible{border-color:var(--accent);background:var(--card-hover)}.card-list-row{justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.card-list-row dt{color:var(--muted);font-weight:500}.card-list-row dd{color:var(--text);text-align:right;margin:0;font-weight:600}.card-list-title{color:var(--text);font-size:15px;font-weight:700}.card-list-sub{color:var(--muted);font-size:12px}.bottom-sheet-root{z-index:200;background:#020817b3;justify-content:center;align-items:flex-end;animation:.16s ease-out bsFade;display:flex;position:fixed;inset:0}.bottom-sheet{background:var(--surface);border-top:1px solid var(--border);width:100%;max-width:720px;max-height:90vh;padding-bottom:var(--sa-bottom);border-radius:22px 22px 0 0;flex-direction:column;animation:.22s cubic-bezier(.22,.85,.36,1) bsSlide;display:flex;overflow:hidden;box-shadow:0 -18px 50px #0000008c}.bottom-sheet-tall{min-height:60vh}.bottom-sheet-full{height:calc(100vh - 24px)}.bottom-sheet-handle{background:var(--border-light);border-radius:3px;width:44px;height:4px;margin:10px auto 6px}.bottom-sheet-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:6px 16px 10px;display:flex}.bottom-sheet-header h3{color:var(--text);margin:0;font-size:15px;font-weight:700}.bottom-sheet-close{background:var(--card);color:var(--muted);border:1px solid var(--border);border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:inline-flex}.bottom-sheet-body{-webkit-overflow-scrolling:touch;flex:1;padding:12px 16px 20px;overflow-y:auto}@keyframes bsFade{0%{opacity:0}to{opacity:1}}@keyframes bsSlide{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width>=721px){.bottom-sheet{border-radius:16px;max-height:80vh}.bottom-sheet-root{align-items:center;padding:16px}}@media (width<=720px){.data-table{display:block}.data-table thead{display:none}.data-table tbody{flex-direction:column;gap:10px;display:flex}.data-table tr{background:var(--card);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.data-table td{border:none;justify-content:space-between;align-items:center;gap:10px;padding:0;font-size:13px;display:flex}.data-table td:before{content:attr(data-label);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.data-table td[data-label=""]:before{content:"";display:none}.table-wrap{overflow-x:visible}}@media (width<=980px){.admin-shell{padding-bottom:calc(var(--bottom-nav-h) + var(--sa-bottom) + 12px);grid-template-columns:1fr}.admin-exit-bar{flex-wrap:wrap;gap:8px;padding:10px 12px}.admin-exit-btn{min-height:40px;padding:6px 12px;font-size:13px}.admin-mobile-toggle{min-height:40px;padding:6px 14px;font-size:13px}.admin-sidebar{z-index:100;width:min(85vw,320px);padding:calc(20px + var(--sa-top)) 16px 32px;background:var(--surface);border-left:1px solid var(--border);transition:transform .22s;position:fixed;inset:0 0 0 auto;overflow-y:auto;transform:translate(100%)}.admin-sidebar.is-open{transform:translate(0)}.admin-sidebar a{align-items:center;min-height:48px;padding:8px 14px;font-size:14px;display:flex}.admin-content{padding:14px 12px 28px}.admin-shell.has-open-drawer:before{content:"";z-index:90;background:#02081799;position:fixed;inset:0}}@media (width<=720px){button,.btn,input[type=submit],input[type=button]{min-height:44px}input,select,textarea{min-height:44px;font-size:16px}textarea{min-height:88px}.lm-topbar{padding:8px 10px calc(8px + var(--sa-bottom))}.stat-grid,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr 1fr!important;gap:10px!important}.grid-cols-3.single-on-mobile,.grid-cols-4.single-on-mobile{grid-template-columns:1fr!important}form .form-row,form .input-row{flex-direction:column!important;grid-template-columns:1fr!important;align-items:stretch!important}form input,form select,form textarea{width:100%}body{overflow-x:hidden}}.bottom-sheet-root~.bottom-nav{display:none!important}@media (width<=720px){.mm-modal-backdrop{align-items:flex-end!important;padding:0!important}.mm-modal{width:100%!important;max-width:100%!important;max-height:92vh!important;padding:16px!important;padding-bottom:calc(16px + var(--sa-bottom))!important;border-radius:22px 22px 0 0!important;overflow-y:auto!important}.mm-title{font-size:1.15rem!important}.mm-create-btn{min-height:44px}.mm-form-row{flex-direction:column!important;align-items:stretch!important;gap:4px!important}.mm-select,.mm-input{min-height:44px;width:100%!important}.lm-shell{padding-bottom:calc(20px + var(--sa-bottom))}.lm-topbar{padding:8px 12px}.lm-back{min-height:40px;padding:8px 12px}.lm-format-badge{padding:3px 9px;font-size:.72rem}.lm-history-toggle{min-height:40px;padding:8px 10px}.lm-completed-card{padding:24px 16px!important}.lm-score-add,.lm-score-undo,.lm-score-action{min-height:52px!important;font-size:16px!important}.lm-setup-card{padding:18px 14px!important}.lm-setup-service-btns{flex-direction:column!important;gap:10px!important}.lm-service-choose-btn{min-height:56px;font-size:15px}.form-grid,.input-pair,.admin-form-row{flex-direction:column!important;grid-template-columns:1fr!important;align-items:stretch!important;gap:10px!important}.modal-backdrop,.modal-overlay,[class$=-modal-backdrop],[class*=modal-backdrop]{align-items:flex-end!important;padding:0!important}.modal,.modal-card,[class$=-modal]:not([class*=backdrop]){width:100%!important;max-width:100%!important;max-height:92vh!important;padding-bottom:calc(16px + var(--sa-bottom))!important;border-radius:22px 22px 0 0!important;overflow-y:auto!important}.tm-card-list{gap:8px!important}}@media (width<=480px){.page-header{gap:8px}.page-header-action,.page-header-action>*{width:100%}}html.capacitor button,html.capacitor .bottom-nav-item,html.capacitor .admin-exit-btn,html.capacitor .admin-mobile-toggle{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}@media (width<=720px){.page-header{flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin-bottom:16px!important}.page-header h1{margin:0;font-size:1.3rem;line-height:1.2}.page-header .eyebrow{font-size:10px}.section-title{flex-wrap:wrap!important;gap:8px!important}.section-title h2{font-size:1.04rem}.auth-wrap{min-height:calc(100vh - var(--bottom-nav-h) - var(--sa-bottom) - 80px);padding:12px 0}.auth-card{padding:18px 16px!important}.auth-title h1{font-size:1.2rem!important}}@media (width<=640px){.podium-flex,.stat-grid{width:100%!important}}@media (width<=720px){.admin-dashboard-grid,.ad-grid,.admin-stat-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.filter-bar,.match-history-filters{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.row-wrap,.actions-row,.toolbar{flex-wrap:wrap!important;gap:8px!important}.tv-mode-page,.canli-duyuru-page{overflow-x:auto;transform:scale(1)}}html.capacitor .bottom-nav{padding-bottom:max(6px, var(--sa-bottom))}html.capacitor .lm-shell{padding-bottom:max(20px, var(--sa-bottom))}@media (width<=720px){.status,.empty-state{text-align:center;padding:16px 14px}body,#root{max-width:100vw;overflow-x:clip}.content{max-width:100vw}}