:root{--ink:#142224;--muted:#6d7b7d;--line:#e3e8e5;--panel:#fff;--canvas:#f4f5f1;--brand:#123231;--brand2:#1c4b47;--gold:#c58b32;--gold2:#e5b95f;--success:#16845f;--danger:#c84f4f;--warning:#b87614;--info:#36799a;--shadow:0 18px 55px rgba(22,42,39,.09);--r:20px;--r2:14px;font-family:Tahoma,"Segoe UI",Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}code{direction:ltr;display:inline-block;background:#edf0ed;padding:2px 7px;border-radius:6px}h1,h2,h3,p{margin-top:0}.hidden{display:none!important}
.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(165deg,#102c2b 0%,#0c2222 64%,#081b1b 100%);color:#eaf3f0;padding:24px 18px;display:flex;flex-direction:column;z-index:30;overflow:hidden}.sidebar:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(229,185,95,.16),transparent 68%);left:-130px;top:-70px}.brand{display:flex;align-items:center;gap:12px;padding:2px 8px 28px;position:relative}.brand img{width:46px;height:46px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.2))}.brand strong{font-size:22px;letter-spacing:.4px;display:block}.brand span{font-size:10px;letter-spacing:1.4px;color:#9fb6b2;display:block;margin-top:4px}.main-nav{display:grid;gap:7px;position:relative}.main-nav a{min-height:48px;display:flex;align-items:center;gap:12px;padding:0 14px;border-radius:13px;color:#b9cbc8;transition:.2s}.main-nav a:hover{background:rgba(255,255,255,.06);color:#fff}.main-nav a.active{background:linear-gradient(100deg,rgba(229,185,95,.2),rgba(229,185,95,.07));color:#fff;box-shadow:inset 3px 0 var(--gold2)}.nav-icon{width:25px;text-align:center;font-size:20px;color:var(--gold2)}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding:20px 8px 0;display:grid;gap:16px}.storage-state{display:flex;gap:10px;align-items:center}.storage-state i{width:9px;height:9px;border-radius:50%;background:#47d69d;box-shadow:0 0 0 5px rgba(71,214,157,.1)}.storage-state strong{display:block;font-size:12px}.storage-state span{font-size:10px;color:#96aaa7}.logout-link{font-size:12px;color:#d1dfdc}.main-area{min-width:0}.topbar{height:94px;padding:18px 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(244,245,241,.92);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.top-kicker{display:block;color:var(--gold);font-size:11px;font-weight:700;margin-bottom:5px}.topbar h1{font-size:23px;margin:0}.top-actions{display:flex;gap:10px}.mobile-menu{display:none}.view{padding:30px 34px 60px;max-width:1700px;margin:0 auto}.loading-card{height:300px;display:grid;place-content:center;text-align:center;color:var(--muted);gap:12px}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid rgba(197,139,50,.2);border-top-color:var(--gold);display:inline-block;animation:spin .7s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}
.btn{min-height:42px;border:0;border-radius:12px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;transition:.18s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#17231f;box-shadow:0 8px 20px rgba(197,139,50,.2)}.btn.secondary{background:var(--brand);color:#fff}.btn.ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn.danger{background:#fff0f0;color:var(--danger);border:1px solid #f2cccc}.btn.success{background:#e8f7f1;color:var(--success);border:1px solid #bfe7d8}.btn.small{min-height:34px;border-radius:9px;padding:0 11px;font-size:12px}.btn.wide{width:100%}.icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#fff;display:grid;place-content:center}.eyebrow{font-size:11px;color:var(--gold);font-weight:800;letter-spacing:.5px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-head h2{font-size:20px;margin:0 0 5px}.section-head p{margin:0;color:var(--muted);font-size:12px}.section-actions{display:flex;gap:9px;flex-wrap:wrap}.panel{background:var(--panel);border:1px solid rgba(220,226,222,.9);border-radius:var(--r);box-shadow:0 7px 24px rgba(22,42,39,.04)}.panel-pad{padding:22px}.grid{display:grid;gap:18px}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:20px;position:relative;overflow:hidden;min-height:132px}.stat-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:rgba(197,139,50,.07);left:-30px;bottom:-40px}.stat-label{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.stat-icon{width:34px;height:34px;border-radius:10px;background:#f2eee3;display:grid;place-content:center;color:var(--gold);font-size:18px}.stat-value{font-size:30px;font-weight:900;margin:13px 0 4px}.stat-foot{font-size:11px;color:var(--muted)}.hero-card{padding:26px;background:linear-gradient(130deg,#163b39,#102c2b 62%,#1f4e48);color:#fff;position:relative;overflow:hidden;min-height:216px}.hero-card:after{content:"";position:absolute;inset:-80px -100px auto auto;width:280px;height:280px;border:1px solid rgba(229,185,95,.22);border-radius:50%;box-shadow:0 0 0 35px rgba(229,185,95,.05),0 0 0 75px rgba(229,185,95,.03)}.hero-card .eyebrow{color:#f0c46d}.hero-card h2{font-size:28px;margin:10px 0 8px}.hero-card p{color:#bcd0cd;max-width:620px;line-height:1.8}.hero-actions{display:flex;gap:10px;margin-top:20px;position:relative;z-index:2}.hero-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;color:#d6e4e1;font-size:12px}.hero-meta span{display:flex;gap:6px}.empty-state{padding:52px 20px;text-align:center}.empty-icon{width:72px;height:72px;border-radius:22px;background:#f3efe5;display:grid;place-content:center;font-size:31px;color:var(--gold);margin:0 auto 16px}.empty-state h3{margin-bottom:7px}.empty-state p{color:var(--muted);max-width:480px;margin:0 auto 18px;line-height:1.8}.status{display:inline-flex;align-items:center;gap:6px;min-height:27px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:700}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status.draft{background:#f1f1ef;color:#6f7774}.status.running{background:#e8f7f1;color:var(--success)}.status.finished{background:#fff4d9;color:#9b681a}.status.archived{background:#e9edf0;color:#5a6970}.status.paid,.status.present{background:#e8f7f1;color:var(--success)}.status.unpaid,.status.absent{background:#fff0f0;color:var(--danger)}.status.partial,.status.registered{background:#fff5e5;color:var(--warning)}
.table-wrap{overflow:auto;border-radius:var(--r)}table{border-collapse:collapse;width:100%;min-width:760px;background:#fff}th,td{text-align:right;padding:14px 15px;border-bottom:1px solid #edf0ed;vertical-align:middle}th{font-size:11px;color:var(--muted);background:#fafbf9;position:sticky;top:0;z-index:1}td{font-size:13px}.person-cell{display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#e9efe9,#f7f0e0);display:grid;place-content:center;font-weight:900;color:var(--brand)}.person-cell strong{display:block}.person-cell span{font-size:11px;color:var(--muted);direction:ltr;display:block;text-align:right;margin-top:3px}.row-actions{display:flex;gap:6px}.tournament-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tournament-card{padding:20px;display:flex;flex-direction:column;min-height:236px;transition:.2s}.tournament-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.t-card-top{display:flex;justify-content:space-between;gap:12px}.tournament-card h3{font-size:17px;margin:16px 0 6px}.tournament-card .meta{color:var(--muted);font-size:11px;display:flex;gap:11px;flex-wrap:wrap}.progress-line{height:6px;border-radius:10px;background:#eef1ee;overflow:hidden;margin:19px 0 14px}.progress-line span{display:block;height:100%;background:linear-gradient(90deg,var(--brand2),var(--gold2));border-radius:inherit}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto}.mini-stat{background:#f8f9f6;border-radius:11px;padding:9px}.mini-stat strong{display:block;font-size:16px}.mini-stat span{font-size:10px;color:var(--muted)}.t-card-action{margin-top:14px;display:flex;justify-content:space-between;align-items:center}.link-arrow{font-weight:800;color:var(--brand)}
.detail-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:24px;margin-bottom:18px}.detail-title{display:flex;gap:15px;align-items:center}.detail-badge{width:56px;height:56px;border-radius:17px;background:linear-gradient(145deg,var(--brand),var(--brand2));color:var(--gold2);display:grid;place-content:center;font-size:24px}.detail-title h2{margin:0 0 6px;font-size:22px}.detail-title p{margin:0;color:var(--muted);font-size:12px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap}.tabs{display:flex;gap:7px;padding:6px;background:#e9ece8;border-radius:14px;width:max-content;max-width:100%;overflow:auto;margin-bottom:18px}.tab{border:0;background:transparent;padding:10px 15px;border-radius:10px;color:var(--muted);white-space:nowrap;font-weight:700}.tab.active{background:#fff;color:var(--brand);box-shadow:0 4px 14px rgba(26,50,46,.08)}.operation-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:18px}.ready-list{display:grid;gap:12px}.match-live{border:1px solid #dfe6e2;border-radius:17px;padding:17px;background:linear-gradient(145deg,#fff,#fbfcfa);position:relative;overflow:hidden}.match-live:before{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:var(--gold)}.match-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;color:var(--muted);font-size:11px}.table-tag{background:#eef3f1;color:var(--brand);padding:6px 9px;border-radius:8px;font-weight:800}.versus{display:grid;grid-template-columns:1fr 48px 1fr;align-items:center;gap:8px}.competitor{border:1px solid var(--line);background:#fff;border-radius:13px;padding:13px;text-align:center;min-height:78px;display:grid;place-content:center;transition:.15s}.competitor:hover{border-color:var(--gold);background:#fffaf0}.competitor strong{font-size:14px}.competitor small{color:var(--muted);margin-top:5px}.vs{width:39px;height:39px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-content:center;font-size:10px;margin:auto}.winner-button{width:100%;border:0;background:transparent;color:inherit}.ready-empty{padding:35px;text-align:center;color:var(--muted)}.summary-stack{display:grid;gap:12px}.summary-box{padding:17px}.summary-box h3{font-size:13px;margin-bottom:13px}.key-list{display:grid;gap:10px}.key-row{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.key-row strong{color:var(--ink)}.champion-card{background:linear-gradient(145deg,#fff6dc,#fff);border-color:#efd795;text-align:center;padding:25px}.champion-crown{font-size:34px}.champion-card h3{margin:8px 0 5px;font-size:18px}.registration-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.reg-stat{padding:16px}.reg-stat strong{font-size:23px;display:block}.reg-stat span{color:var(--muted);font-size:11px}.toggle-group{display:flex;gap:5px}.toggle-chip{border:1px solid var(--line);background:#fff;border-radius:9px;padding:6px 9px;font-size:11px}.toggle-chip.active{background:var(--brand);color:#fff;border-color:var(--brand)}
.bracket-scroll{overflow:auto;padding-bottom:12px}.bracket-board{display:flex;gap:16px;align-items:flex-start;min-width:max-content;padding:4px}.bracket-column{width:245px;display:grid;gap:10px}.bracket-column h3{font-size:12px;color:var(--muted);height:32px;margin:0;display:flex;align-items:center;justify-content:space-between}.bracket-column h3 span{background:#edf1ee;border-radius:8px;padding:4px 7px;font-size:10px}.bracket-match{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:0 3px 12px rgba(18,50,49,.035)}.bracket-match.done{border-color:#c6ded4}.bracket-match.pending{border-color:#e5bd6a;box-shadow:0 0 0 2px rgba(229,185,95,.11)}.bm-head{padding:7px 10px;background:#f7f9f6;display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.bm-player{height:38px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0ed;font-size:11px}.bm-player.winner{font-weight:900;color:var(--success);background:#f2fbf7}.bm-player.empty{color:#a5afac}.bm-slot{font-size:9px;color:#9ca8a4}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.setting-item{padding:17px;border:1px solid var(--line);border-radius:14px}.setting-item span{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.setting-item strong{font-size:14px}.lock-note{margin-top:16px;padding:14px;border-radius:13px;background:#fff6e8;color:#8e621f;font-size:12px;line-height:1.8}.audit-list{display:grid;gap:8px;max-height:360px;overflow:auto}.audit-item{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #edf0ed;font-size:11px}.audit-item time{color:var(--muted);direction:ltr}
.modal-backdrop{position:fixed;inset:0;background:rgba(5,18,18,.62);backdrop-filter:blur(6px);z-index:100;display:grid;place-items:center;padding:20px}.modal{background:#fff;border-radius:23px;width:min(620px,100%);max-height:92vh;overflow:auto;box-shadow:0 30px 90px rgba(0,0,0,.24)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:18px}.modal-body{padding:24px}.modal-foot{padding:16px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px;background:#fbfcfa;border-radius:0 0 23px 23px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form-grid .full{grid-column:1/-1}label{display:grid;gap:7px;font-size:12px;font-weight:700}input,select,textarea{width:100%;min-height:44px;border:1px solid #dce2de;border-radius:11px;background:#fff;padding:9px 12px;color:var(--ink);outline:none;transition:.15s}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(197,139,50,.12)}textarea{min-height:90px;resize:vertical}.check-row{display:flex;gap:9px;align-items:center}.check-row input{width:18px;min-height:18px}.player-picker{border:1px solid var(--line);border-radius:13px;max-height:260px;overflow:auto}.pick-row{display:flex;align-items:center;gap:10px;padding:11px 12px;border-bottom:1px solid #edf0ed}.pick-row input{width:17px;min-height:17px}.pick-row:last-child{border:0}.form-help{color:var(--muted);font-size:10px;line-height:1.7}.alert{padding:12px 14px;border-radius:11px;margin-bottom:15px;font-size:12px;line-height:1.7}.alert.danger{background:#fff0f0;color:#9d3333;border:1px solid #f0c9c9}.alert.info{background:#ecf6fa;color:#31677d;border:1px solid #cbe3ed}.toast{position:fixed;left:24px;bottom:24px;z-index:200;background:#142d2c;color:#fff;padding:13px 16px;border-radius:13px;box-shadow:0 14px 40px rgba(0,0,0,.2);max-width:390px;animation:toastin .2s ease}.toast.error{background:#8e3232}.toast.success{background:#176e53}@keyframes toastin{from{transform:translateY(12px);opacity:0}}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,rgba(229,185,95,.14),transparent 30%),linear-gradient(145deg,#0d2726,#153e3a)}.auth-card{width:min(470px,100%);background:#fff;border-radius:28px;padding:32px;box-shadow:0 35px 90px rgba(0,0,0,.28)}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:30px}.auth-brand img{width:48px}.auth-brand strong{display:block;font-size:20px}.auth-brand span{font-size:11px;color:var(--muted)}.auth-copy h1{font-size:26px;margin:8px 0}.auth-copy p{color:var(--muted);line-height:1.8}.auth-form{display:grid;gap:15px;margin-top:22px}.auth-note{margin:18px 0 0;color:var(--muted);font-size:10px;line-height:1.8;text-align:center}
.public-body{background:#071b1b;color:#eef7f4;min-height:100vh}.public-loading{min-height:100vh;display:grid;place-content:center;text-align:center;gap:16px;color:#a8bfbb}.public-loading img{width:75px;margin:auto}.public-shell{min-height:100vh;background:radial-gradient(circle at 0 0,rgba(229,185,95,.12),transparent 27%),linear-gradient(160deg,#071b1b,#0d2827 65%,#0a2221)}.public-top{padding:24px clamp(18px,4vw,60px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.09);position:sticky;top:0;background:rgba(7,27,27,.9);backdrop-filter:blur(10px);z-index:10}.public-brand{display:flex;align-items:center;gap:12px}.public-brand img{width:45px}.public-brand strong{font-size:18px;display:block}.public-brand span{font-size:10px;color:#9ab2ae}.live-pill{display:flex;align-items:center;gap:8px;background:rgba(61,210,155,.12);color:#5fe0ad;padding:9px 12px;border-radius:999px;font-size:11px;font-weight:800}.live-pill i{width:8px;height:8px;border-radius:50%;background:#52dca8;box-shadow:0 0 0 5px rgba(82,220,168,.1);animation:pulse 1.5s infinite}@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(82,220,168,0)}}.public-content{padding:28px clamp(18px,4vw,60px) 70px}.public-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;margin-bottom:22px}.event-intro{padding:30px;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025));position:relative;overflow:hidden}.event-intro:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid rgba(229,185,95,.19);left:-120px;top:-130px;box-shadow:0 0 0 35px rgba(229,185,95,.035)}.event-intro .eyebrow{color:#efc873}.event-intro h1{font-size:clamp(27px,4vw,46px);margin:13px 0 10px;position:relative}.event-intro p{color:#a9bfbb;line-height:1.8}.public-meta{display:flex;gap:18px;flex-wrap:wrap;color:#d1dfdc;font-size:12px;margin-top:24px}.public-score{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.score-box{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:20px}.score-box strong{font-size:30px;display:block;color:#f1c86f}.score-box span{color:#96aeaa;font-size:11px}.public-section{margin-top:24px}.public-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.public-section h2{margin:0;font-size:20px}.public-section p{margin:5px 0 0;color:#8fa8a4;font-size:11px}.public-ready{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.public-match{background:#fff;color:#172726;border-radius:19px;padding:17px;box-shadow:0 14px 30px rgba(0,0,0,.14);position:relative;overflow:hidden}.public-match:before{content:"";position:absolute;right:0;left:0;top:0;height:4px;background:linear-gradient(90deg,#c58b32,#efc86e)}.public-match-head{display:flex;justify-content:space-between;color:#71807d;font-size:10px;margin-bottom:14px}.public-versus{display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;gap:6px;text-align:center}.public-player{font-weight:900;line-height:1.5}.public-vs{width:31px;height:31px;border-radius:50%;background:#153a38;color:#fff;display:grid;place-content:center;font-size:9px}.public-table{margin-top:13px;background:#f4f0e5;border-radius:10px;padding:8px;text-align:center;color:#8d6526;font-weight:800;font-size:11px}.public-bracket-wrap{overflow:auto;border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:17px;background:rgba(0,0,0,.12)}.public-bracket .bracket-match{background:#0f2a29;border-color:rgba(255,255,255,.1);color:#e8f2ef}.public-bracket .bm-head{background:rgba(255,255,255,.05);color:#93aaa6}.public-bracket .bm-player{border-color:rgba(255,255,255,.08)}.public-bracket .bm-player.winner{background:rgba(58,198,145,.1);color:#65ddaF}.public-bracket .bracket-column h3{color:#a7bcb8}.public-champion{padding:40px;text-align:center;border:1px solid rgba(229,185,95,.35);border-radius:26px;background:radial-gradient(circle at center,rgba(229,185,95,.16),transparent 60%)}.public-champion .crown{font-size:55px}.public-champion h2{font-size:30px;color:#f0c86e;margin:8px}.public-footer{text-align:center;color:#66817c;font-size:10px;padding:25px}.fullscreen-btn{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#e7f1ef;border-radius:11px;height:39px;padding:0 12px}
@media(max-width:1180px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}.tournament-grid{grid-template-columns:repeat(2,1fr)}.operation-layout{grid-template-columns:1fr}.public-ready{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.app-shell{display:block}.sidebar{position:fixed;inset:auto 0 0 0;height:72px;padding:8px 10px;background:#0d2928;display:block}.brand,.sidebar-foot{display:none}.main-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.main-nav a{height:56px;min-height:0;display:grid;place-content:center;gap:3px;padding:0;font-size:9px;text-align:center}.main-nav a.active{box-shadow:inset 0 3px var(--gold2)}.nav-icon{width:auto;font-size:18px}.topbar{height:78px;padding:13px 18px}.top-actions .btn.ghost{display:none}.topbar h1{font-size:19px}.view{padding:20px 16px 100px}.detail-header{grid-template-columns:1fr}.registration-summary{grid-template-columns:repeat(2,1fr)}.public-hero{grid-template-columns:1fr}.public-top{padding:16px 18px}.public-ready{grid-template-columns:1fr}.public-content{padding:20px 14px 50px}}
@media(max-width:620px){.grid.cols-4,.grid.cols-3,.grid.cols-2,.tournament-grid,.settings-grid{grid-template-columns:1fr}.top-actions .btn.primary{min-height:39px;padding:0 11px;font-size:11px}.section-head{align-items:flex-start;flex-direction:column}.section-actions{width:100%}.section-actions .btn{flex:1}.hero-card{padding:22px}.hero-card h2{font-size:23px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.modal-backdrop{padding:0;align-items:end}.modal{border-radius:23px 23px 0 0;max-height:95vh}.versus{grid-template-columns:1fr}.vs{margin:5px auto}.detail-actions .btn{flex:1}.detail-actions{width:100%}.detail-title{align-items:flex-start}.public-score{grid-template-columns:1fr 1fr}.event-intro{padding:23px}.auth-card{padding:24px}.toast{left:12px;right:12px;bottom:88px;max-width:none}}
@media print{.sidebar,.topbar,.tabs,.detail-actions,.section-actions,.btn{display:none!important}.app-shell{display:block}.view{padding:0}.panel{box-shadow:none}.bracket-scroll{overflow:visible}.bracket-board{transform:scale(.72);transform-origin:top right}.public-top .fullscreen-btn{display:none}}

/* Sokna 2.1 — operational clarity, in-app guide, and safer data actions */
.space-18{height:18px}.space-25{height:25px}.full-span{grid-column:1/-1}.help-shortcut{display:inline-flex}.workflow-overview{padding:22px}.operations-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:center}.hero-side{display:grid;gap:12px}.live-number{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);border-radius:16px;padding:16px;color:#fff}.live-number strong{display:block;font-size:28px;color:#f1c86f}.live-number span{font-size:11px;color:#b8cbc7}.readiness-mini{display:flex;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);padding:16px;border-radius:18px;color:#fff}.readiness-mini .readiness-ring{width:52px;height:52px;border-radius:50%;display:grid;place-content:center;background:rgba(229,185,95,.14);border:1px solid rgba(229,185,95,.45);flex:0 0 auto}.readiness-mini.ready .readiness-ring{background:rgba(71,214,157,.15);border-color:rgba(71,214,157,.55)}.readiness-mini strong{display:block}.readiness-mini span{display:block;margin-top:5px;color:#b8cbc7;font-size:10px;line-height:1.7}
.lifecycle{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative}.life-step{position:relative;display:flex;align-items:center;gap:11px;padding:12px 10px;color:#91a09e}.life-step:not(:last-child):after{content:"";position:absolute;height:2px;right:calc(50% + 28px);left:calc(-50% + 28px);top:33px;background:#e3e8e5;z-index:0}.life-index{position:relative;z-index:1;width:42px;height:42px;border-radius:50%;display:grid;place-content:center;background:#eef1ee;border:1px solid #dfe5e1;font-weight:900;flex:0 0 auto}.life-step strong{display:block;font-size:12px}.life-step small{display:block;font-size:9px;margin-top:4px}.life-step.active{color:var(--ink)}.life-step.active .life-index{background:linear-gradient(135deg,var(--gold2),var(--gold));border-color:transparent;color:#17231f;box-shadow:0 7px 18px rgba(197,139,50,.22)}.life-step.done{color:var(--success)}.life-step.done .life-index{background:#e5f6ef;border-color:#bce4d5}.life-step.done:not(:last-child):after{background:#8dd0b8}.process-panel{padding:14px 18px;margin-top:14px}.lifecycle.compact .life-step{padding-block:5px}.lifecycle.compact .life-index{width:36px;height:36px}.lifecycle.compact .life-step:not(:last-child):after{top:23px}
.data-quality-strip{display:grid;grid-template-columns:repeat(3,minmax(0,150px)) minmax(180px,1fr);gap:10px;margin-bottom:14px}.data-quality-strip>div,.quality-help{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 14px}.data-quality-strip strong{font-size:20px;display:block}.data-quality-strip span{font-size:10px;color:var(--muted)}.data-quality-strip .warn{border-color:#ead1a6;background:#fff9ef}.data-quality-strip .muted{opacity:.72}.quality-help{display:flex;align-items:center;justify-content:center;color:var(--brand);font-weight:800}.list-toolbar{padding:12px 14px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:14px}.search-box{height:42px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:0 12px;min-width:min(480px,100%)}.search-box:focus-within{border-color:#caa052;box-shadow:0 0 0 3px rgba(197,139,50,.1)}.search-box input{border:0!important;outline:0;background:transparent;width:100%;padding:0!important}.search-box span{color:var(--gold);font-size:18px}.filter-empty{text-align:center;padding:28px;color:var(--muted)}tr[hidden],[data-pick-row][hidden]{display:none!important}
.readiness-panel{padding:22px;margin:16px 0 24px;border-top:4px solid var(--warning)}.readiness-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.readiness-head h3{margin:5px 0 6px}.readiness-head p{margin:0;color:var(--muted);font-size:11px}.readiness-score{width:72px;height:72px;border-radius:50%;display:grid;place-content:center;text-align:center;background:#fff4e3;border:1px solid #efd2a5;flex:0 0 auto}.readiness-score.ready{background:#e9f8f2;border-color:#bee7d8}.readiness-score strong{font-size:24px}.readiness-score span{font-size:9px;color:var(--muted)}.readiness-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.check-item{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:12px;padding:11px 12px}.check-item>span{width:24px;height:24px;border-radius:50%;display:grid;place-content:center;font-weight:900;flex:0 0 auto}.check-item p{margin:2px 0 0;font-size:11px;line-height:1.7}.check-item.blocker{background:#fff4f4;border-color:#efcaca}.check-item.blocker>span{background:#f9dede;color:#a63e3e}.check-item.warning{background:#fff9ef;border-color:#eed7b1}.check-item.warning>span{background:#f9e7c6;color:#986415}.check-item.success{background:#edf9f4;border-color:#c5e9da}.check-item.success>span{background:#cfefe2;color:#167553}.readiness-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.btn:disabled{cursor:not-allowed;opacity:.48;transform:none!important;box-shadow:none!important}
.operation-notice{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#fff9ec;border:1px solid #ecd6a8;border-radius:15px;padding:13px 15px;margin-bottom:18px}.operation-notice strong,.operation-notice span{display:block}.operation-notice span{font-size:10px;color:#776341;margin-top:4px}.match-live{position:relative}.match-priority{position:absolute;right:-9px;top:-9px;width:28px;height:28px;border-radius:50%;display:grid;place-content:center;background:var(--brand);color:#fff;font-size:10px;font-weight:900;box-shadow:0 5px 14px rgba(12,34,34,.2)}.match-secondary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.match-secondary>span{font-size:9px;color:var(--muted);line-height:1.6}.summary-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.summary-title-row>span{font-size:8px;color:var(--muted)}
.data-safety-card{background:linear-gradient(145deg,#102f2e,#153d3a);color:#fff}.data-safety-card .section-head p{color:#a8bfbb}.safety-status{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);border-radius:14px}.safety-dot{width:10px;height:10px;border-radius:50%;background:#4bd6a1;box-shadow:0 0 0 5px rgba(75,214,161,.12);margin-top:5px;flex:0 0 auto}.safety-status p{font-size:10px;color:#afc3bf;line-height:1.8;margin:4px 0 0}.stack-actions{display:grid;gap:9px;margin-top:14px}.audit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.audit-item small{display:block;color:var(--muted);margin-top:3px}
.modal-intro{padding:14px;border-radius:13px;background:#f4f6f3;margin-bottom:15px}.modal-intro.warning{background:#fff7e9;border:1px solid #ecd5ac}.modal-intro p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.7}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.choice-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:20px;text-align:right;transition:.18s}.choice-card:hover{border-color:var(--gold);box-shadow:0 10px 24px rgba(22,42,39,.08);transform:translateY(-2px)}.choice-card span{display:block;font-size:10px;color:var(--muted)}.choice-card strong{display:block;font-size:17px;margin-top:7px}.confirm-visual{text-align:center}.confirm-icon{width:68px;height:68px;border-radius:50%;display:grid;place-content:center;margin:0 auto 12px;background:#edf2ef;color:var(--brand);font-size:27px;font-weight:900}.confirm-icon.success{background:#e4f6ef;color:var(--success)}.confirm-icon.danger{background:#fde9e9;color:var(--danger)}.confirm-visual h3{margin-bottom:7px}.confirm-visual>p{color:var(--muted);line-height:1.8}.confirm-meta,.lock-summary{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:14px 0}.confirm-meta span,.lock-summary span{background:#f1f4f1;border-radius:999px;padding:7px 10px;font-size:10px}.confirm-warning{background:#fff8ea;border:1px solid #eed8ad;color:#73591f;padding:11px 13px;border-radius:12px;font-size:10px;line-height:1.8;margin-top:15px;text-align:right}.confirm-warning.danger{background:#fff1f1;border-color:#edc7c7;color:#873a3a}.impact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0}.impact-grid>div{border:1px solid var(--line);border-radius:13px;padding:13px}.impact-grid strong{font-size:22px;display:block}.impact-grid span{font-size:9px;color:var(--muted)}.affected-list{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.affected-list code{font-size:9px}.ack-row{display:flex;gap:10px;text-align:right;background:#f4f6f3;padding:12px;border-radius:12px;margin-top:14px}.ack-row input{margin-top:3px}.ack-row span{font-size:10px;line-height:1.7}.guide-list.compact{font-size:11px;text-align:right;margin:10px 0}.modal-search{min-width:0;margin-bottom:12px}.radio-picker .pick-row span{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px}.pick-row strong{display:block}.pick-row small{color:var(--muted)}
.guide-hero{border-radius:28px;padding:34px;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:28px;align-items:center;background:radial-gradient(circle at 8% 15%,rgba(229,185,95,.2),transparent 27%),linear-gradient(145deg,#0e302e,#0a2222);color:#fff;box-shadow:0 25px 70px rgba(11,35,34,.16)}.guide-hero h2{font-size:30px;line-height:1.5;margin:8px 0}.guide-hero p{color:#b5c9c5;line-height:1.9;max-width:780px}.guide-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.guide-mark{text-align:center;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);border-radius:22px;padding:24px}.guide-mark img{width:88px;display:block;margin:0 auto 13px}.guide-mark strong,.guide-mark span{display:block}.guide-mark strong{font-size:24px}.guide-mark span{font-size:9px;color:#9fb6b2;letter-spacing:1.3px;margin-top:5px}.guide-nav{display:flex;gap:8px;overflow:auto;padding:14px 0 4px;position:sticky;top:93px;z-index:9;background:linear-gradient(var(--canvas) 70%,transparent)}.guide-nav a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-size:10px;font-weight:800;white-space:nowrap}.guide-nav a:hover{border-color:var(--gold);color:#8f641f}.guide-section{margin-top:24px;scroll-margin-top:160px}.guide-section-title{display:flex;align-items:center;gap:13px;margin-bottom:18px}.guide-section-title>span{width:48px;height:48px;border-radius:15px;display:grid;place-content:center;background:#f2ead9;color:#97691f;font-weight:900}.guide-section-title h2{margin:0 0 4px}.guide-section-title p{margin:0;color:var(--muted);font-size:11px}.guide-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guide-steps article{display:flex;gap:12px;padding:15px;border:1px solid var(--line);border-radius:15px}.guide-steps article>span{width:30px;height:30px;border-radius:50%;display:grid;place-content:center;background:var(--brand);color:#fff;flex:0 0 auto;font-weight:900}.guide-steps h3{font-size:13px;margin:2px 0 5px}.guide-steps p{font-size:10px;color:var(--muted);line-height:1.8;margin:0}.guide-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.guide-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px;box-shadow:0 7px 24px rgba(22,42,39,.035)}.guide-icon{font-size:26px;color:var(--gold);margin-bottom:12px}.guide-card h3{margin-bottom:8px}.guide-card p,.guide-card span{font-size:10px;color:var(--muted);line-height:1.8}.guide-card strong{display:block;font-size:10px;margin-top:15px}.guide-card span{display:block;margin-top:4px}.guide-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guide-columns>div:not(:last-child){border-left:1px solid var(--line);padding-left:22px}.guide-list{padding:0 18px 0 0;margin:0}.guide-list li{margin:9px 0;color:#4e5f60;font-size:11px;line-height:1.8}.backup-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.backup-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.backup-card.critical{border-top:4px solid var(--gold)}.backup-card>span{font-size:9px;color:var(--gold);font-weight:900}.backup-card h3{margin:9px 0}.backup-card p{font-size:10px;color:var(--muted);line-height:1.8;margin:0}.backup-center{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:14px}.backup-center p{font-size:10px;color:var(--muted);line-height:1.8;margin:5px 0 0}.recovery-warning{display:flex;gap:18px;align-items:center;margin-top:12px;padding:15px 18px;border-radius:14px;background:#fff6e7;border:1px solid #ecd4a7}.recovery-warning strong{white-space:nowrap}.recovery-warning p{font-size:10px;color:#735f3b;line-height:1.8;margin:0}.day-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.day-checklist label{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:13px;padding:12px;cursor:pointer}.day-checklist input{margin-top:4px}.day-checklist span{font-size:10px;line-height:1.8}.day-checklist strong{width:23px;height:23px;border-radius:50%;display:inline-grid;place-content:center;background:#eef2ef;margin-left:8px}.day-checklist label:has(input:checked){background:#edf9f4;border-color:#bfe4d6}.day-checklist label:has(input:checked) span{text-decoration:line-through;color:#6b837d}.requirements-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.requirements-grid article{padding:19px;border-radius:17px;background:#fff;border:1px solid var(--line)}.requirements-grid h3{font-size:13px}.requirements-grid p{font-size:10px;color:var(--muted);line-height:1.9;margin:0}.future-box{margin-top:24px;padding:29px;border-radius:22px;background:linear-gradient(145deg,#f2ead9,#fff);border:1px solid #ead9b8}.future-box h2{margin:7px 0}.future-box p{margin:0;color:#6d6047;line-height:1.9;font-size:11px}
@media(max-width:1180px){.operations-hero{grid-template-columns:1fr}.hero-side{grid-template-columns:repeat(2,1fr)}.guide-flow-grid,.requirements-grid{grid-template-columns:repeat(2,1fr)}.guide-columns{grid-template-columns:1fr}.guide-columns>div:not(:last-child){border-left:0;border-bottom:1px solid var(--line);padding:0 0 16px}.data-quality-strip{grid-template-columns:repeat(3,1fr)}.quality-help{grid-column:1/-1}.backup-center{align-items:flex-start;flex-direction:column}.audit-grid{grid-template-columns:1fr}}
@media(max-width:900px){.main-nav{grid-template-columns:repeat(5,1fr)}.guide-nav{top:77px}.guide-hero{grid-template-columns:1fr}.guide-mark{display:none}.lifecycle{overflow-x:auto;grid-template-columns:repeat(4,minmax(180px,1fr));padding-bottom:5px}.process-panel{overflow:hidden}.data-quality-strip{grid-template-columns:repeat(3,1fr)}.help-shortcut{display:none}.backup-timeline{grid-template-columns:1fr}.guide-steps{grid-template-columns:1fr}.day-checklist{grid-template-columns:1fr}}
@media(max-width:620px){.data-quality-strip{grid-template-columns:1fr 1fr}.quality-help{grid-column:1/-1}.list-toolbar{align-items:stretch;flex-direction:column}.search-box{min-width:0;width:100%}.readiness-grid,.choice-grid,.impact-grid{grid-template-columns:1fr}.readiness-head{align-items:flex-start}.readiness-score{width:58px;height:58px}.match-secondary{align-items:flex-start;flex-direction:column}.guide-hero{padding:24px 20px;border-radius:21px}.guide-hero h2{font-size:24px}.guide-flow-grid,.requirements-grid{grid-template-columns:1fr}.guide-section.panel-pad{padding:18px 15px}.guide-steps article{padding:12px}.backup-center .section-actions{display:grid;width:100%}.backup-center .section-actions .btn{width:100%}.recovery-warning{align-items:flex-start;flex-direction:column;gap:6px}.data-safety-card{order:-1}.main-nav a{font-size:8px}.nav-icon{font-size:16px}.top-actions{gap:6px}.operations-hero{padding:21px}.hero-side{grid-template-columns:1fr}.readiness-actions{display:grid}.readiness-actions .btn{width:100%}}
.public-controls{display:flex;gap:9px;align-items:center}.live-pill.connection-lost{background:rgba(230,154,49,.12);color:#f2bd69}.live-pill i.offline{background:#e4a23d;box-shadow:0 0 0 5px rgba(228,162,61,.1);animation:none}.public-match-order{position:absolute;right:10px;top:10px;width:24px;height:24px;border-radius:50%;display:grid;place-content:center;background:#153a38;color:#fff;font-size:9px;font-weight:900}.public-table.assigned{background:#e7f7f0;color:#167553}.public-empty-match{grid-column:1/-1;text-align:center;padding:35px}
@media(max-width:620px){.public-controls{gap:5px}.live-pill span{display:none}.live-pill{width:38px;height:38px;padding:0;justify-content:center}.fullscreen-btn{padding:0 9px;font-size:9px}}


/* 2.2.0 — optional tables and bulk registration */
.check-row span{display:flex;flex-direction:column;gap:3px}.check-row small{font-size:9px;color:var(--muted);line-height:1.7}.field-disabled{opacity:.5}.field-disabled input{background:#edf0ed;cursor:not-allowed}.table-optional-note{font-size:9px;color:var(--muted);background:#edf1ee;border-radius:999px;padding:7px 10px}.bulk-filter-row{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:10px;align-items:end}.surname-filter{font-size:9px;color:var(--muted)}.surname-filter select{margin-top:5px}.bulk-selection-bar{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:12px;background:#eef4f0;margin:0 0 10px}.bulk-selection-bar strong{font-size:18px;color:var(--brand)}.bulk-selection-bar span{font-size:10px;color:var(--muted)}.bulk-picker{max-height:390px}.bulk-pick-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.history-badge{font-style:normal;font-size:9px;font-weight:800;background:#edf2ef;color:#46635d;border-radius:999px;padding:6px 9px;white-space:nowrap}.history-badge.new{background:#fff0cf;color:#946411;border:1px solid #efd494}.inline-player-create{margin-top:14px;border:1px solid #dfd7c5;background:linear-gradient(145deg,#fffaf0,#fff);border-radius:16px;padding:14px}.inline-player-create>div p{font-size:9px;color:var(--muted);margin:4px 0 10px}.inline-player-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px}.inline-player-form input{min-width:0}.requirements-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
@media(max-width:700px){.bulk-filter-row{grid-template-columns:1fr}.bulk-pick-row{grid-template-columns:auto minmax(0,1fr)}.history-badge{grid-column:2;justify-self:start}.inline-player-form{grid-template-columns:1fr}.inline-player-form .btn{width:100%}}

/* Sokna 2.3 — professional responsive interface and public live center */
:root{
  --ink:#172523;
  --ink-soft:#31413f;
  --muted:#71807d;
  --line:#dfe5e1;
  --line-strong:#cdd7d1;
  --panel:#ffffff;
  --canvas:#f5f6f2;
  --canvas-2:#eef1ec;
  --brand:#0b2928;
  --brand-2:#123d39;
  --brand-3:#1b514b;
  --gold:#bd842d;
  --gold-2:#e1b65c;
  --gold-soft:#f7efdc;
  --success:#137558;
  --success-soft:#e8f6f0;
  --danger:#b94343;
  --danger-soft:#fff0ef;
  --warning:#9a6819;
  --warning-soft:#fff6df;
  --info:#306f91;
  --info-soft:#eaf3f8;
  --shadow-xs:0 1px 2px rgba(14,37,34,.04);
  --shadow-sm:0 8px 25px rgba(14,37,34,.06);
  --shadow:0 18px 55px rgba(14,37,34,.09);
  --shadow-lg:0 30px 90px rgba(4,24,23,.18);
  --r:18px;
  --r2:13px;
  font-family:"Vazirmatn","IRANSansX",Tahoma,"Segoe UI",Arial,sans-serif;
  color-scheme:light;
}

html{scroll-padding-top:105px}
body{background:linear-gradient(180deg,#f7f8f5 0,#f2f4ef 100%);line-height:1.65;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button:disabled,.btn:disabled{cursor:not-allowed;opacity:.48;transform:none!important;box-shadow:none!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(36,132,122,.32);outline-offset:3px}
::selection{background:#dceee8;color:#102d2a}
.ui-icon{width:20px;height:20px;display:block;flex:0 0 auto}
.skip-link{position:fixed;z-index:9999;top:10px;right:12px;transform:translateY(-150%);background:#fff;color:var(--ink);padding:10px 14px;border-radius:10px;box-shadow:var(--shadow)}
.skip-link:focus{transform:translateY(0)}
.noscript{position:fixed;inset:auto 16px 16px;z-index:9999;background:#7e2727;color:#fff;padding:14px 18px;border-radius:12px;text-align:center}

.app-shell{grid-template-columns:278px minmax(0,1fr);background:transparent}
.sidebar{padding:22px 16px;background:
  radial-gradient(circle at 15% 5%,rgba(225,182,92,.16),transparent 24%),
  linear-gradient(170deg,#103533 0%,#0a2625 62%,#061c1b 100%);box-shadow:10px 0 35px rgba(5,29,27,.08)}
.sidebar:before{display:none}
.brand{padding:3px 10px 25px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:17px}
.brand img{width:48px;height:48px}
.brand strong{font-size:23px;line-height:1.15}
.brand span{font-size:9px;letter-spacing:1.8px;color:#91aaa5}
.main-nav{gap:5px}
.main-nav a{min-height:52px;padding:0 15px;border-radius:12px;color:#b7c9c5;font-size:13px;font-weight:700;position:relative}
.main-nav a .ui-icon{width:21px;height:21px;color:#c4d3cf}
.main-nav a:hover{background:rgba(255,255,255,.055)}
.main-nav a.active{background:linear-gradient(100deg,rgba(225,182,92,.19),rgba(225,182,92,.055));box-shadow:inset -3px 0 0 var(--gold-2);color:#fff}
.main-nav a.active .ui-icon{color:var(--gold-2)}
.sidebar-foot{padding:18px 9px 0;gap:15px}
.storage-state{padding:11px;border-radius:12px;background:rgba(255,255,255,.04)}
.storage-state i{width:8px;height:8px}
.storage-state strong{font-size:11px}.storage-state span{font-size:9px}
.logout-link{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 10px;border-radius:10px}
.logout-link:hover{background:rgba(255,255,255,.05);color:#fff}
.logout-link .ui-icon{width:18px}

.topbar{height:86px;padding:14px 34px;background:rgba(247,248,245,.88);border-color:rgba(205,215,209,.82);backdrop-filter:blur(18px) saturate(135%)}
.page-heading{min-width:0}
.top-kicker{font-size:10px;letter-spacing:.2px;color:#9b6e26;margin-bottom:2px}
.topbar h1{font-size:22px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-actions{align-items:center;gap:8px}
.view{padding:27px 34px 65px;max-width:1680px}

.btn{min-height:46px;border-radius:12px;padding:0 16px;font-size:12px;letter-spacing:-.1px;box-shadow:none}
.btn .ui-icon{width:18px;height:18px}
.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(.99)}
.btn:active:not(:disabled){transform:translateY(0)}
.btn.primary{background:linear-gradient(135deg,#e5bd66,#c98d31);color:#17221e;box-shadow:0 10px 25px rgba(190,132,43,.18)}
.btn.secondary{background:linear-gradient(135deg,#174743,#0d302e);color:#fff;box-shadow:0 9px 24px rgba(11,41,40,.14)}
.btn.ghost{background:rgba(255,255,255,.88);border:1px solid var(--line);color:var(--ink);box-shadow:var(--shadow-xs)}
.btn.ghost:hover{border-color:#c8d4ce;background:#fff}
.btn.danger{background:var(--danger-soft);color:#a83c3c;border-color:#efc8c5}
.btn.success{background:var(--success-soft);color:var(--success);border-color:#bfe3d5}
.btn.small{min-height:38px;padding:0 12px;border-radius:10px;font-size:11px}
.icon-btn{width:46px;height:46px;border-radius:12px}
.btn.is-loading{pointer-events:none;position:relative;color:transparent!important}
.btn.is-loading:after{content:"";position:absolute;width:17px;height:17px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .65s linear infinite;color:var(--ink)}

.panel{border:1px solid rgba(213,221,216,.94);box-shadow:var(--shadow-xs);background:rgba(255,255,255,.96)}
.panel:hover{border-color:rgba(202,213,207,.98)}
.panel-pad{padding:23px}
.section-head{margin-bottom:17px;align-items:center}
.section-head h2{font-size:19px;line-height:1.35}
.section-head p{font-size:11px;line-height:1.65}
.section-actions{align-items:center}

.stat-card{min-height:126px;padding:19px;background:linear-gradient(150deg,#fff,#fbfcfa)}
.stat-card:after{width:130px;height:130px;background:radial-gradient(circle,rgba(225,182,92,.08),transparent 69%);left:-45px;bottom:-55px}
.stat-label{align-items:center;font-weight:700}
.stat-icon{width:38px;height:38px;background:var(--gold-soft);color:#9a6d26;border:1px solid #eee0bd}
.stat-icon .ui-icon{width:19px}
.stat-value{font-size:32px;letter-spacing:-1px;margin:10px 0 1px}
.stat-foot{font-size:10px}

.hero-card{min-height:230px;padding:28px;background:
  linear-gradient(110deg,rgba(9,42,40,.98),rgba(17,64,59,.96)),
  url("sokna-pattern.svg") center/auto 100% repeat-x;color:#fff;border:0;box-shadow:0 22px 55px rgba(7,38,36,.16)}
.hero-card:after{display:none}
.hero-card h2{font-size:28px;line-height:1.35;margin:9px 0}
.hero-card p{max-width:720px;color:#bdd0cc;line-height:1.85}
.hero-meta{gap:10px;margin-top:20px}
.hero-meta span{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.08);padding:7px 10px;border-radius:999px;color:#dce8e5}
.hero-actions{gap:9px;align-items:center}
.hero-card .btn.ghost{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);color:#fff}
.hero-card .btn.ghost:hover{background:rgba(255,255,255,.12)}
.operations-hero{grid-template-columns:minmax(0,1fr) 250px}
.live-number{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.11)}
.live-number strong{font-size:30px}

.workflow-overview{padding:22px 24px}
.lifecycle{gap:8px}
.life-step{background:#fafbf9;border:1px solid #e7ebe8;border-radius:14px;padding:11px 12px}
.life-step:not(:last-child):after{display:none}
.life-index{width:38px;height:38px}
.life-step.active{background:var(--gold-soft);border-color:#ead9ad}
.life-step.done{background:var(--success-soft);border-color:#cbe8dc}
.life-step small{font-size:9px;line-height:1.45}
.process-panel{padding:12px;margin-top:13px;position:sticky;top:98px;z-index:10;background:rgba(255,255,255,.91);backdrop-filter:blur(16px)}
.process-panel .lifecycle{gap:6px}
.process-panel .life-step{padding:8px 9px}
.process-panel .life-index{width:33px;height:33px;font-size:11px}

.tournament-grid{gap:16px}
.tournament-card{padding:20px;transition:transform .18s,box-shadow .18s,border-color .18s}
.tournament-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:#cad6d0}
.tournament-card h3{font-size:18px;margin:14px 0 8px}
.t-card-top,.t-card-action{align-items:center}
.t-card-action{border-top:1px solid #edf0ed;margin-top:14px;padding-top:14px}
.link-arrow{font-weight:800;color:#315f59;min-height:40px;display:flex;align-items:center;padding:0 4px}
.progress-line{height:6px;background:#eef1ed}
.progress-line span{background:linear-gradient(90deg,#d3a34a,#e3c170)}
.mini-stats{gap:7px}.mini-stat{border-radius:11px;background:#f8f9f6;border:1px solid #ecefeb;padding:9px}

.status{border:1px solid transparent;font-weight:800;letter-spacing:-.1px}
.status.running,.status.present,.status.paid{background:var(--success-soft);color:var(--success);border-color:#cae8dc}
.status.draft,.status.registered,.status.unpaid{background:#f1f3f0;color:#66736f;border-color:#e0e5e1}
.status.finished,.status.bye{background:var(--gold-soft);color:#8c6120;border-color:#ead9ad}
.status.archived,.status.absent{background:#f3f0f0;color:#826c6c;border-color:#e7dddd}
.status.late,.status.partial{background:var(--warning-soft);color:var(--warning);border-color:#f0dfad}

.data-quality-strip{border:1px solid var(--line);box-shadow:var(--shadow-xs);background:#fff}
.data-quality-strip>div{padding:16px 21px}.data-quality-strip strong{font-size:23px}.quality-help{min-height:52px;padding:0 18px}
.list-toolbar{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}
.search-box{min-height:46px;flex:1;max-width:600px;border:1px solid var(--line);background:#fafbf9;border-radius:12px;padding:0 13px}
.search-box:focus-within{border-color:#76a69f;box-shadow:0 0 0 3px rgba(62,132,123,.11);background:#fff}
.search-box input{height:44px}
.table-wrap{overflow:hidden}
table{border-collapse:separate;border-spacing:0;width:100%}
thead{background:#f8faf7}
th{height:48px;color:#5f6e6b;font-size:10px;border-bottom:1px solid var(--line)}
td{padding:13px 14px;border-bottom:1px solid #edf0ed;vertical-align:middle}
tbody tr{transition:background .15s}
tbody tr:hover{background:#fbfcfa}
tbody tr:last-child td{border-bottom:0}
.avatar{width:39px;height:39px;background:linear-gradient(135deg,#e9f0eb,#dce7e1);color:#315e58;border:1px solid #d5e1db}
.person-cell strong{font-size:12px}.person-cell span{font-size:10px}

.detail-header{grid-template-columns:minmax(0,1fr) auto;padding:22px 23px;background:linear-gradient(140deg,#fff,#fafbf8)}
.detail-badge{width:52px;height:52px;border-radius:15px;background:linear-gradient(145deg,#173f3c,#0c2b29);color:var(--gold-2);box-shadow:0 10px 25px rgba(7,39,37,.15)}
.detail-title h2{font-size:24px;margin:7px 0 3px}.detail-title p{font-size:11px}
.detail-actions{justify-content:flex-end}
.tabs{position:sticky;top:195px;z-index:9;margin:13px 0 18px;padding:5px;background:rgba(237,241,236,.92);border:1px solid #dce3de;border-radius:14px;backdrop-filter:blur(14px);overflow:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{min-height:45px;padding:0 17px;border-radius:10px;color:#677572;font-size:11px}
.tab:hover{background:rgba(255,255,255,.65)}
.tab.active{background:#fff;color:#173b37;box-shadow:0 4px 14px rgba(22,55,51,.08);border:1px solid #dce4df}

.operation-notice{border:1px solid #ead7a7;background:linear-gradient(100deg,#fff8e7,#fffdf8);border-radius:15px;padding:14px 16px;margin-bottom:15px}
.operation-layout{grid-template-columns:minmax(0,1.5fr) minmax(285px,.55fr);gap:18px}
.ready-list{gap:13px}
.match-live{border:1px solid #dbe3de;border-radius:17px;padding:17px;background:#fff;box-shadow:var(--shadow-xs);position:relative;overflow:hidden}
.match-live:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#d2a14a,#e7c779)}
.match-priority{width:34px;height:34px;border-radius:11px;background:#113a37;color:#fff;box-shadow:none}
.match-head{padding-inline-start:44px;color:#60706d}
.table-tag{min-height:38px;padding:0 12px;border:1px solid #d9e1dc;background:#f8faf7;border-radius:10px;color:#315c57;font-size:10px;font-weight:800}
.table-optional-note{background:#f5f6f3;border:1px solid #e6e9e5;border-radius:9px;padding:7px 10px;color:#7b8986}
.versus{gap:12px;margin-top:13px}
.competitor{min-height:94px;border:1px solid #dce4df;background:linear-gradient(145deg,#fff,#f7f9f6);border-radius:14px;padding:14px}
.competitor:hover{border-color:#7caf9f;background:#f0f8f4;box-shadow:0 8px 25px rgba(20,102,77,.08)}
.competitor strong{font-size:14px}.competitor small{color:#788682}
.vs{width:38px;height:38px;background:#e9eeea;color:#53635f;border:1px solid #dce3de}
.match-secondary{margin-top:13px;padding-top:13px;border-top:1px dashed #e1e6e2}
.match-secondary>span{font-size:10px;color:#7b8986}
.summary-stack{gap:13px}.summary-box,.champion-card{padding:18px}.summary-box h3{font-size:15px}
.key-row{min-height:39px}.key-row strong{font-size:12px}
.champion-card{background:linear-gradient(145deg,#102f2d,#174944);color:#fff;border:0;box-shadow:var(--shadow-sm)}
.champion-card p{color:#afc5c0}.champion-crown{font-size:40px;color:var(--gold-2)}
.audit-item{min-height:49px;padding:9px 0}.audit-item .btn{flex:0 0 auto}

.registration-summary{gap:12px}
.reg-stat{padding:18px;background:linear-gradient(145deg,#fff,#fafbf9)}.reg-stat strong{font-size:28px}
.readiness-panel{padding:22px;border-color:#d8e1dc}
.readiness-head{align-items:center}.readiness-score{width:74px;height:74px}
.readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.check-item{min-height:58px;border-radius:12px;padding:11px 12px}
.check-item span{width:28px;height:28px}
.readiness-actions{border-top:1px solid #e7ebe8;margin-top:16px;padding-top:16px}
.toggle-group{display:flex;flex-wrap:wrap;gap:5px}
.toggle-chip{min-height:38px;padding:0 11px;border:1px solid #dfe5e1;background:#f8faf7;border-radius:10px;font-size:10px;color:#64726f}
.toggle-chip:hover{border-color:#a7bdb7}
.toggle-chip.active{background:#163d39;color:#fff;border-color:#163d39;box-shadow:0 5px 14px rgba(14,60,55,.12)}

.bracket-scroll,.public-bracket-wrap{scroll-snap-type:x proximity;overscroll-behavior-inline:contain}
.bracket-board{gap:13px;align-items:flex-start}
.bracket-column{min-width:265px;scroll-snap-align:start}
.bracket-column h3{position:sticky;top:0;z-index:2;background:#f4f6f2;padding:10px 11px;border-radius:11px;color:#4d5f5b;border:1px solid #e1e6e2}
.bracket-match{border-radius:13px;border-color:#dce4df;background:#fff;overflow:hidden;box-shadow:var(--shadow-xs)}
.bracket-match.pending{border-color:#d1b46f;box-shadow:0 0 0 2px rgba(213,172,80,.11)}
.bm-head{min-height:34px;background:#f6f8f5;padding:0 10px}
.bm-player{min-height:43px;padding:8px 10px}
.bm-player.winner{background:var(--success-soft);color:#17684f;font-weight:800}
.bm-player.empty{color:#8d9895;background:#fafbf9}

.settings-grid{gap:9px}.setting-item{border:1px solid #e4e9e5;background:#fafbf9;border-radius:12px;padding:13px}
.safety-status{background:var(--success-soft);border:1px solid #c7e5d9;border-radius:14px;padding:14px}
.stack-actions{gap:8px}.stack-actions .btn{width:100%}
.audit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}

.modal-backdrop{background:rgba(4,24,22,.58);backdrop-filter:blur(7px);padding:22px}
.modal{width:min(650px,100%);border-radius:22px;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.5);overflow:hidden}
.modal-head{min-height:72px;padding:13px 19px;border-bottom:1px solid #e8ece9;background:#fbfcfa}
.modal-head h2{font-size:18px}.modal-head .icon-btn{border:0;background:#edf1ed}
.modal-body{padding:20px;max-height:min(68vh,720px);overflow:auto}
.modal-foot{padding:13px 18px;border-top:1px solid #e4e9e5;background:#fafbf9;gap:8px;position:sticky;bottom:0}
.form-grid{gap:14px}.form-grid label{font-size:11px;font-weight:800;color:#40514e}
input,select,textarea{border:1px solid #d8e0db;border-radius:11px;background:#fbfcfa;min-height:46px;color:var(--ink);padding:0 12px}
textarea{min-height:100px;padding:11px 12px;resize:vertical}
input:hover,select:hover,textarea:hover{border-color:#bbc9c2}
input:focus,select:focus,textarea:focus{border-color:#5d988e;background:#fff;box-shadow:0 0 0 3px rgba(50,126,115,.1);outline:0}
.form-help{font-size:9.5px;line-height:1.65;color:#788682}
.check-row,.ack-row{min-height:56px;border:1px solid #e0e6e2;background:#fafbf9;border-radius:12px;padding:10px 12px}
.check-row input,.ack-row input,.pick-row input,.day-checklist input{min-height:0;width:20px;height:20px;accent-color:#17685f}
.modal-intro,.confirm-warning{border-radius:12px}
.confirm-icon{width:58px;height:58px}.confirm-meta{gap:7px}.confirm-meta span{border:1px solid #e0e5e1}
.choice-card{min-height:110px;border-radius:14px;border-color:#dce4df}
.choice-card:hover{border-color:#73a89e;background:#f0f8f5}

.bulk-filter-row{position:sticky;top:-20px;z-index:3;background:#fff;padding:0 0 11px}
.bulk-selection-bar{background:#103a37;color:#fff;border-radius:12px;padding:10px 13px}
.player-picker{border:1px solid #e0e6e2;border-radius:13px;max-height:360px;padding:6px;background:#fafbf9}
.pick-row{min-height:58px;border-radius:10px;padding:8px 10px}
.pick-row:hover{background:#eef5f1}
.pick-row:has(input:checked){background:#e9f5ef;box-shadow:inset -3px 0 #287a69}
.history-badge{border-radius:999px;padding:5px 8px;background:#edf1ee;color:#667572;font-size:9px}
.history-badge.new{background:var(--gold-soft);color:#90631e}
.inline-player-create{margin-top:14px;border-radius:14px;border-color:#dce4df;background:linear-gradient(110deg,#f8faf7,#eef4f0)}
.inline-player-form{gap:7px}.inline-player-form input{min-width:0}

.guide-hero{background:
  linear-gradient(110deg,rgba(10,43,41,.96),rgba(20,72,66,.93)),
  url("sokna-pattern.svg") center/auto 100% repeat-x;border-radius:24px;padding:30px;box-shadow:0 20px 55px rgba(8,42,39,.15)}
.guide-hero h2{font-size:27px}.guide-hero p{color:#bed1cc}
.guide-mark{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);border-radius:17px}
.guide-nav{top:99px;border:1px solid #dfe5e1;background:rgba(247,249,245,.94);padding:6px;gap:5px}
.guide-nav a{min-height:42px;border-radius:9px;padding:0 13px}
.guide-nav a:hover{background:#fff}
.guide-section{scroll-margin-top:160px}.guide-section-title>span{background:#123d39;color:#fff}
.guide-steps article,.guide-card,.backup-card,.requirements-grid article{border-color:#dfe6e1;background:linear-gradient(145deg,#fff,#fafbf9);box-shadow:var(--shadow-xs)}
.day-checklist label{min-height:58px}.day-checklist label:has(input:checked){background:var(--success-soft);border-color:#c1e2d5}
.future-box{background:linear-gradient(125deg,#153f3c,#0c2d2b);border:0}

.toast{bottom:22px;left:24px;right:auto;max-width:460px;border-radius:13px;padding:13px 17px;box-shadow:0 20px 55px rgba(5,27,25,.24);font-size:12px}
.toast.error{background:#9f3838}.toast.success{background:#126b50}

.auth-page{padding:28px;background:linear-gradient(145deg,#071e1d,#0e3431)}
.auth-layout{width:min(1040px,100%);display:grid;grid-template-columns:1.05fr .8fr;min-height:610px;background:#fff;border-radius:30px;overflow:hidden;box-shadow:0 40px 110px rgba(0,0,0,.3)}
.auth-visual{padding:42px;color:#fff;background:
  linear-gradient(145deg,rgba(7,35,33,.9),rgba(16,67,61,.9)),
  url("sokna-pattern.svg") center/cover;display:flex;flex-direction:column;justify-content:space-between;position:relative}
.auth-visual-brand{display:flex;align-items:center;gap:12px;color:#dce8e5;font-size:11px;letter-spacing:1px}.auth-visual-brand img{width:52px}
.auth-visual-copy span{color:var(--gold-2);font-size:11px;font-weight:800}.auth-visual-copy h1{font-size:34px;line-height:1.55;margin:10px 0}.auth-visual-copy p{color:#b8ccc7;max-width:520px;line-height:1.9}
.auth-feature-row{display:flex;gap:8px;flex-wrap:wrap}.auth-feature-row span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);font-size:10px}
.auth-card{width:auto;border-radius:0;box-shadow:none;padding:42px 38px;align-self:center}.auth-copy h2{font-size:25px;margin:8px 0}.auth-form{gap:13px}

/* Public live center */
.public-body{background:#061c1b;color:#f0f7f5}
.public-shell{background:
  radial-gradient(circle at 8% 0,rgba(225,182,92,.12),transparent 25%),
  radial-gradient(circle at 100% 35%,rgba(38,116,103,.13),transparent 28%),
  linear-gradient(165deg,#061b1a,#0b2826 60%,#071f1e)}
.public-top{min-height:76px;padding:13px clamp(16px,4vw,58px);background:rgba(5,27,26,.86);backdrop-filter:blur(18px);border-color:rgba(255,255,255,.08)}
.public-brand img{width:44px}.public-brand strong{font-size:18px}.public-brand span{font-size:9px;letter-spacing:.8px}
.public-controls{display:flex;align-items:center;gap:8px}
.live-pill{min-height:42px;padding:0 13px;border:1px solid rgba(89,219,169,.15)}
.live-pill.connection-lost{background:rgba(218,151,58,.12);color:#efbd65}.live-pill i.offline{background:#e0a249;box-shadow:0 0 0 5px rgba(224,162,73,.1);animation:none}
.fullscreen-btn{min-height:44px;border-radius:11px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;font-weight:800}
.fullscreen-btn:hover{background:rgba(255,255,255,.1)}
.public-content{max-width:1800px;margin:auto;padding:25px clamp(15px,4vw,58px) 60px}
.public-quick-nav{display:flex;gap:7px;overflow:auto;padding-bottom:3px;margin:0 0 16px;scrollbar-width:none}.public-quick-nav::-webkit-scrollbar{display:none}.public-quick-nav a{min-height:42px;display:flex;align-items:center;padding:0 14px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.055);color:#d2dfdc;font-size:10px;font-weight:800;white-space:nowrap}.public-quick-nav a:hover{background:rgba(255,255,255,.1)}
.public-hero{grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:15px;margin-bottom:18px}
.event-intro{padding:28px;background:
  linear-gradient(110deg,rgba(255,255,255,.075),rgba(255,255,255,.025)),
  url("sokna-pattern.svg") center/auto 100% repeat-x;border-radius:22px}
.event-intro:after{display:none}.event-intro h1{font-size:clamp(26px,3.5vw,44px);line-height:1.35;margin:9px 0}.event-intro p{max-width:800px}
.public-status-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.public-status-badge{padding:6px 10px;border-radius:999px;background:rgba(83,218,164,.13);border:1px solid rgba(83,218,164,.18);color:#6ee2b5;font-size:9px;font-weight:900}.public-status-badge.finished{background:rgba(225,182,92,.13);border-color:rgba(225,182,92,.2);color:#edc772}
.public-meta span{min-height:34px;display:flex;align-items:center;background:rgba(0,0,0,.12);padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.07)}
.public-score{gap:9px}.score-box{padding:17px;border-radius:15px;background:rgba(255,255,255,.06)}.score-box strong{font-size:28px}.score-box span{line-height:1.5}
.public-section{scroll-margin-top:95px;margin-top:20px}.public-section-head{margin-bottom:11px}.public-section h2{font-size:20px}.public-section p{font-size:10px}
.public-ready{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.public-match{border-radius:16px;padding:16px;box-shadow:0 15px 35px rgba(0,0,0,.18)}
.public-match-order{width:32px;height:32px;border-radius:10px;background:#103b37;color:#fff;display:grid;place-content:center;position:absolute;left:13px;top:12px;font-weight:900}
.public-match-head{padding-left:39px;min-height:28px;align-items:center}.public-match-head strong{color:#254f4a}
.public-versus{margin-top:9px;gap:7px}.public-player{min-height:52px;display:grid;place-content:center;padding:8px;border-radius:11px;background:#f5f7f4;border:1px solid #e5eae6;font-size:13px}.public-vs{width:32px;height:32px}
.public-table{border:1px solid #eadbb6}.public-table.assigned{background:#eaf6f1;border-color:#c6e6d8;color:#176c51}
.public-recent{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.public-result{padding:13px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05);border-radius:13px}.public-result strong{display:block;color:#f0c66d;font-size:12px}.public-result span{display:block;color:#a7bbb7;font-size:9px;margin-top:4px}.public-result small{display:block;color:#78918c;font-size:8px;margin-top:6px}
.public-bracket-wrap{padding:13px;border-radius:18px;background:rgba(0,0,0,.15)}
.public-bracket .bracket-column{min-width:255px}.public-bracket .bracket-column h3{background:#0b2523;border-color:rgba(255,255,255,.09);color:#b8cbc7}.public-bracket .bracket-match{background:#0c2927;border-color:rgba(255,255,255,.09);box-shadow:none}.public-bracket .bm-head{background:rgba(255,255,255,.045)}.public-bracket .bm-player{border-color:rgba(255,255,255,.07)}
.public-champion{padding:32px;border-radius:22px;background:radial-gradient(circle at center,rgba(225,182,92,.14),transparent 65%),rgba(255,255,255,.035)}
.public-champion .crown{font-size:48px}.public-champion h2{font-size:28px}.public-footer{padding:24px 16px 32px}

@media(max-width:1180px){
  .operation-layout{grid-template-columns:1fr}.summary-stack{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.public-ready{grid-template-columns:repeat(2,minmax(0,1fr))}.public-recent{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
  body{padding-bottom:76px}
  .app-shell{display:block}
  .sidebar{position:fixed;inset:auto 0 0;height:76px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:rgba(8,35,33,.97);backdrop-filter:blur(16px);box-shadow:0 -8px 25px rgba(5,26,24,.15);z-index:40;overflow:visible}
  .brand,.sidebar-foot{display:none}
  .main-nav{grid-template-columns:repeat(5,minmax(0,1fr));height:100%;gap:3px}
  .main-nav a{min-height:60px;height:60px;border-radius:11px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:0;font-size:8.5px}
  .main-nav a .ui-icon{width:20px;height:20px}
  .main-nav a.active{box-shadow:inset 0 3px var(--gold-2);background:rgba(225,182,92,.1)}
  .topbar{height:72px;padding:10px 16px}.topbar h1{font-size:18px}.top-kicker{font-size:8px}
  .top-actions{gap:6px}.top-actions .btn{min-height:44px;padding:0 11px}.top-actions .btn span{display:none}.top-actions .top-help{display:none}
  .view{padding:18px 14px 28px}
  .process-panel{top:82px}.tabs{top:161px}
  .operations-hero{grid-template-columns:1fr}.hero-side{grid-template-columns:1fr 1fr}.readiness-mini{grid-column:1/-1}
  .summary-stack{grid-template-columns:1fr}
  .public-hero{grid-template-columns:1fr}.public-top{min-height:68px}.public-controls .live-pill span{display:none}.public-content{padding:16px 13px 38px}
}

@media(max-width:680px){
  .grid.cols-4,.grid.cols-3,.grid.cols-2,.tournament-grid,.settings-grid,.readiness-grid,.guide-flow-grid,.guide-columns,.backup-timeline,.requirements-grid,.audit-grid{grid-template-columns:1fr}
  .grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{min-height:112px;padding:15px}.stat-value{font-size:27px}.stat-icon{width:34px;height:34px}
  .section-head{align-items:flex-start}.section-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.section-actions .btn{width:100%}
  .hero-card{padding:22px;min-height:auto}.hero-card h2{font-size:22px}.hero-meta{gap:6px}.hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.hero-actions>*{width:100%}.hero-actions>*:first-child{grid-column:1/-1}
  .workflow-overview{padding:17px}.lifecycle{grid-template-columns:1fr 1fr}.life-step{min-height:66px}.process-panel{position:relative;top:auto}.process-panel .lifecycle{grid-template-columns:1fr 1fr}
  .detail-header{padding:17px}.detail-title{align-items:flex-start}.detail-badge{width:44px;height:44px}.detail-title h2{font-size:20px}.detail-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.detail-actions .btn{width:100%}
  .tabs{top:78px;border-radius:12px;margin:10px 0 15px}.tab{min-width:max-content;min-height:44px;padding:0 13px}
  .operation-notice{align-items:flex-start;flex-direction:column}.operation-notice .btn{width:100%}
  .match-live{padding:14px}.match-head{padding-inline-start:39px;align-items:flex-start;flex-direction:column}.versus{grid-template-columns:1fr}.vs{margin:auto}.competitor{min-height:72px}.match-secondary{align-items:flex-start;flex-direction:column}.match-secondary .btn{width:100%}
  .registration-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.reg-stat{padding:14px}.reg-stat strong{font-size:24px}
  .readiness-head{align-items:flex-start}.readiness-score{width:62px;height:62px;flex:0 0 auto}.readiness-actions{display:grid}.readiness-actions .btn{width:100%}
  .list-toolbar{align-items:stretch;flex-direction:column}.search-box{max-width:none;width:100%}
  .table-wrap{background:transparent;border:0;box-shadow:none;overflow:visible}table,thead,tbody,tr,th,td{display:block}thead{display:none}tbody{display:grid;gap:10px}tbody tr{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:var(--shadow-xs)}td{min-height:45px;padding:8px 0;border-bottom:1px solid #edf0ed;display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;align-items:center}td:last-child{border-bottom:0}td:before{content:attr(data-label);font-size:9px;color:#788682;font-weight:800}.person-cell{min-width:0}.person-cell strong{white-space:normal}.toggle-group{justify-content:flex-start}.toggle-chip{min-height:42px}
  .modal-backdrop{padding:0;align-items:flex-end}.modal{max-height:94dvh;border-radius:22px 22px 0 0}.modal-head{min-height:64px}.modal-body{padding:17px;max-height:70dvh}.modal-foot{display:grid;grid-template-columns:1fr 1fr;padding-bottom:calc(13px + env(safe-area-inset-bottom))}.modal-foot .btn{width:100%}.modal-foot .btn:last-child:nth-child(3){grid-column:1/-1;grid-row:1}
  .form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.inline-player-form{grid-template-columns:1fr}.bulk-filter-row{top:-17px;display:grid;grid-template-columns:1fr}.surname-filter select{width:100%}.pick-row{align-items:flex-start}.history-badge{margin-right:auto}
  .guide-hero{padding:22px}.guide-hero h2{font-size:22px}.guide-mark{display:none}.guide-hero-actions{display:grid}.guide-hero-actions>*{width:100%}.guide-nav{top:77px;overflow:auto;flex-wrap:nowrap;justify-content:flex-start;scrollbar-width:none}.guide-nav a{white-space:nowrap}.guide-steps article{padding:14px}.day-checklist label{align-items:flex-start}
  .auth-page{padding:0}.auth-layout{display:block;min-height:100vh;border-radius:0}.auth-visual{display:none}.auth-card{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:28px 22px}.auth-copy h2{font-size:23px}
  .public-top{padding:11px 13px}.public-brand img{width:39px}.public-brand strong{font-size:16px}.fullscreen-btn{width:44px;padding:0;justify-content:center}.fullscreen-btn span{display:none}.public-hero{gap:10px}.event-intro{padding:20px}.event-intro h1{font-size:25px}.event-intro p{font-size:11px}.public-meta{gap:6px;margin-top:16px}.public-meta span{font-size:9px}.public-score{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.score-box{padding:13px}.score-box strong{font-size:24px}.public-ready{grid-template-columns:1fr}.public-match{padding:15px}.public-player{font-size:12px}.public-recent{grid-template-columns:1fr 1fr}.public-section-head{align-items:flex-start}.public-section h2{font-size:18px}.public-bracket .bracket-column{min-width:84vw}.public-champion{padding:25px}.public-champion h2{font-size:24px}
  .toast{left:11px;right:11px;bottom:88px;max-width:none}
}

@media(max-width:380px){
  .grid.cols-4{grid-template-columns:1fr 1fr}.stat-label>span:first-child{font-size:10px}.topbar{padding-inline:12px}.top-actions .btn{padding:0 9px}.registration-summary{grid-template-columns:1fr 1fr}.public-recent{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

@media print{
  body{padding:0;background:#fff}.process-panel{position:static}.tabs{position:static}.public-quick-nav{display:none}.public-shell{background:#fff;color:#111}.public-section h2,.public-section p,.public-footer{color:#111}.public-bracket .bracket-match{background:#fff;color:#111;border-color:#bbb}.public-bracket .bracket-column h3{background:#eee;color:#111}.public-bracket .bm-head{color:#444;background:#eee}.public-bracket .bm-player{border-color:#ddd}
}

/* Sokna 2.3 — final interaction, connection and public-display refinements */
.storage-state[data-state="busy"] i{background:#e2b24f;box-shadow:0 0 0 5px rgba(226,178,79,.12);animation:pulse 1s infinite}
.storage-state[data-state="error"] i{background:#e76b63;box-shadow:0 0 0 5px rgba(231,107,99,.12)}
.storage-state[data-state="saved"] i,.storage-state[data-state="ready"] i{background:#47d69d;box-shadow:0 0 0 5px rgba(71,214,157,.1)}
@keyframes pulse{50%{opacity:.45;transform:scale(.82)}}
.btn.is-loading:after{color:currentColor}.btn.primary.is-loading:after{color:#17221e}.btn.secondary.is-loading:after{color:#fff}.btn.danger.is-loading:after{color:#a83c3c}
.modal-backdrop[data-dismissible="false"] .modal-head:after{content:"عملیات حساس";font-size:8px;font-weight:900;color:#a46817;background:#fff3d8;border:1px solid #f0d7a6;border-radius:999px;padding:4px 8px;margin-inline-start:auto}
.public-quick-nav{position:sticky;top:76px;z-index:18;max-width:none;margin:0;padding:9px clamp(15px,4vw,58px);background:rgba(5,27,26,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07)}
.public-quick-nav a{gap:7px}.public-quick-nav a .ui-icon{width:16px;height:16px}.public-quick-nav a b{min-width:21px;height:21px;display:grid;place-content:center;border-radius:999px;background:rgba(225,182,92,.16);color:#f0c66d;font-size:9px}
.public-status-badge{display:inline-flex;align-items:center;gap:6px}.public-status-badge i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(83,218,164,.08)}
.score-box.accent{background:linear-gradient(145deg,rgba(225,182,92,.17),rgba(225,182,92,.065));border-color:rgba(225,182,92,.16)}.score-box.accent strong{color:#f0c66d}
.public-section-head{display:flex;align-items:end;justify-content:space-between;gap:14px}.public-count,.public-scroll-hint{flex:0 0 auto;min-height:30px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05);color:#9db2ae;font-size:9px;font-weight:800}
.public-bracket-wrap{overflow:auto;scrollbar-color:rgba(225,182,92,.35) transparent;scrollbar-width:thin}.public-bracket-wrap:focus-visible{outline:3px solid rgba(225,182,92,.42);outline-offset:3px}
.public-controls .ui-icon,.fullscreen-btn .ui-icon{width:17px;height:17px}.public-meta .ui-icon{width:14px;height:14px;color:#e6bd67}.public-champion .crown{width:64px;height:64px;display:grid;place-content:center;margin:auto;color:#efc66e}.public-champion .crown .ui-icon{width:48px;height:48px}
.public-footer{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.public-footer b{color:#d8e6e2}
.public-loading .fullscreen-btn{margin-top:12px;background:#143d39;color:#fff;border:1px solid rgba(255,255,255,.1)}
@media(max-width:900px){.public-quick-nav{top:68px}}
@media(max-width:680px){.public-quick-nav{padding:8px 13px}.public-section-head{align-items:flex-start;flex-direction:column}.public-scroll-hint{align-self:flex-start}.public-footer{align-items:center;flex-direction:column;gap:5px}.modal-backdrop[data-dismissible="false"] .modal-head:after{display:none}}

/* Sokna 2.4 — safe in-panel updater */
.update-hero{padding:28px;display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:28px;align-items:center;background:linear-gradient(135deg,#123835,#0c2927 68%,#173e39);color:#fff;overflow:hidden;position:relative}
.update-hero:after{content:"";position:absolute;left:-70px;bottom:-100px;width:270px;height:270px;border-radius:50%;border:1px solid rgba(229,185,95,.15);box-shadow:0 0 0 35px rgba(229,185,95,.04),0 0 0 75px rgba(229,185,95,.025)}
.update-hero>div{position:relative;z-index:1}.update-hero h2{font-size:27px;margin:8px 0}.update-hero p{max-width:760px;color:#c4d4d1;line-height:1.95;margin:0}.update-hero code{direction:ltr;display:inline-block;color:#f0c66d}.update-version{margin-top:20px;display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.06);border-radius:13px;padding:10px 13px}.update-version span{font-size:10px;color:#aac0bc}.update-version strong{font-size:17px;color:#f0c66d}.update-shield{width:150px;height:150px;border-radius:34px;background:linear-gradient(145deg,rgba(229,185,95,.19),rgba(255,255,255,.05));border:1px solid rgba(229,185,95,.18);display:grid;place-content:center;text-align:center;justify-self:end;box-shadow:inset 0 0 35px rgba(255,255,255,.03)}.update-shield .ui-icon{width:55px;height:55px;color:#f0c66d;margin:auto}.update-shield span{font-size:10px;margin-top:9px;color:#d6e3e0;font-weight:800}
.update-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.6fr);gap:18px}.update-install,.update-health{min-height:100%}.update-form{display:grid;gap:13px}.update-drop{border:1.5px dashed #cbd7d1;border-radius:18px;background:linear-gradient(145deg,#fbfcfa,#f5f7f3);padding:26px;text-align:center;display:grid;justify-items:center;gap:7px;cursor:pointer;transition:.18s}.update-drop:hover,.update-drop:focus-within{border-color:var(--gold);background:#fffaf0;box-shadow:0 0 0 4px rgba(197,139,50,.08)}.update-drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.update-drop-icon{width:52px;height:52px;border-radius:16px;background:#eef3ee;color:var(--brand);display:grid;place-content:center}.update-drop-icon .ui-icon{width:25px;height:25px}.update-drop strong{font-size:14px}.update-drop small{font-size:10px;color:var(--muted)}.update-drop b{font-size:11px;color:var(--gold);direction:ltr;max-width:100%;overflow-wrap:anywhere}.update-safety{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.update-safety h3{font-size:13px;margin:0 0 10px}.update-safety ol{margin:0;padding-right:19px;color:var(--muted);font-size:11px;line-height:2}.requirement-list{display:grid;gap:9px;margin:17px 0}.requirement{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;padding:11px}.requirement>span{width:34px;height:34px;border-radius:10px;display:grid;place-content:center}.requirement .ui-icon{width:17px;height:17px}.requirement.ok>span{background:#e8f7f1;color:var(--success)}.requirement.bad>span{background:#fff0f0;color:var(--danger)}.requirement strong,.requirement small{display:block}.requirement strong{font-size:11px}.requirement small{font-size:9px;color:var(--muted);margin-top:3px}.update-limits{padding:14px 0;margin-bottom:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.update-history{display:grid;gap:9px}.update-history-item{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid var(--line);border-radius:13px;background:#fbfcfa}.update-history-icon{width:36px;height:36px;border-radius:11px;display:grid;place-content:center;flex:0 0 auto}.update-history-icon .ui-icon{width:17px;height:17px}.update-history-icon.success{background:#e8f7f1;color:var(--success)}.update-history-icon.failed{background:#fff0f0;color:var(--danger)}.update-history-item strong,.update-history-item span,.update-history-item small{display:block}.update-history-item strong{font-size:11px}.update-history-item span{font-size:10px;color:var(--gold);direction:ltr;text-align:right;margin-top:2px}.update-history-item small{font-size:9px;color:var(--muted);margin-top:3px}.rollback-list{display:grid;gap:9px}.rollback-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:13px}.rollback-item strong,.rollback-item span{display:block}.rollback-item strong{font-size:12px}.rollback-item span{font-size:9px;color:var(--muted);margin-top:4px}.empty-inline{padding:22px;border:1px dashed var(--line);border-radius:14px;text-align:center;color:var(--muted);font-size:11px}.update-note{margin-top:14px;margin-bottom:0}
@media(max-width:1100px){.update-grid{grid-template-columns:1fr}.update-bottom{grid-template-columns:1fr}}
@media(max-width:900px){.main-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.main-nav a{font-size:8px}.update-hero{grid-template-columns:1fr}.update-shield{display:none}}
@media(max-width:680px){.update-hero{padding:22px}.update-hero h2{font-size:22px}.update-drop{padding:21px 14px}.update-bottom{grid-template-columns:1fr}.update-grid{display:block}.update-health{margin-top:18px}.rollback-item{align-items:flex-start}.rollback-item .btn{min-height:38px}}

/* 2.5.0 — full player profiles */
.person-button{appearance:none;border:0;background:transparent;color:inherit;font:inherit;text-align:right;width:100%;cursor:pointer;padding:0;border-radius:10px}.person-button:hover strong{color:var(--brand)}.person-button:focus-visible{outline:3px solid rgba(197,139,50,.32);outline-offset:4px}.table-actions{display:flex;flex-wrap:wrap;gap:6px}
.profile-backdrop{align-items:stretch;justify-content:flex-end;padding:0;background:rgba(4,24,22,.66)}.profile-modal{width:min(920px,94vw);height:100dvh;max-height:none;border-radius:24px 0 0 24px;box-shadow:-24px 0 70px rgba(2,22,20,.24);display:flex;flex-direction:column}.profile-modal .modal-head{flex:0 0 auto}.profile-modal .modal-body{max-height:none;flex:1;padding:0;background:#f4f6f2}.profile-modal .modal-foot{flex:0 0 auto}.profile-loading{height:70vh}
.player-profile{padding:22px;display:grid;gap:18px}.profile-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px;border-radius:20px;background:linear-gradient(135deg,#0c2b29,#123f3b);color:#fff;box-shadow:var(--shadow-md)}.profile-hero:after{content:"";position:absolute;inset:auto -70px -100px auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(229,185,95,.22),transparent 67%)}.profile-avatar{position:relative;z-index:1;width:78px;height:78px;border-radius:24px;display:grid;place-content:center;background:linear-gradient(145deg,#e4bd68,#b77b28);font-size:34px;font-weight:900;color:#0a2926;box-shadow:0 12px 30px rgba(0,0,0,.2)}.profile-identity{position:relative;z-index:1;min-width:0}.profile-identity>div{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.profile-identity h2{font-size:27px;margin:8px 0 6px}.profile-identity p{margin:0;color:#c2d3d0;font-size:11px}.profile-identity code{color:#f0ce83;background:rgba(255,255,255,.08)}.profile-identity a{color:#fff}.profile-rank{font-size:9px;font-weight:900;color:#0b2a27;background:#e8c879;border-radius:999px;padding:6px 9px}.profile-hero>.btn{position:relative;z-index:1;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.17);color:#fff}.profile-hero>.btn:hover{background:rgba(255,255,255,.15)}
.profile-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.profile-stat-grid article{min-height:91px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow-xs)}.profile-stat-grid span{display:block;font-size:9px;color:var(--muted);font-weight:800}.profile-stat-grid strong{display:block;font-size:24px;margin-top:9px;color:#153d39}.profile-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px;border-radius:16px;background:#eaf0ec}.profile-info-grid>div{padding:9px 11px;border-inline-start:2px solid rgba(25,78,72,.13)}.profile-info-grid span{display:block;color:var(--muted);font-size:9px}.profile-info-grid strong{display:block;margin-top:4px;font-size:11px}.profile-note{padding:15px;border:1px solid #eadab8;border-radius:15px;background:#fff9ed}.profile-note strong{font-size:11px}.profile-note p{margin:6px 0 0;color:#625844;font-size:10px;line-height:1.9}
.profile-section{border:1px solid var(--line);border-radius:18px;background:#fff;padding:17px;box-shadow:var(--shadow-xs)}.profile-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.profile-section-head h3{margin:0;font-size:16px}.profile-section-head p{margin:4px 0 0;color:var(--muted);font-size:9px}.profile-section-head>span{font-size:9px;background:#edf2ef;color:#4f6864;border-radius:999px;padding:6px 9px}.profile-events{display:grid;gap:9px}.profile-event{border:1px solid #e1e7e3;border-radius:14px;overflow:hidden;background:#fbfcfa}.profile-event[open]{border-color:#cbd9d3;background:#fff}.profile-event summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 14px}.profile-event summary::-webkit-details-marker{display:none}.profile-event summary>div:first-child{min-width:0}.profile-event summary .status{margin-left:7px}.profile-event summary strong{font-size:12px}.profile-event summary small{display:block;margin-top:5px;color:var(--muted);font-size:9px}.profile-event-score{text-align:left}.profile-event-score strong,.profile-event-score span{display:block}.profile-event-score strong{font-size:12px;color:#1d6c55}.profile-event-score span{font-size:9px;color:var(--muted);margin-top:3px}.profile-event-body{border-top:1px solid #e6ebe7;padding:13px 14px;background:#fff}.profile-event-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:11px}.profile-event-meta span{font-size:9px;color:var(--muted);padding:8px 9px;border-radius:9px;background:#f2f5f2}.profile-event-meta strong{color:#2f4541}.profile-event-matches{display:grid;gap:6px}.profile-event-link{border:0;background:transparent;margin-top:11px;cursor:pointer}
.profile-two-col{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:14px}.profile-match-list,.profile-h2h{display:grid;gap:7px}.profile-match{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border-radius:11px;background:#f6f8f5;border:1px solid #e7ebe8}.profile-match-result{width:42px;height:28px;border-radius:8px;display:grid;place-content:center;font-size:9px;font-weight:900}.profile-match.win .profile-match-result{background:#e3f5ed;color:#137253}.profile-match.loss .profile-match-result{background:#fff0ef;color:#ad493e}.profile-match strong,.profile-match small{display:block}.profile-match strong{font-size:10px}.profile-match small{font-size:8px;color:var(--muted);margin-top:3px}.profile-match time{font-size:8px;color:var(--muted);white-space:nowrap}.h2h-row{appearance:none;border:1px solid #e4e9e5;border-radius:11px;background:#fbfcfa;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;text-align:right;padding:9px;cursor:pointer;color:inherit}.h2h-row:hover{border-color:#bfd2ca;background:#f2f7f4}.h2h-row .avatar.small{width:34px;height:34px;font-size:12px}.h2h-row strong,.h2h-row small{display:block}.h2h-row strong{font-size:10px}.h2h-row small{font-size:8px;color:var(--muted);margin-top:3px}.h2h-row b{direction:ltr;font-size:14px;color:#164d46}.profile-rule{text-align:center;color:var(--muted);font-size:9px;margin:0}
@media(max-width:900px){.profile-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-two-col{grid-template-columns:1fr}.profile-event-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.profile-backdrop{padding:0}.profile-modal{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.profile-modal .modal-head{min-height:60px}.profile-modal .modal-body{max-height:none}.profile-modal .modal-foot{grid-template-columns:1fr 1fr}.player-profile{padding:13px;gap:12px}.profile-hero{grid-template-columns:auto minmax(0,1fr);padding:16px;gap:11px;border-radius:15px}.profile-avatar{width:58px;height:58px;border-radius:18px;font-size:25px}.profile-identity h2{font-size:20px}.profile-hero>.btn{grid-column:1/-1;width:100%}.profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.profile-stat-grid article{min-height:78px}.profile-stat-grid strong{font-size:21px}.profile-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.profile-section{padding:13px;border-radius:14px}.profile-event summary{grid-template-columns:1fr;padding:11px}.profile-event-score{text-align:right;display:flex;gap:8px}.profile-event-meta{grid-template-columns:1fr 1fr}.profile-match{grid-template-columns:auto minmax(0,1fr)}.profile-match time{grid-column:2}.table-actions{display:grid;grid-template-columns:1fr 1fr}.person-button{min-height:44px}}