@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/golos-text-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/golos-text-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/golos-text-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/golos-text-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/unbounded-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/unbounded-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/unbounded-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/unbounded-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{color-scheme:dark;--bg:#15151f;--panel:#1c1c28;--panel2:#22222f;--line:#30303d;--text:#f1f0f6;--muted:#92919f;--mint:#b6e3c5;--lime:#d6e89a;--purple:#b8a5ff;--font:'Golos Text',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--display-font:'Unbounded','Golos Text',sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% -15%,#33304c 0,transparent 37%),var(--bg);color:var(--text);font-family:var(--font);font-size:13px}.app-shell{display:grid;grid-template-columns:242px 1fr;min-height:100vh}.sidebar{height:100vh;position:sticky;top:0;border-right:1px solid #292936;padding:26px 17px 17px;display:flex;flex-direction:column;background:rgba(21,21,31,.83)}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-1px;margin:0 4px 58px}.brand-mark{width:35px;height:35px;border-radius:12px;background:#c8e89c;color:#242b20;display:grid;place-items:center;font-size:21px;transform:rotate(-5deg)}.brand-dot{color:var(--mint)}.brand small{display:block;font-size:8px;color:#777685;letter-spacing:1.1px;font-weight:700;margin-top:1px}.nav-label,.eyebrow{font-size:9px;letter-spacing:1.45px;font-weight:800;color:#8d8b99}.nav-label{padding:0 12px;margin-bottom:12px}.sidebar nav{display:grid;gap:5px}.nav-item{height:43px;padding:0 12px;display:flex;align-items:center;gap:12px;color:#a7a6b3;border-radius:10px;text-decoration:none;font-weight:600;transition:.2s}.nav-item:hover{background:#242431;color:white}.nav-item.active{background:#292b35;color:#d5eaa6;box-shadow:inset 2px 0 #c5e598}.nav-icon{font-size:17px;width:20px;text-align:center}.nav-count{margin-left:auto;background:#393744;color:#cac8d1;border-radius:6px;padding:2px 7px;font-size:10px}.side-spacer{flex:1}.season-card{height:58px;border:1px solid #30313b;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 11px;margin-bottom:18px;background:linear-gradient(110deg,#252a2b,#20202b)}.season-icon{height:30px;width:30px;border-radius:9px;display:grid;place-items:center;color:#d1e79c;background:#343b31;font-size:18px}.season-card b,.profile b{font-size:11px;display:block}.season-card small,.profile small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.season-card>.live-dot{margin-left:auto}.live-dot{width:7px;height:7px;background:#9bdcaa;border-radius:50%;box-shadow:0 0 10px #9bdcaa80;display:inline-block}.profile{border-top:1px solid #2b2b37;padding:17px 4px 0;display:flex;align-items:center;gap:9px}.avatar{width:33px;height:33px;border-radius:50%;background:#8b7084;color:white;display:grid;place-items:center;font-size:10px;font-weight:700}.profile-info{flex:1}.more,.icon-btn{border:0;background:none;color:#aaa9b4;cursor:pointer;font-size:19px}.main{min-width:0}main{min-width:0}.topbar{height:68px;border-bottom:1px solid #292936;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,76px)}.breadcrumb{color:#858390;font-size:11px}.breadcrumb span{padding:0 9px;color:#545360}.breadcrumb b{color:#dddce3;font-weight:600}.top-actions{display:flex;align-items:center;gap:22px}.icon-btn{position:relative;font-size:17px}.icon-btn i{width:5px;height:5px;border-radius:50%;background:#d1ea9d;position:absolute;right:1px;top:0}.help-btn{background:none;border:0;color:#a7a6b2;font:600 11px var(--font)}.help-btn span{color:#c6e39b;padding-left:5px}.content{max-width:1320px;margin:auto;padding:35px clamp(24px,5vw,76px) 20px}.hero{min-height:235px;border:1px solid #353344;border-radius:20px;background:linear-gradient(110deg,#282537 0%,#242331 48%,#202531 100%);position:relative;overflow:hidden;padding:27px 34px;display:flex;align-items:center}.hero:after{content:"";position:absolute;width:360px;height:280px;right:16%;top:-170px;background:#9d87d61c;filter:blur(50px);border-radius:50%}.hero .eyebrow{display:flex;align-items:center;gap:8px;color:#d3e9a8}.hero h1{font-size:31px;line-height:1.2;letter-spacing:-1.5px;margin:12px 0 9px;font-weight:700}.hero h1 em{color:#d1e89e;font-style:normal}.hero p{margin:0;color:#b4b1c1;font-size:11px}.hero-meta{margin-top:21px;display:flex;align-items:center;gap:9px;color:#a9a7b5;font-size:9px}.hero-meta b{color:#e9e8ef}.meta-avatars{display:flex;padding-left:2px}.meta-avatars span{height:21px;width:21px;border:2px solid #292638;background:#84728f;border-radius:50%;display:grid;place-items:center;color:white;font-size:7px;margin-left:-4px}.meta-avatars span:nth-child(2){background:#697b82}.meta-avatars span:nth-child(3){background:#383847;color:#d1d0dc}.meta-sep{height:13px;width:1px;background:#5b5868;margin:0 4px}.hero-art{position:absolute;right:5%;top:0;width:340px;height:100%;z-index:1}.orbit{border:1px solid #c5d99533;border-radius:50%;position:absolute;transform:rotate(-23deg)}.orbit-one{width:290px;height:155px;top:37px;left:27px}.orbit-two{width:225px;height:118px;top:55px;left:60px;transform:rotate(29deg)}.orb{position:absolute;border-radius:50%;filter:drop-shadow(0 18px 23px #09091080)}.orb-back{width:106px;height:106px;left:98px;top:60px;background:linear-gradient(135deg,#a697d8,#61577d 64%,#c2d48d);opacity:.83}.orb-front{width:76px;height:76px;left:158px;top:94px;background:linear-gradient(145deg,#e4edba,#a3c286 56%,#708a77);display:grid;place-items:center;color:#3b4a40;font-size:34px;box-shadow:inset -12px -12px 22px #44574f55,inset 8px 8px 15px #f3ffd888}.float-tag{position:absolute;border:1px solid #4b4959;background:#2d2c3a;padding:8px 10px;border-radius:8px;font-size:8px;letter-spacing:.7px;color:#dad8e1;box-shadow:0 8px 20px #10101870}.tag-top{top:33px;right:2px}.tag-top span{color:#cee69c;margin-left:10px}.tag-bottom{bottom:27px;left:4px;display:flex;gap:7px;align-items:center;letter-spacing:0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:34px 0 17px}.eyebrow.muted{color:#858391}.section-heading h2{font-size:21px;letter-spacing:-.7px;margin:5px 0 0}.count{font-size:9px;color:#9ea887;background:#343a31;border-radius:5px;padding:3px 5px;vertical-align:middle;margin-left:5px;letter-spacing:0}.text-link{background:none;border:0;color:#c5e79d;font:600 10px var(--font);cursor:pointer}.text-link span{margin-left:6px}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:15px}.search{height:36px;width:190px;border:1px solid #353542;background:#1d1d28;border-radius:9px;display:flex;align-items:center;padding:0 10px;gap:8px;color:#93919f}.search span{font-size:20px;line-height:1}.search input{color:#e9e8f0;background:none;border:0;outline:0;width:100%;font:10px var(--font)}.search input::placeholder{color:#777683}.filters{display:flex;gap:4px;flex:1;overflow:auto;scrollbar-width:none}.filter{white-space:nowrap;background:none;border:1px solid transparent;color:#9998a5;border-radius:8px;padding:8px 10px;font:600 9px var(--font);cursor:pointer;transition:.18s}.filter:hover{color:#e4e3e9;background:#23232e}.filter.active{background:#353632;border-color:#4b4c3e;color:#d5eaa6}.filter span{margin-left:4px;color:#aaa994}.sort-btn{height:35px;padding:0 10px;background:#1d1d28;border:1px solid #353542;border-radius:8px;color:#aeacb8;font:500 9px var(--font);white-space:nowrap}.sort-btn span{padding-left:8px}.tournament-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.t-card{min-width:0;border:1px solid #31313e;background:linear-gradient(145deg,#20202c,#1c1c27);border-radius:13px;padding:12px;transition:transform .2s,border .2s;cursor:pointer;position:relative;overflow:hidden}.t-card:hover{transform:translateY(-3px);border-color:#64664f}.card-art{height:89px;border-radius:9px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.card-art:before,.card-art:after{content:"";position:absolute;border:1px solid #ffffff20;border-radius:50%;width:125px;height:68px;transform:rotate(-25deg)}.card-art:after{width:90px;height:120px;transform:rotate(35deg)}.art-chess{background:radial-gradient(circle at 50% 95%,#c9a77566,transparent 42%),linear-gradient(120deg,#29283b,#454157)}.art-chess .symbol{color:#e3d3b5;text-shadow:0 6px 14px #0e0d17;font-size:47px}.art-cyber{background:radial-gradient(circle at 60% 50%,#48d5aa60,transparent 38%),linear-gradient(120deg,#1a3938,#25283c)}.art-cyber .symbol{color:#87e3bd;text-shadow:0 0 17px #3dc8aa;font-size:38px}.art-sport{background:radial-gradient(circle at 65% 50%,#e0b75f62,transparent 42%),linear-gradient(120deg,#3d332c,#263238)}.art-sport .symbol{color:#ead19a;text-shadow:0 7px 18px #14110d;font-size:41px}.art-brain{background:radial-gradient(circle at 45% 50%,#c49eff55,transparent 42%),linear-gradient(120deg,#302a43,#252536)}.art-brain .symbol{color:#c8b4fb;text-shadow:0 0 17px #b18de3;font-size:39px}.art-table{background:radial-gradient(circle at 48% 55%,#8bb3d75c,transparent 40%),linear-gradient(120deg,#243645,#252938)}.art-table .symbol{color:#a8d1ec;font-size:38px}.art-running{background:radial-gradient(circle at 55% 55%,#c4da7655,transparent 40%),linear-gradient(120deg,#343e2c,#252b2c)}.art-running .symbol{color:#cde395;font-size:38px}.card-badge{position:absolute;top:9px;left:9px;border-radius:5px;background:#171720b8;color:#d1e89c;font-size:7px;letter-spacing:.8px;font-weight:800;padding:5px 7px;z-index:1}.card-badge.live{color:#9fe2ba}.card-icon{position:absolute;right:9px;top:8px;z-index:1;width:24px;height:24px;border:1px solid #ffffff22;background:#13131b66;border-radius:7px;display:grid;place-items:center;color:#fff;font-size:10px}.card-title{font-size:12px;font-weight:700;letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-subtitle{font-size:9px;color:#9694a3;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-stats{display:flex;align-items:center;justify-content:space-between;margin-top:13px;border-top:1px solid #30303b;padding-top:10px}.players{font-size:9px;color:#b7b5c0}.players b{color:#e6e5eb}.player-mini{display:inline-flex;margin-right:5px;color:#a8c692}.card-date{font-size:8px;color:#9d9ba8}.card-progress{height:3px;background:#34343f;border-radius:8px;margin-top:9px;overflow:hidden}.card-progress span{height:100%;display:block;background:#b4d98c;border-radius:8px}.card-cta{display:none;position:absolute;inset:auto 11px 11px;background:#d1e89e;color:#232820;border-radius:7px;padding:8px;text-align:center;font-size:9px;font-weight:800}.t-card:focus .card-cta,.t-card:hover .card-cta{display:block}.t-card:focus .card-progress,.t-card:hover .card-progress{opacity:.25}.empty-state{padding:36px;text-align:center;color:#aaa8b4}.empty-state button{display:block;margin:12px auto;border:0;color:#c7e79b;background:none;font:600 11px var(--font);cursor:pointer}.bottom-row{display:grid;grid-template-columns:1.5fr 1fr;gap:13px;margin-top:27px}.mini-panel,.quote-panel{border:1px solid #30303d;border-radius:13px;background:#1d1d28;padding:16px}.panel-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.panel-head h3{font-size:13px;margin:4px 0 0}.panel-head a{color:#c7e49d;text-decoration:none;font-size:9px}.match-row{height:51px;display:flex;align-items:center;border-top:1px solid #30303a;gap:10px}.match-date{width:32px;height:34px;border-radius:8px;background:#2a2a34;display:grid;align-content:center;justify-items:center}.match-date b{font-size:12px}.match-date small{font-size:7px;color:#a6a4b0}.match-copy{flex:1;min-width:0}.match-copy b{font-size:9px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-copy small{font-size:8px;color:#8f8d9b;display:block;margin-top:3px}.match-time{font-size:9px;color:#c5c3cd}.match-arrow{color:#9cbb7b}.quote-panel{position:relative;overflow:hidden;background:linear-gradient(120deg,#2d2a3d,#252534)}.quote-mark{font-family:Georgia;font-size:45px;color:#d0e99c;line-height:.8}.quote-panel p{font-size:14px;line-height:1.5;max-width:240px;position:relative;z-index:1;margin:9px 0 16px;color:#e4e2ec}.quote-panel>div{display:flex;align-items:center;gap:8px}.quote-line{height:1px;width:22px;background:#c8e39a}.quote-panel small{font-size:7px;letter-spacing:1.2px;color:#c8e39a;font-weight:700}.quote-watermark{position:absolute;right:4px;bottom:-30px;font-size:130px;color:#ffffff08}footer{display:flex;gap:22px;align-items:center;padding:22px 0;color:#747381;font-size:8px}footer span{flex:1}footer a{color:#8e8c99;text-decoration:none}.modal-backdrop{position:fixed;inset:0;background:#0b0b10c9;backdrop-filter:blur(8px);z-index:5;display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.modal{position:relative;width:min(520px,100%);max-height:90vh;overflow:auto;border:1px solid #43414f;border-radius:18px;background:linear-gradient(145deg,#252432,#1c1c28);padding:24px;box-shadow:0 30px 90px #0009}.modal-close{position:absolute;right:16px;top:12px;background:none;border:0;color:#aaa8b3;font-size:26px;cursor:pointer}.modal h2{font-size:21px;margin:12px 0 5px}.modal p{color:#aaa8b4;line-height:1.6;font-size:11px}.modal-kicker{color:#cce79c;font-size:9px;letter-spacing:1px;font-weight:800}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:17px 0}.detail-item{background:#2b2a36;border-radius:9px;padding:11px}.detail-item small{display:block;color:#9694a1;font-size:8px;margin-bottom:5px}.detail-item b{font-size:10px}.modal-primary{width:100%;height:41px;border:0;border-radius:9px;background:#cce69c;color:#22271f;font:800 10px var(--font);cursor:pointer;margin-top:8px}.bracket{display:flex;gap:9px;overflow:auto;padding:8px 0 15px}.round{min-width:130px;display:flex;flex-direction:column;gap:10px;justify-content:space-around}.round-label{font-size:8px;color:#a3a19f;letter-spacing:.8px;margin-bottom:2px}.game{border:1px solid #3d3b49;background:#292835;border-radius:8px;padding:8px;font-size:9px}.game div{display:flex;justify-content:space-between;padding:3px 0}.game div+div{border-top:1px solid #41404c}.game .winner{color:#d5eaa6}.game small{color:#aaa8b4}.score-list{width:100%;border-collapse:collapse;margin-top:14px;font-size:9px}.score-list th,.score-list td{padding:9px 7px;border-bottom:1px solid #373542;text-align:center}.score-list th{color:#9e9ca9;font-weight:600}.score-list th:first-child,.score-list td:first-child{text-align:left}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#d1e89e;color:#22271f;padding:11px 17px;border-radius:9px;font-weight:700;font-size:10px;z-index:10;box-shadow:0 10px 30px #0007;animation:pop .2s ease}@keyframes pop{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}@media(min-width:1450px){.content{padding-top:42px}.hero{min-height:255px}.card-art{height:100px}}@media(max-width:1100px){.app-shell{grid-template-columns:205px 1fr}.content{padding-left:28px;padding-right:28px}.tournament-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-art{right:0;opacity:.8}.filters{max-width:470px}.toolbar{flex-wrap:wrap}.search{width:180px}.sort-btn{margin-left:auto}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:sticky;z-index:3;height:58px;top:0;padding:10px 16px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid #30303a}.brand{margin:0;font-size:17px}.brand-mark{width:32px;height:32px}.brand small,.nav-label,.sidebar nav,.season-card,.profile{display:none}.side-spacer{flex:1}.sidebar:after{content:"☰";color:#cfceD8;font-size:18px;margin-right:8px}.topbar{height:48px;padding:0 18px}.help-btn{display:none}.content{padding:20px 16px}.hero{min-height:215px;padding:22px 20px}.hero h1{font-size:26px}.hero p{max-width:300px;line-height:1.6}.hero-art{right:-85px;opacity:.38}.hero-meta{font-size:8px}.section-heading{margin-top:25px}.toolbar{gap:8px}.search{width:100%}.filters{order:2;flex-basis:100%;max-width:none}.sort-btn{order:1;margin-left:auto;height:32px}.tournament-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card-art{height:78px}.t-card{padding:9px}.card-title{font-size:10px}.card-subtitle{font-size:8px}.card-stats{margin-top:10px}.bottom-row{grid-template-columns:1fr;margin-top:20px}.quote-panel{min-height:160px}footer{flex-wrap:wrap;gap:8px 16px}footer span{flex-basis:100%;order:3}}@media(max-width:390px){.hero h1{font-size:23px}.hero{padding:18px 15px}.hero-meta{gap:5px}.tournament-grid{gap:7px}.card-art{height:69px}.card-stats{align-items:flex-start;gap:3px;flex-direction:column}.card-progress{margin-top:6px}.card-badge{font-size:6px}.card-title{font-size:9px}.section-heading h2{font-size:19px}}
/* Refinements */
.topbar{justify-content:flex-end}.topbar-title{margin-right:auto;font-size:12px;font-weight:700;letter-spacing:-.2px;color:#dedde5}.top-actions{margin-left:auto}.profile{gap:8px}.notification-btn{width:30px;height:30px;border:1px solid #343440;border-radius:9px;background:#22222d;display:grid;place-items:center;position:relative}.notification-btn svg{width:15px;height:15px;fill:none;stroke:#c9c7d2;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.notification-btn i{right:5px;top:4px}.more{width:26px;height:30px;border:1px solid #343440;border-radius:9px;background:#22222d}.hero-art{right:1%;width:370px;overflow:visible}.tag-top{right:9px;white-space:nowrap}.tag-bottom{left:15px;white-space:nowrap}.filters{padding:4px;border:1px solid #ffffff18;border-radius:11px;background:linear-gradient(135deg,#ffffff12,#ffffff05);box-shadow:inset 0 1px #ffffff0b,0 6px 20px #09091128;backdrop-filter:blur(16px);gap:3px}.filter{position:relative;z-index:0;padding:8px 11px}.filter.active{background:linear-gradient(135deg,#d9ecad,#bad98c);border-color:#e7f4c06b;color:#273020;box-shadow:0 3px 10px #b6dc8450}.filter.active span{color:#536440}.filter:hover:not(.active){background:#ffffff0c}.game{position:relative;transition:transform .2s,border-color .2s,background .2s;cursor:pointer}.game:hover,.game:focus-within,.game:focus{transform:translateY(-2px);border-color:#b9d98f;background:linear-gradient(135deg,#373744,#292a35);outline:none;box-shadow:0 5px 18px #08080f70}.game-details{display:inline-flex;align-items:center;gap:5px;opacity:0;max-height:0;overflow:hidden;transform:translateY(4px);padding:0;border:0;background:none;color:#d4eaa0;font:700 8px var(--font);cursor:pointer;transition:opacity .16s,transform .16s,max-height .16s,margin .16s}.game:hover .game-details,.game:focus-within .game-details,.game:focus .game-details{opacity:1;max-height:18px;transform:translateY(0);margin-top:4px}.game-details span{font-size:10px}.filter:focus-visible,.icon-btn:focus-visible,.more:focus-visible,.game-details:focus-visible,.sort-btn:focus-visible{outline:2px solid #cce69c;outline-offset:2px}.sort-btn,.text-link,.help-btn,.more,.icon-btn,.modal-primary,.card-cta{transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s}.sort-btn:hover{background:linear-gradient(120deg,#34333f,#292e2c);border-color:#74745e;color:#e0edc4}.text-link:hover,.help-btn:hover{color:#e2f4bb}.icon-btn:hover,.more:hover{background:linear-gradient(145deg,#353443,#29332c);border-color:#647052;color:#d6eba9}.modal-primary:hover{background:linear-gradient(110deg,#e0f2b6,#a9d17d);box-shadow:0 6px 18px #9cc87042;transform:translateY(-1px)}.modal-primary:active,.sort-btn:active{transform:translateY(1px)}.nav-item:hover{background:linear-gradient(105deg,#2c2c38,#29302b)}
@media(max-width:760px){.hero-art{right:0;width:275px}.tag-top{right:3px}.topbar{justify-content:flex-end}.topbar-title{margin-right:auto}.notification-btn{display:grid}}
.filters .filter{display:inline-flex;align-items:center;gap:6px}.filter-icon{font-size:13px;line-height:1;color:#c8c7d1}.filter.active .filter-icon{color:#536440}.filter-label{white-space:nowrap}.art-sport .symbol{font-size:34px;text-shadow:inset 0 0 0 transparent,0 6px 18px #17110d}.card-icon{font-size:12px}.tag-top{padding-left:12px;padding-right:12px}

@media(max-width:760px){.profile{display:contents}.profile-info,.profile>.avatar{display:none}.sidebar .notification-btn,.sidebar .more{flex:0 0 30px;margin:0 3px}.sidebar:after{margin-left:5px}.filter-icon{font-family:var(--font);font-size:12px}}
/* Final layout refinements */
.topbar{justify-content:flex-end}.topbar-title{display:none}.filters{flex:0 1 auto;width:max-content;max-width:100%;overflow-x:auto}.toolbar{justify-content:flex-start}.toolbar .sort-btn{margin-left:auto}.tag-top{display:none}.profile .notification-btn{margin-left:auto}.more{display:none}.score-overlay{position:fixed;inset:0;z-index:8;display:grid;place-items:center;padding:20px;background:#0b0b10c9;backdrop-filter:blur(9px)}.score-overlay[hidden]{display:none}.score-modal{position:relative;width:min(520px,100%);border:1px solid #484655;border-radius:17px;background:linear-gradient(145deg,#292837,#1e1e29);padding:26px;box-shadow:0 28px 90px #000b;animation:score-pop .18s ease}.score-modal h2{font-size:18px;line-height:1.5;margin:12px 30px 2px 0}.score-modal p{margin:0;color:#9d9ba8;font-size:10px}.versus{color:#a6c783;padding:0 5px}.filters .filter{flex:none}
@keyframes score-pop{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){.filters{width:100%;flex:0 1 100%;max-width:100%}.toolbar .sort-btn{margin-left:auto}.profile .notification-btn{margin-left:0}.sidebar{gap:0}}
@media(max-width:760px){.filters{width:max-content;flex:0 1 auto;max-width:100%}.score-modal{overflow-x:auto}.score-list{min-width:420px}}
.content{padding-top:18px}.sport-glyph{display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.card-icon .sport-glyph{width:15px;height:15px}.card-art .symbol .sport-glyph{width:40px;height:40px;stroke-width:1.25;filter:drop-shadow(0 6px 14px #09091080)}.art-cyber .symbol .sport-glyph{width:44px;height:44px;stroke:#87e3bd;filter:drop-shadow(0 0 10px #3dc8aa70)}.art-sport .symbol .sport-glyph{width:43px;height:43px;stroke:#ead19a;filter:drop-shadow(0 6px 15px #14110d80)}.filter-icon .sport-glyph{width:14px;height:14px}.filter.active .filter-icon .sport-glyph{stroke:#536440}
@media(min-width:1450px){.content{padding-top:22px}}@media(max-width:760px){.content{padding-top:14px}}

.menu-toggle{display:none;width:30px;height:30px;flex:0 0 30px;padding:0;border:1px solid #343440;border-radius:9px;background:#22222d;color:#c9c7d2;place-items:center;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.menu-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.menu-toggle:hover{background:linear-gradient(145deg,#353443,#29332c);border-color:#647052;color:#d6eba9}.menu-toggle:focus-visible{outline:2px solid #cce69c;outline-offset:2px}.sidebar:after{display:none}@media(max-width:760px){.menu-toggle{display:grid;margin-left:3px}.sidebar:after{display:none}}
.section-tools{display:flex;align-items:center;gap:8px}.auth-btn,.register-btn{height:34px;padding:0 12px;border:1px solid #464452;border-radius:8px;background:linear-gradient(120deg,#292835,#22222d);color:#dedde5;font:700 9px var(--font);cursor:pointer;transition:.2s}.register-btn{background:linear-gradient(120deg,#d9ecad,#bad98c);border-color:#e7f4c06b;color:#273020}.auth-btn:hover{background:linear-gradient(120deg,#373543,#2c352d);border-color:#697555}.register-btn:hover{background:linear-gradient(110deg,#e4f4c1,#a8d17b);box-shadow:0 5px 16px #9cc87042;transform:translateY(-1px)}.section-tools [hidden]{display:none!important}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:16px}.form-grid label{display:flex;flex-direction:column;gap:5px;color:#c8c6d1;font-size:9px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea,.score-entry input{width:100%;min-width:0;border:1px solid #454350;border-radius:8px;padding:10px;background:#1a1a25;color:#efedf4;font:10px var(--font);outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#a9c87d;box-shadow:0 0 0 2px #a9c87d26}.form-grid small{font-size:8px;color:#888693;font-weight:400}.full-field{grid-column:1/-1}.consent{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:8px!important;font-weight:400!important;line-height:1.5}.consent input{width:14px;height:14px;margin:1px 0 0;accent-color:#cce69c;flex:none}.inline-link,.switch-auth{border:0;background:none;color:#cce69c;font:inherit;text-decoration:underline;cursor:pointer;padding:0}.switch-auth{font-size:9px;text-decoration:none}.form-error{min-height:0;color:#ff9d9d;font-size:10px}.form-error:not(:empty){padding:8px;background:#592a3140;border-radius:6px}.modal-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.secondary-action{background:linear-gradient(120deg,#343340,#282a31);color:#d7e9b5;border:1px solid #60614c}.secondary-action:hover{background:linear-gradient(120deg,#44424e,#35402f)}.winner-game{border-color:#72835b}.admin-score{opacity:.7}.score-entry{display:grid;gap:8px;margin-top:15px}.score-entry label{display:grid;grid-template-columns:1fr 62px 62px;gap:7px;align-items:center;color:#c7c5d1;font-size:9px}.score-entry input{padding:7px;text-align:center}.game .sport-glyph{width:14px;height:14px}.profile-info b{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){.section-heading{align-items:center;gap:8px}.section-tools{gap:5px}.section-tools .text-link{display:none}.auth-btn,.register-btn{height:31px;padding:0 8px;font-size:8px}.form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.profile-info b{max-width:95px}}
@media(max-width:760px){.sidebar.menu-open{height:auto;min-height:58px;flex-wrap:wrap;align-content:flex-start}.sidebar.menu-open nav{position:absolute;display:grid;top:58px;left:0;right:0;padding:10px 16px;background:#171720;border-bottom:1px solid #343440;box-shadow:0 12px 28px #0007;z-index:4}.sidebar.menu-open .nav-label{display:block;position:absolute;top:60px;left:16px;z-index:5;transform:translateY(8px);pointer-events:none}.sidebar.menu-open nav{padding-top:29px}}
.top-controls{position:fixed;z-index:6;top:17px;right:clamp(24px,5vw,76px);display:flex;align-items:center;gap:8px}.top-controls .notification-btn,.top-controls .menu-toggle{display:grid;width:36px;height:36px;flex:0 0 36px;border:1px solid #343440;border-radius:12px;background:#22222d;color:#c9c7d2;place-items:center;position:relative;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.top-controls .notification-btn svg,.top-controls .menu-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.top-controls .notification-btn:hover,.top-controls .menu-toggle:hover{background:linear-gradient(145deg,#353443,#29332c);border-color:#647052;color:#d6eba9}.top-controls .notification-btn i{right:7px;top:6px}.top-controls .account-actions{display:flex;align-items:center;gap:7px}.top-controls .auth-btn,.top-controls .register-btn{height:36px}.top-controls .logout-btn{display:grid;place-items:center;width:36px;padding:0;border-color:#343440;background:#22222d;color:#c9c7d2}.top-controls .logout-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.top-controls .logout-btn:hover{background:linear-gradient(145deg,#353443,#29332c);border-color:#647052;color:#d6eba9}.top-controls button:focus-visible{outline:2px solid #cce69c;outline-offset:2px}.sidebar .menu-toggle{display:none}.section-tools{margin-left:auto}
@media(max-width:760px){.top-controls{top:11px;right:12px;gap:5px}.top-controls .notification-btn,.top-controls .menu-toggle{width:32px;height:32px;flex-basis:32px;border-radius:10px}.top-controls .account-actions{gap:4px}.top-controls .auth-btn,.top-controls .register-btn{height:32px;padding:0 8px;font-size:8px}.top-controls .logout-btn{width:32px;padding:0}.sidebar .profile{display:none}}
@media(max-width:380px){.top-controls{right:8px;gap:3px}.top-controls .notification-btn,.top-controls .menu-toggle{width:29px;height:29px;flex-basis:29px}.top-controls .auth-btn,.top-controls .register-btn{height:29px;padding:0 6px}.top-controls .logout-btn{width:29px}}

/* Heading type and responsive account controls */
:root{--display-font:"Unbounded",var(--font)}
.hero h1,.section-heading h2,.panel-head h3,.modal h2{font-family:var(--display-font);font-weight:600;letter-spacing:-.055em}
.top-controls{gap:10px}
.top-controls .menu-toggle{margin-right:3px}
.top-controls .auth-btn:not(.logout-btn){border:1px solid transparent;border-radius:999px;background:#cce69c;color:#22271f;padding:0 14px;font-weight:800;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
.top-controls .auth-btn:not(.logout-btn):hover{background:linear-gradient(115deg,#d9f0aa,#a7d5b7);box-shadow:0 4px 18px #b9e69c35;transform:translateY(-1px)}
.top-controls .register-btn{border:1px solid #3c3b49;border-radius:999px;background:#24232f;color:#d7d5df;padding:0 13px;font-weight:700;transition:background .2s,border-color .2s,color .2s}
.top-controls .register-btn:hover{background:linear-gradient(115deg,#333242,#29352f);border-color:#667056;color:#e4f1c3}
@media(max-width:760px){.top-controls{gap:9px}.top-controls .menu-toggle{margin-right:3px}.top-controls .auth-btn:not(.logout-btn){padding:0 13px;font-size:10px}.top-controls .register-btn{font-size:9px;padding:0 11px}}
@media(max-width:420px){.top-controls #registerButton{display:none}.top-controls{gap:10px}.top-controls .menu-toggle{margin-right:4px}.top-controls .auth-btn:not(.logout-btn){padding:0 12px}}

/* Golos Text for interface copy, Unbounded remains reserved for headings. */
:root{--font:"Golos Text",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display-font:"Unbounded","Golos Text",sans-serif}
body{font-family:var(--font)}
/* A muted violet accent keeps registration distinct from navigation and sign-in. */
.top-controls .register-btn{background:linear-gradient(135deg,#343044,#292635);border-color:#514b66;color:#d8d1f0;box-shadow:inset 0 1px #ffffff0b}
.top-controls .register-btn:hover{background:linear-gradient(120deg,#51466c,#39344b);border-color:#8273a5;color:#f0eaff;box-shadow:0 5px 16px #7c68a52b;transform:translateY(-1px)}
/* Calm entry transitions for the landing view, game cards, dialogs, and login state. */
@keyframes arena-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes arena-card-enter{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes arena-login{0%{transform:scale(.92);opacity:.6}65%{transform:scale(1.06)}100%{transform:scale(1);opacity:1}}
.hero,.section-heading,.toolbar,.bottom-row{animation:arena-enter .42s cubic-bezier(.2,.7,.25,1) both}
.section-heading{animation-delay:.05s}.toolbar{animation-delay:.09s}.bottom-row{animation-delay:.13s}
.t-card{animation:arena-card-enter .28s cubic-bezier(.2,.7,.25,1) both}
.t-card:nth-child(2){animation-delay:.035s}.t-card:nth-child(3){animation-delay:.07s}.t-card:nth-child(4){animation-delay:.105s}
.modal{animation:arena-enter .22s ease-out both}
.modal-backdrop{animation:fade-in .2s ease both}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
.top-controls.is-authenticated .profile-trigger{animation:arena-login .34s ease-out}
.filter{transition:background .22s,color .22s,border-color .22s,box-shadow .22s,transform .18s}
.filter:active{transform:scale(.97)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Signed-in profile and compact account menu */
.account-actions[hidden],.profile-control[hidden]{display:none!important}
.profile-control{position:relative;display:flex;align-items:center}
.profile-trigger{height:38px;min-width:44px;padding:3px 8px 3px 3px;display:flex;align-items:center;gap:7px;border:1px solid #3b3a47;border-radius:999px;background:linear-gradient(135deg,#292834,#22232e);color:#e8e6ef;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}
.profile-trigger:hover,.profile-control:focus-within .profile-trigger,.profile-control.is-open .profile-trigger{border-color:#6b7056;background:linear-gradient(130deg,#333141,#29312e);box-shadow:0 5px 18px #07070d45}
.profile-avatar{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:50%;background:linear-gradient(145deg,#d7eaa5,#a9d5ae);color:#273025;font-size:10px;font-weight:800;letter-spacing:-.3px}
.profile-chevron{width:13px;height:13px;fill:none;stroke:#aaa9b5;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.profile-control:hover .profile-chevron,.profile-control:focus-within .profile-chevron,.profile-control.is-open .profile-chevron{transform:rotate(180deg)}
.profile-popover{position:absolute;z-index:12;top:calc(100% + 10px);right:0;width:min(286px,calc(100vw - 24px));padding:10px;border:1px solid #484653;border-radius:15px;background:linear-gradient(145deg,#292835f5,#1d1d28f7);box-shadow:0 18px 48px #05050bb0;backdrop-filter:blur(22px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px) scale(.98);transform-origin:top right;transition:opacity .18s,visibility .18s,transform .18s}
.profile-control:hover .profile-popover,.profile-control.is-open .profile-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.profile-popover-head{display:flex;align-items:center;gap:11px;padding:7px 8px 10px}.profile-avatar-large{width:39px;height:39px;flex-basis:39px;font-size:12px}.profile-identity{min-width:0;display:grid;gap:5px}.profile-identity b{overflow:hidden;color:#f1f0f6;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.profile-identity small{color:#a6a3b2;font-size:9px;letter-spacing:.25px}.profile-menu-separator{height:1px;margin:0 3px 5px;background:linear-gradient(90deg,transparent,#ffffff20,transparent)}
.profile-menu-item{width:100%;height:40px;padding:0 10px;display:flex;align-items:center;gap:10px;border:0;border-radius:9px;background:transparent;color:#d3d1dc;text-align:left;font:600 11px var(--font);cursor:pointer;transition:background .18s,color .18s}
.profile-menu-item svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;color:#b4b1c2}.profile-menu-item:hover,.profile-menu-item:focus-visible{outline:none;background:linear-gradient(105deg,#ffffff0d,#ffffff04);color:#f5f3fa}.profile-menu-item:hover svg,.profile-menu-item:focus-visible svg{color:#d7eaa5}.profile-logout{color:#d8c9ca}.profile-logout svg{color:#c39da5!important}.profile-logout:hover{background:linear-gradient(105deg,#70465035,#ffffff04);color:#f0dadd}.profile-logout:hover svg{color:#e0aeb5!important}.profile-trigger:focus-visible{outline:2px solid #cce69c;outline-offset:3px}
@media(max-width:760px){.profile-trigger{height:34px;min-width:40px}.profile-avatar{width:26px;height:26px;flex-basis:26px}.profile-popover{top:calc(100% + 9px);right:-2px;width:min(280px,calc(100vw - 20px))}}

/* Sort selector */
.sort-control{position:relative;display:block;flex:0 0 auto;margin-left:auto}
.toolbar .sort-control .sort-btn{margin:0;min-width:158px;max-width:220px;padding-right:29px;appearance:none;-webkit-appearance:none;cursor:pointer}
.sort-control>svg{position:absolute;right:10px;top:50%;width:14px;height:14px;transform:translateY(-50%);pointer-events:none;fill:none;stroke:#b4b2bf;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sort-control:focus-within .sort-btn{border-color:#8a8a6d;box-shadow:0 0 0 3px #cce69c18}
.sort-control option{background:#24232f;color:#eceaf2}
@media(max-width:760px){.toolbar .sort-control{margin-left:auto;max-width:100%}.toolbar .sort-control .sort-btn{max-width:min(220px,calc(100vw - 32px));font-size:9px}}
@media(max-width:390px){.toolbar .sort-control .sort-btn{min-width:142px;font-size:8px}}

/* Tournament card motion system: depth, pointer light, and quick content transitions */
.t-card{transform-style:preserve-3d;will-change:transform;transition:transform .28s cubic-bezier(.2,.75,.25,1),border-color .25s,box-shadow .28s,background .25s}
.t-card::before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),#d9eca51a,transparent 68%);transition:opacity .3s}
.t-card>*{position:relative;z-index:1}
.t-card:hover,.t-card:focus-visible{transform:perspective(900px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) translateY(-4px);border-color:#77785e;box-shadow:0 18px 36px #08081069,0 0 0 1px #d6e89a12}
.t-card:hover::before,.t-card:focus-visible::before{opacity:1}
.t-card:focus-visible{outline:2px solid #cce69c;outline-offset:3px}
.card-art{transition:filter .3s,transform .35s cubic-bezier(.2,.75,.25,1)}
.t-card:hover .card-art{filter:saturate(1.14) brightness(1.06)}
.card-art .symbol{display:grid;place-items:center;transition:transform .36s cubic-bezier(.2,.75,.25,1),filter .36s}
.t-card:hover .card-art .symbol{transform:translateY(-3px) scale(1.08) rotate(-3deg);filter:drop-shadow(0 0 12px #ffffff22)}
.t-card:hover .card-art::before{animation:orbit-drift 3.6s ease-in-out infinite alternate}
@keyframes orbit-drift{from{transform:rotate(-25deg) translateX(-2px)}to{transform:rotate(-17deg) translateX(4px)}}
.filter-icon{display:inline-grid;place-items:center;transition:transform .24s cubic-bezier(.2,.75,.25,1),color .2s}
.filter:hover .filter-icon{transform:translateY(-1px) scale(1.12)}
.filter.active .filter-icon{transition:transform .28s cubic-bezier(.2,.75,.25,1)}
.filter:active .filter-icon{transform:scale(.9)}
.bracket .game{transition:transform .24s cubic-bezier(.2,.75,.25,1),border-color .24s,background .24s,box-shadow .24s}
.round{animation:round-arrive .42s cubic-bezier(.2,.75,.25,1) both}
.round:nth-child(2){animation-delay:.07s}.round:nth-child(3){animation-delay:.14s}.round:nth-child(4){animation-delay:.21s}
@keyframes round-arrive{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}

/* Flash-style in-app notifications, never browser alerts or form banners */
.toast{position:fixed;z-index:30;top:calc(env(safe-area-inset-top,0px) + 76px);right:22px;bottom:auto;left:auto;width:min(360px,calc(100vw - 28px));min-height:58px;display:flex;align-items:center;gap:11px;padding:10px 16px 12px 11px;overflow:hidden;transform:none;border:1px solid #b9da9052;border-radius:16px;background:linear-gradient(135deg,#292936ed,#1d2028ed);color:#edeaf3;box-shadow:0 15px 42px #05050bb3,inset 0 1px #ffffff12;backdrop-filter:blur(22px);animation:toast-flash-in .4s cubic-bezier(.2,.85,.25,1) both}
.toast.is-leaving{animation:toast-flash-out .22s ease-in both}
.toast-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border:1px solid #d8edac52;border-radius:11px;background:linear-gradient(145deg,#d8edac,#a3ce92);color:#273124;box-shadow:0 4px 14px #b7df8a32}
.toast-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.toast-copy{min-width:0;display:grid;gap:3px}.toast-copy small{font-size:7px;letter-spacing:1.1px;font-weight:800;color:#c5df9e}.toast-message{font-size:11px;line-height:1.35;color:#f0eef5;overflow-wrap:anywhere}
.toast-progress{position:absolute;left:12px;right:12px;bottom:0;height:2px;border-radius:2px;background:linear-gradient(90deg,#cce69c,#91ccb0);transform-origin:left;animation:toast-progress 3s linear both}
@keyframes toast-flash-in{from{opacity:0;transform:translate3d(0,-12px,0) scale(.97);filter:blur(5px)}to{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
@keyframes toast-flash-out{to{opacity:0;transform:translate3d(0,-7px,0) scale(.98);filter:blur(4px)}}
@keyframes toast-progress{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:600px){.toast{top:calc(env(safe-area-inset-top,0px) + 66px);right:12px;width:min(350px,calc(100vw - 24px));min-height:54px}.toast-message{font-size:10px}}
@media(prefers-reduced-motion:reduce){.t-card,.card-art,.card-art .symbol,.filter-icon,.bracket .game,.round,.toast,.toast-progress{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.t-card .card-cta{position:absolute;z-index:2}

/* One compact sport and sorting row on mobile */
@media(max-width:760px){
  .toolbar{display:grid;grid-template-columns:minmax(0,1fr) max-content;grid-template-areas:"search search" "sports sort";align-items:center;gap:8px}
  .toolbar .search{grid-area:search;width:100%;min-width:0}
  .toolbar .filters{grid-area:sports;width:100%;min-width:0;max-width:100%;flex:none;order:0;overflow-x:auto;overscroll-behavior-x:contain}
  .toolbar .sort-control{grid-area:sort;margin:0;max-width:100%}
  .toolbar .sort-control .sort-btn{width:100%;max-width:198px;min-width:158px}
}
@media(max-width:390px){.toolbar .sort-control .sort-btn{min-width:146px;max-width:154px}.toolbar .filters .filter{padding:7px 8px;font-size:8px}.toolbar .filters{gap:2px}}

/* Typewriter handoff between signed-out and signed-in states */
.greeting-transition[hidden]{display:none!important}
.greeting-transition{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;background:radial-gradient(ellipse at 50% 43%,#343049 0%,#22212f 38%,#15151f 78%);color:#f3f1f8;opacity:0;pointer-events:auto}
.greeting-transition.is-visible{animation:greeting-cover-in .32s ease-out forwards}
.greeting-transition.is-leaving{animation:greeting-cover-out .46s cubic-bezier(.4,0,.8,.3) forwards}
.greeting-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#d9eca8,#a8d4ae);color:#252c22;font:700 27px var(--display-font);box-shadow:0 8px 28px #badb993b;animation:greeting-mark-arrive .55s cubic-bezier(.2,.8,.2,1) both}
.greeting-text{min-height:1.6em;margin:0;text-align:center;font:600 clamp(17px,4vw,24px)/1.4 var(--display-font);letter-spacing:-.045em;color:#f0eef5}
.greeting-caret{width:22px;height:2px;border-radius:3px;background:#cce69c;animation:greeting-caret-blink .72s steps(2,start) infinite}
.app-shell.screen-ready{animation:app-screen-reveal .62s cubic-bezier(.2,.75,.25,1) both}
@keyframes greeting-cover-in{from{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(13px)}}
@keyframes greeting-cover-out{to{opacity:0;backdrop-filter:blur(0);visibility:hidden}}
@keyframes greeting-mark-arrive{from{opacity:0;transform:translateY(9px) scale(.78) rotate(-7deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}
@keyframes greeting-caret-blink{to{opacity:.12;transform:scaleX(.55)}}
@keyframes app-screen-reveal{from{opacity:.72;transform:translateY(8px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.greeting-transition,.greeting-mark,.greeting-caret,.app-shell.screen-ready{animation-duration:.01ms!important;animation-iteration-count:1!important}}

.profile-control:hover .profile-popover,.profile-control.is-open .profile-popover{transition-delay:0s}
.profile-popover::before{content:"";position:absolute;left:0;right:0;top:-12px;height:14px}

/* Matched filter and sort control heights */
.toolbar .filters{height:44px;min-height:44px;padding:4px;align-items:center}
.toolbar .filters .filter{height:34px;min-height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;line-height:1;border-radius:8px}
.toolbar .sort-control{height:44px;min-height:44px;align-items:center}
.toolbar .sort-control .sort-btn{height:44px;min-height:44px;line-height:1}
.toolbar .filters .filter-label,.toolbar .filters .filter-icon{line-height:1}
@media(max-width:760px){.toolbar .filters{height:44px}.toolbar .filters .filter{height:34px;min-height:34px;padding:0 9px}.toolbar .sort-control,.toolbar .sort-control .sort-btn{height:44px;min-height:44px}}
.form-grid label.field-invalid input,.form-grid label.field-invalid select,.form-grid label.field-invalid textarea{border-color:#d59aa7;box-shadow:0 0 0 3px #d59aa71c}

/* Give the final sport chip room and replace the operating-system select popup. */
.toolbar .filters{max-width:none;min-width:0;flex:1 1 auto}
.sort-control{width:220px;max-width:220px;display:block}
.toolbar .sort-control .sort-btn{width:100%;max-width:none;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;text-align:left;font:600 10px var(--font);letter-spacing:0}
.sort-control .sort-btn svg{position:static;flex:0 0 14px;transform:none;transition:transform .24s cubic-bezier(.2,.75,.25,1)}
.sort-control .sort-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.sort-menu[hidden]{display:none!important}
.sort-menu{position:absolute;z-index:24;top:calc(100% + 8px);right:0;width:100%;min-width:240px;padding:6px;border:1px solid #454351;border-radius:13px;background:linear-gradient(145deg,#292835f5,#1d1d28f7);box-shadow:0 16px 44px #05050bb3,inset 0 1px #ffffff10;backdrop-filter:blur(22px);transform-origin:top right;animation:sort-menu-arrive .2s cubic-bezier(.2,.75,.25,1) both}
.sort-option{width:100%;min-height:38px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid transparent;border-radius:8px;background:transparent;color:#c4c1ce;text-align:left;font:500 10px var(--font);cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s}
.sort-option:hover,.sort-option:focus-visible{outline:none;background:linear-gradient(110deg,#ffffff0d,#ffffff04);border-color:#ffffff0c;color:#f1eff7}
.sort-option.is-selected{background:linear-gradient(110deg,#d6e89a1d,#b8a5ff0e);border-color:#d6e89a25;color:#d9eca9}
.sort-option>svg{width:15px;height:15px;flex:0 0 15px;fill:none;stroke:#d6e89a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sort-option:not(.is-selected)>svg{visibility:hidden}
@keyframes sort-menu-arrive{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){.toolbar .sort-control{width:178px;max-width:178px}.sort-menu{min-width:min(240px,calc(100vw - 24px))}.toolbar .sort-control .sort-btn{padding:0 11px;font-size:9px}}
@media(max-width:390px){.toolbar .sort-control{width:154px;max-width:154px}.sort-menu{min-width:min(230px,calc(100vw - 20px))}}

/* Slow ambient motion for the hero illustration and season status. */
.orbit-one{animation:orbit-drift-one 19s ease-in-out infinite alternate;transform-origin:50% 50%}
.orbit-two{animation:orbit-drift-two 23s ease-in-out infinite alternate;transform-origin:50% 50%}
.orb-back{animation:orb-float-back 8.5s ease-in-out infinite}
.orb-front{animation:orb-float-front 7.2s ease-in-out infinite}
.tag-bottom{animation:tag-float 6.5s ease-in-out infinite}
@keyframes orbit-drift-one{from{transform:rotate(-23deg) translate3d(-2px,0,0)}to{transform:rotate(-17deg) translate3d(7px,-5px,0)}}
@keyframes orbit-drift-two{from{transform:rotate(29deg) translate3d(2px,3px,0)}to{transform:rotate(35deg) translate3d(-7px,-4px,0)}}
@keyframes orb-float-back{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-7px,-8px,0)}}
@keyframes orb-float-front{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(7px,6px,0)}}
@keyframes tag-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-2px,-4px,0)}}
.hero .eyebrow .live-dot,.season-card>.live-dot{animation:season-breathe 3.2s ease-in-out infinite}
@keyframes season-breathe{0%,100%{opacity:.72;box-shadow:0 0 5px #9bdcaa3b;transform:scale(.94)}50%{opacity:1;box-shadow:0 0 10px #9bdcaa80;transform:scale(1.04)}}

/* Ease the login and logout handoff without lengthening the typewriter itself. */
.greeting-transition.is-visible{animation:greeting-cover-in .58s cubic-bezier(.2,.7,.2,1) forwards}
.greeting-transition.is-leaving{animation:greeting-cover-out .82s cubic-bezier(.22,.7,.25,1) forwards}
.app-shell.screen-ready{animation:app-screen-reveal .98s cubic-bezier(.2,.75,.25,1) both}
@keyframes app-screen-reveal{from{opacity:.45;transform:translateY(13px);filter:blur(7px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.orbit-one,.orbit-two,.orb-back,.orb-front,.tag-bottom,.hero .eyebrow .live-dot,.season-card>.live-dot,.sort-menu{animation-duration:.01ms!important;animation-iteration-count:1!important}}
@media(max-width:760px){.toolbar .sort-control{width:126px;max-width:126px}.toolbar .sort-control .sort-btn{padding:0 10px;min-width:0;max-width:none}.toolbar .sort-label{font-size:0}.toolbar .sort-label::after{content:attr(data-short);font-size:9px;white-space:nowrap}}
@media(max-width:390px){.toolbar .sort-control{width:116px;max-width:116px}.toolbar .sort-control .sort-btn{min-width:0}}

/* Secondary auth action stays distinct from the primary lime button. */
.switch-auth{color:#b9b0e8;transition:color .2s ease,text-shadow .2s ease}
.switch-auth:hover{color:#d5ccff;text-shadow:0 0 14px #b9b0e84a}

.switch-auth{color:#f0eef5}
.switch-auth:hover{color:#fff;text-shadow:0 0 14px #ffffff30}
.card-title-row{display:flex;align-items:center;gap:6px;min-width:0}.card-title-row .card-title{min-width:0;flex:1}.organizer-info{width:17px;height:17px;flex:none;position:relative;display:grid;place-items:center;border:1px solid #737182;border-radius:50%;background:#ffffff08;color:#bab8c5;font:600 10px var(--font);cursor:help;transition:.18s}.organizer-info:hover,.organizer-info:focus-visible{color:#d9edaa;border-color:#c5df94;background:#d4e99a14;outline:none}.organizer-info:after{content:attr(data-tooltip);position:absolute;z-index:8;left:50%;bottom:calc(100% + 9px);width:max-content;max-width:220px;white-space:normal;padding:8px 10px;border:1px solid #4b4858;border-radius:8px;background:#252430;color:#efedf4;font:500 10px/1.4 'Golos Text',sans-serif;box-shadow:0 8px 22px #07070c75;opacity:0;visibility:hidden;transform:translate(-50%,4px);transition:.16s;pointer-events:none}.organizer-info:hover:after,.organizer-info:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%,0)}.card-socials{display:flex;align-items:center;gap:6px;margin-top:8px;min-height:15px}.card-socials:empty{display:none}.card-socials a{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border:1px solid #ffffff10;border-radius:6px;background:#ffffff04;color:#9997a5;text-decoration:none;font:600 8px var(--font);transition:.18s}.card-socials a:hover{color:#d6e99e;border-color:#b9d98f66;background:#d2e89e0c}.card-socials svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.tournament-modal-socials{margin:14px 0 4px}.tournament-modal-socials a{font-size:10px;padding:6px 9px;border-radius:8px}.admin-icon-action{width:29px;padding:0;text-align:center;font-size:13px}
.card-title-row{gap:7px}.card-title-row .card-title{font-family:var(--display-font);font-size:clamp(10px,1vw,12px);font-weight:600;letter-spacing:-.035em}.card-socials{margin:0 0 0 auto;min-height:0;gap:5px;flex:none}.card-socials a{width:27px;height:27px;justify-content:center;padding:0;border:1px solid #ffffff14;border-radius:9px;background:linear-gradient(145deg,#ffffff0a,#ffffff03);color:#aaa8b7;box-shadow:inset 0 1px #ffffff06;transition:color .2s,border-color .2s,background .25s,transform .2s,box-shadow .2s}.card-socials a:hover,.card-socials a:focus-visible{color:#d6e99e;border-color:#c5df946b;background:linear-gradient(135deg,#d6e99e24,#8ec7a516);box-shadow:0 5px 16px #09091144,inset 0 1px #ffffff14;transform:translateY(-1px);outline:none}.card-socials svg{width:15px;height:15px;fill:currentColor;stroke:none}.card-socials .social-message-icon{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tournament-title-row{display:flex;align-items:center;gap:9px;min-width:0;padding:4px 40px 4px 0}.tournament-title-row h2{flex:1;min-width:0;margin:12px 0 5px;overflow-wrap:anywhere}.tournament-modal-socials:empty{display:none}
/* Keep the organizer tooltip fully visible and closed when cards or the dialog clip their top edge. */
.organizer-info{z-index:4}.organizer-info:after{left:auto;right:0;top:calc(100% + 8px);bottom:auto;max-width:min(260px,75vw);transform:translateY(-4px);text-align:left}.organizer-info:hover:after,.organizer-info:focus-visible:after{transform:translateY(0)}.t-card .organizer-info:after{right:-40px;max-width:min(190px,calc(100vw - 40px))}.tournament-title-row .card-socials{margin-left:auto}.modal .tournament-title-row{overflow:visible}

/* Tournament detail polish and a sort menu that stays above the card grid. */
.toolbar{position:relative;z-index:4}
.toolbar .sort-control{z-index:2}
.toolbar .sort-menu{z-index:90}
.sort-btn svg{flex:none;stroke:#d6e89a!important;color:#d6e89a}
.tournament-title-row{justify-content:space-between;gap:16px}
.tournament-title-group{min-width:0;display:flex;align-items:center;gap:10px}
.tournament-title-row .tournament-title-group h2{flex:0 1 auto;margin:10px 0 5px}
.tournament-title-row .tournament-title-group .organizer-info{flex:0 0 22px;width:22px;height:22px}
.modal .tournament-title-row .card-socials{margin-left:auto;align-self:stretch;align-items:center}
.modal .tournament-title-row .card-socials a{width:45px;height:44px;min-height:44px;border-radius:12px}
.modal .tournament-title-row .card-socials svg{width:19px;height:19px}
.detail-item.prize-detail{grid-column:1/-1}
.player-achievement{display:block;margin-top:3px;color:#898795;font-size:9px;font-weight:500}
.modal-backdrop{z-index:5}.score-overlay{z-index:140}

/* Organizer information stays anchored beside the title and wraps inside the dialog. */
.modal .tournament-title-group .organizer-info:after{left:50%;right:auto;top:calc(100% + 10px);bottom:auto;width:min(320px,calc(100vw - 72px));max-width:calc(100vw - 72px);white-space:normal;overflow-wrap:anywhere;text-align:center;transform:translate(-50%,-4px);pointer-events:auto}
.modal .tournament-title-group .organizer-info:hover:after,.modal .tournament-title-group .organizer-info:focus-visible:after{transform:translate(-50%,0)}
.modal .tournament-title-row{margin-bottom:30px}
.toast.toast-error{border-color:#d88c6452}
.toast.toast-error .toast-icon{border-color:#f0b18a55;background:linear-gradient(145deg,#f1c09b,#d98b68);color:#422b25;box-shadow:0 4px 14px #df956b28}
.toast.toast-error .toast-copy small{color:#e5ad89}
.toast.toast-error .toast-progress{background:linear-gradient(90deg,#e8ad83,#d88467)}

/* Organizer application success: polished entrance with a restrained typewriter reveal. */
.organizer-portal-success[hidden]{display:none!important}
.organizer-portal-success{position:relative;isolation:isolate;min-height:96px;margin-top:4px;padding:20px 24px;display:flex;align-items:center;gap:16px;overflow:hidden;border:1px solid #bddd925e;border-radius:17px;background:radial-gradient(ellipse at 12% 0%,#d5e89e1c,transparent 55%),linear-gradient(135deg,#292b32,#20212b 72%);color:#f0eff5;box-shadow:0 14px 42px #05050b40,inset 0 1px #ffffff0b;opacity:0;transform:translateY(14px) scale(.975);clip-path:inset(0 0 100% 0 round 17px)}
.organizer-portal-success.is-shown{animation:organizer-success-reveal .66s cubic-bezier(.2,.8,.2,1) forwards}
.organizer-success-mark{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border:1px solid #e1f3b870;border-radius:15px;background:linear-gradient(145deg,#d8edac,#a9d49b);color:#253123;box-shadow:0 5px 20px #bddd9238;animation:organizer-success-mark .65s .12s cubic-bezier(.16,1,.3,1) both}
.organizer-success-mark svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.organizer-success-copy{min-width:0;display:grid;gap:6px}
.organizer-success-copy small{color:#cce69c;font-size:9px;font-weight:800;letter-spacing:1.7px}
.organizer-success-copy strong{min-height:1.4em;font-size:clamp(14px,2.6vw,18px);line-height:1.4;font-weight:650;letter-spacing:-.025em}
#applicationSuccessText:after{content:"";display:inline-block;width:2px;height:1em;margin-left:3px;vertical-align:-.12em;background:#d5e89e;animation:organizer-success-caret .72s steps(2,start) infinite}
#applicationSuccess.is-complete #applicationSuccessText:after{display:none}
.organizer-success-spark{position:absolute;z-index:-1;color:#d5e89e;opacity:0;animation:organizer-success-spark .95s ease-out both}
.organizer-success-spark-one{top:19px;right:31px;font-size:16px;animation-delay:.24s}
.organizer-success-spark-two{right:70px;bottom:17px;font-size:20px;animation-delay:.4s}
.organizer-success-spark-three{top:18px;right:93px;font-size:11px;animation-delay:.55s}
@keyframes organizer-success-reveal{0%{opacity:0;transform:translateY(14px) scale(.975);clip-path:inset(0 0 100% 0 round 17px)}55%{opacity:1;clip-path:inset(0 0 0 0 round 17px)}100%{opacity:1;transform:translateY(0) scale(1);clip-path:inset(0 0 0 0 round 17px)}}
@keyframes organizer-success-mark{0%{opacity:0;transform:scale(.5) rotate(-16deg)}65%{opacity:1;transform:scale(1.12) rotate(4deg)}100%{transform:scale(1) rotate(0)}}
@keyframes organizer-success-caret{to{opacity:0}}
@keyframes organizer-success-spark{0%{opacity:0;transform:scale(.3) rotate(-20deg)}35%{opacity:.9}100%{opacity:0;transform:scale(1.35) rotate(24deg)}}
@media(max-width:600px){.organizer-portal-success{padding:16px;gap:12px}.organizer-success-mark{width:40px;height:40px;flex-basis:40px;border-radius:13px}.organizer-success-copy small{font-size:8px;letter-spacing:1.3px}}
@media(prefers-reduced-motion:reduce){#applicationSuccessText:after{animation:none;opacity:0}}
/* Compact tournament actions keep the title row balanced on small screens. */
.tournament-title-row .tournament-title-group .organizer-info{flex-basis:18px;width:18px;height:18px;font-size:9px}
.modal .tournament-title-row .card-socials{align-self:center}
.modal .tournament-title-row .card-socials a{width:36px;height:36px;min-height:36px;border-radius:11px}
.modal .tournament-title-row .card-socials svg{width:16px;height:16px}
/* Keep the hover action visibly inset from the tournament card edges. */
.t-card .card-cta{left:18px;right:18px;width:auto;max-width:calc(100% - 36px)}
@media(max-width:600px){.t-card:hover,.t-card:focus-visible{transform:translateY(-3px)}.t-card .card-cta{left:18px;right:18px}}
/* Align the hover action with the card's bottom progress row. */
.t-card .card-cta{left:0;right:0;max-width:none}
@media(max-width:600px){.t-card .card-cta{left:0;right:0}}
.t-card .card-cta{left:9px;right:9px}
@media(max-width:600px){.t-card .card-cta{left:9px;right:9px}}
.t-card .card-cta{bottom:10px}
.t-card .card-cta{bottom:9px}
.t-card .card-cta{bottom:8.5px}
.t-card .card-cta{bottom:8px}
.t-card .card-cta{bottom:7.75px}
.t-card .card-cta{bottom:7.55px}
.t-card .card-cta{bottom:7.4px}
.t-card .card-cta{bottom:6.9px}
.modal .tournament-title-row{padding-right:24px}
.greeting-transition{overflow:hidden}
.greeting-fireworks{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:0}
.greeting-transition.is-celebration .greeting-fireworks{opacity:1}
.greeting-fireworks i{position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:#e3f3b8;opacity:0;box-shadow:0 -23px 0 #d8eba7,16px -16px 0 #d8eba7,23px 0 0 #a8d8b1,16px 16px 0 #d8eba7,0 23px 0 #b8a5ff,-16px 16px 0 #e3b28c,-23px 0 0 #d8eba7,-16px -16px 0 #b8a5ff;animation:firework-burst 1.15s ease-out infinite}
.greeting-fireworks i:nth-child(1){margin:-85px 0 0 -210px;animation-delay:.08s}
.greeting-fireworks i:nth-child(2){margin:75px 0 0 195px;transform:scale(.7);animation-delay:.42s}
.greeting-fireworks i:nth-child(3){margin:-110px 0 0 220px;transform:scale(.55);animation-delay:.76s}
@keyframes firework-burst{0%{opacity:0;scale:.18}18%{opacity:.8}72%{opacity:.55;scale:1}100%{opacity:0;scale:1.2}}
@media(max-width:600px){.greeting-fireworks i:nth-child(1){margin-left:-125px}.greeting-fireworks i:nth-child(2){margin-left:115px}.greeting-fireworks i:nth-child(3){margin-left:130px}}
@media(prefers-reduced-motion:reduce){.greeting-transition.is-celebration .greeting-fireworks i{animation:none;opacity:.45}}
.tournament-winner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0 4px;padding:13px 15px;border:1px solid #d4e89a45;border-radius:12px;background:linear-gradient(110deg,#d4e89a18,#a8d7b010);box-shadow:inset 0 1px #ffffff08}
.tournament-winner span{color:#d3e99e;font-size:9px;font-weight:800;letter-spacing:1px}
.tournament-winner b{color:#f1f0f6;font:600 13px var(--display-font);text-align:right}
@media(max-width:480px){.tournament-winner{align-items:flex-start;flex-direction:column;gap:5px}.tournament-winner b{text-align:left}}

.card-badge.completed{color:#c6c2d0}.card-badge.completed:before{background:#a5a0b2}

/* Give the floating site header a clear, opaque surface. */
.sidebar{background:#15151f}
.top-controls{padding:6px 8px;border:1px solid #393846;border-radius:15px;background:#1c1c28;box-shadow:0 8px 26px #08080f66;backdrop-filter:blur(14px)}
@media(max-width:760px){.top-controls{background:#1b1b26;border-color:#373642;box-shadow:0 7px 22px #08080f70}}

/* Keep the floating header visually distinct and constrain organizer tips to the dialog. */
.top-controls{background:#242431;border-color:#454352;box-shadow:0 10px 30px #05050bcc,inset 0 1px #ffffff0c;backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:760px){.top-controls{background:#242431;border-color:#454352;backdrop-filter:none;-webkit-backdrop-filter:none}}
.modal .tournament-title-group .organizer-info:after{left:0;right:auto;top:calc(100% + 8px);width:max-content;max-width:min(300px,calc(100vw - 56px));transform:translateY(-4px);text-align:left;overflow-wrap:anywhere;z-index:20}
.modal .tournament-title-group .organizer-info:hover:after,.modal .tournament-title-group .organizer-info:focus-visible:after{transform:translateY(0)}

/* Keep the brand, account actions and navigation on one solid header rail. */
.top-controls{position:fixed;inset:0 0 auto;height:68px;z-index:20;justify-content:flex-end;padding:0 clamp(20px,4vw,56px);gap:10px;border:0;border-bottom:1px solid #393846;border-radius:0;background:#1c1c28;box-shadow:0 6px 18px #08080f55;backdrop-filter:none;-webkit-backdrop-filter:none}
.sidebar{z-index:21;background:#1c1c28;border-right-color:#393846}
.sidebar .brand{position:relative;z-index:22}
.content{padding-top:86px}
@media(max-width:760px){.top-controls{height:56px;inset:0 0 auto;padding:0 12px;gap:8px;z-index:22;background:linear-gradient(90deg,transparent 0,transparent 200px,#1c1c28 200px);border-radius:0;pointer-events:none}.top-controls>*{pointer-events:auto}.sidebar{height:56px;min-height:56px;z-index:21;background:#1c1c28}.sidebar .brand{z-index:22}.content{padding-top:14px}}
.mini-panel .panel-head h3{font-family:var(--font);font-weight:600;letter-spacing:-.025em}
.score-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 14px}.score-meta-item{min-width:0;padding:14px 16px;border:1px solid #ffffff0c;border-radius:14px;background:linear-gradient(145deg,#ffffff08,#ffffff03)}.score-meta-item>small{display:block;margin-bottom:8px;color:#a6a4b2;font-size:10px;font-weight:600}.score-meta-item> b{display:block;color:#f1f0f6;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.score-date{grid-column:1/-1}.score-date>b{font-size:13px}.score-player-meta>small{color:#d5e89e;font-size:11px;font-weight:700}.score-player-meta>div{display:flex;align-items:baseline;gap:7px;margin-top:7px}.score-player-meta>div>b{color:#f3f1f7;font-size:15px;font-weight:700}.score-player-meta>div>span{color:#9795a3;font-size:10px}.score-hint{margin:0 0 10px;color:#a4a2af;font-size:10px}@media(max-width:560px){.score-meta-grid{grid-template-columns:1fr}.score-date{grid-column:auto}.score-meta-item{padding:12px 13px}}
.score-player-meta>.score-no-wins{display:block;margin-top:8px;color:#a6a4b2;font-size:12px;font-weight:600}
.brand{flex:0 0 auto}.brand-logo{display:block;width:200px;max-width:calc(100vw - 180px);height:auto;flex:0 0 auto;object-fit:contain}@media(max-width:760px){.brand-logo{width:160px}}
.profile-admin-email{display:inline-block;margin-top:6px;color:#aaa8b6;font-size:11px}.profile-admin-email a{color:#d5e89e;text-decoration:underline;text-underline-offset:2px}
.organizer-portal-body{min-height:100vh;background:radial-gradient(ellipse at 78% -10%,#34304a 0,transparent 42%),var(--bg)}.organizer-portal-shell{width:min(1040px,100%);min-height:100vh;margin:auto;padding:24px 30px;display:flex;flex-direction:column}.organizer-portal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #30303d}.organizer-portal-header>a:first-child{display:inline-flex}.organizer-portal-logo{display:block;width:185px;height:auto}.organizer-back{color:#d5e89e;text-decoration:none;font-weight:600}.organizer-back:hover{text-decoration:underline}.organizer-portal-main{flex:1;display:grid;place-items:center;padding:52px 0}.organizer-portal-card{width:min(690px,100%);padding:34px;border:1px solid #353442;border-radius:22px;background:linear-gradient(145deg,#242330f5,#1b1b26f5);box-shadow:0 20px 60px #0003}.organizer-portal-card h1{margin:15px 0 10px;font:600 clamp(24px,4vw,36px)/1.18 var(--display-font);letter-spacing:-.04em}.organizer-portal-lead{margin:0 0 25px;color:#aaa8b6;font-size:14px;line-height:1.65}.organizer-portal-form{gap:14px}.organizer-portal-form label{display:grid;gap:7px;color:#c4c1cd;font-size:12px;font-weight:600}.organizer-portal-form input:not([type=checkbox]),.organizer-portal-form textarea{width:100%;border:1px solid #393846;border-radius:10px;background:#191923;color:#f1f0f6;padding:11px 13px;font:500 13px var(--font);outline:none}.organizer-portal-form input:not([type=checkbox]){height:44px}.organizer-portal-form textarea{resize:vertical;min-height:108px}.organizer-portal-form input:focus,.organizer-portal-form textarea:focus{border-color:#a9c885;box-shadow:0 0 0 3px #d6e89a15}.organizer-consent{display:flex!important;flex-direction:row!important;grid-template-columns:18px 1fr!important;align-items:start;gap:10px!important;color:#aaa8b6!important;font-weight:400!important;line-height:1.5}.organizer-consent input{width:18px!important;height:18px!important;min-width:18px;max-width:18px;flex:0 0 18px;align-self:flex-start;accent-color:#d5e89e;padding:0;margin:2px 0 0}.organizer-portal-form label small{color:#8f8d9b;font-size:10px;font-weight:400;line-height:1.45}.organizer-portal-form .modal-primary{width:100%;min-height:46px;border:0;border-radius:11px;background:#d5e89e;color:#202126;font:700 13px var(--font);cursor:pointer}.organizer-portal-form .modal-primary:disabled{opacity:.6;cursor:wait}.organizer-portal-success{padding:16px;border:1px solid #9bd8aa45;border-radius:12px;background:#9bd8aa12;color:#cde7b9;line-height:1.5}.organizer-portal-footer{display:flex;justify-content:space-between;gap:12px;padding:18px 0 5px;border-top:1px solid #30303d;color:#777583;font-size:11px}.organizer-portal-footer span{color:#92909e}@media(max-width:600px){.organizer-portal-shell{padding:16px}.organizer-portal-main{padding:26px 0}.organizer-portal-card{padding:22px 18px;border-radius:17px}.organizer-portal-lead{font-size:12px}.organizer-portal-footer{flex-direction:column}.organizer-portal-logo{width:155px}}
.game-management{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:7px 9px;border-top:1px solid #ffffff0b}.game-management label{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;color:#a6a4b2;font-size:9px}.game-management input{min-width:0;max-width:190px;height:30px;padding:0 7px;border:1px solid #383744;border-radius:7px;background:#191923;color:#eeedf4;font:500 10px var(--font)}.game-management .game-details{flex:1;min-width:max-content;padding:7px 10px}

.organizer-nav-item .nav-org-icon{display:grid;place-items:center}.organizer-nav-item .nav-org-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.organizer-nav-item .nav-link-arrow{margin-left:auto;color:#777583;font-size:16px;font-weight:500;line-height:1;transition:color .18s,transform .18s}.organizer-nav-item:hover .nav-link-arrow,.organizer-nav-item:focus-visible .nav-link-arrow{color:#d5eaa6;transform:translate(1px,-1px)}

.page-transition-leaving .app-shell,.page-transition-leaving .organizer-portal-shell,.page-transition-leaving .admin-shell{animation:arena-circle-collapse .48s cubic-bezier(.68,0,.83,.3) both;pointer-events:none}.page-transition-arriving .app-shell,.page-transition-arriving .organizer-portal-shell,.page-transition-arriving .admin-shell{animation:arena-circle-expand .58s cubic-bezier(.16,.72,.28,1) both}@keyframes arena-circle-collapse{to{clip-path:circle(0 at 50% 50%);opacity:.2;transform:scale(.97)}}@keyframes arena-circle-expand{from{clip-path:circle(0 at 50% 50%);opacity:.2;transform:scale(.97)}to{clip-path:circle(150% at 50% 50%);opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.page-transition-leaving .app-shell,.page-transition-leaving .organizer-portal-shell,.page-transition-leaving .admin-shell,.page-transition-arriving .app-shell,.page-transition-arriving .organizer-portal-shell,.page-transition-arriving .admin-shell{animation-duration:.01ms!important}}
.profile-menu-item[hidden]{display:none!important}

/* Brand mark with a soft lime halo throughout animated confirmations and transitions. */
.greeting-mark{background:transparent;box-shadow:none;filter:drop-shadow(0 0 12px #cdea9e55) drop-shadow(0 9px 24px #badb9933)}
.greeting-mark img{display:block;width:64px;height:64px;object-fit:contain;border-radius:20px;animation:brand-mark-glow 2.8s ease-in-out infinite}
.organizer-success-mark{border:0;background:transparent;box-shadow:none;animation:organizer-success-mark .65s .12s cubic-bezier(.16,1,.3,1) both;filter:drop-shadow(0 0 9px #cdea9e55)}
.organizer-success-mark img{display:block;width:100%;height:100%;object-fit:contain;border-radius:14px}
.toast:not(.toast-error) .toast-icon{border:0;background:transparent;box-shadow:none;overflow:visible}
.toast-icon img{display:block;width:34px;height:34px;border-radius:11px;filter:drop-shadow(0 0 7px #cdea9e55)}
body.page-transition-leaving:after,body.page-transition-arriving:after{content:"";position:fixed;z-index:100;left:50%;top:50%;width:68px;height:68px;pointer-events:none;background:url("/assets/symbol-mosarena.svg") center/contain no-repeat;filter:drop-shadow(0 0 12px #cdea9e88) drop-shadow(0 0 30px #bddd9250)}
body.page-transition-leaving:after{animation:brand-transition-in .48s cubic-bezier(.2,.7,.2,1) both}
body.page-transition-arriving:after{animation:brand-transition-out .58s cubic-bezier(.16,.72,.28,1) both}
@keyframes brand-mark-glow{0%,100%{filter:drop-shadow(0 0 5px #cdea9e42)}50%{filter:drop-shadow(0 0 15px #cdea9eaa)}}
@keyframes brand-transition-in{from{opacity:0;transform:translate(-50%,-50%) scale(.45) rotate(-14deg)}55%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(4deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}
@keyframes brand-transition-out{from{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.45) rotate(10deg)}}
@media(prefers-reduced-motion:reduce){.greeting-mark img{animation:none}body.page-transition-leaving:after,body.page-transition-arriving:after{animation-duration:.01ms!important}}

/* Organizer request form: honor hidden states and reveal optional organization details. */
.organizer-portal-form[hidden],.organizer-portal-form [hidden]{display:none!important}
.organizer-portal-form .organizer-organization-toggle{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:1px solid #393846;border-radius:10px;background:#191923;color:#c4c1cd;cursor:pointer}
.organizer-organization-toggle input{width:18px;height:18px;flex:0 0 18px;margin:0;accent-color:#d5e89e}
.organizer-organization-field{grid-column:1/-1}
.organizer-portal-success.is-shown{animation-duration:1.05s}
.organizer-success-mark{animation-duration:.9s}
@keyframes organizer-success-reveal{0%{opacity:0;transform:translateY(18px) scale(.96);clip-path:inset(0 0 100% 0 round 17px)}68%{opacity:1;clip-path:inset(0 0 0 0 round 17px)}100%{opacity:1;transform:translateY(0) scale(1);clip-path:inset(0 0 0 0 round 17px)}}

/* Responsive layout aligned to the supplied reference: one top rail and a single-column phone list. */
.app-shell{display:block;min-height:100vh;padding-top:56px}
.sidebar{position:fixed;inset:0 0 auto;height:56px;min-height:56px;width:100%;z-index:28;display:flex;flex-direction:row;align-items:center;padding:0 24px;border:0;border-bottom:1px solid #393846;background:#1c1c28}
.sidebar .brand{margin:0;flex:0 0 auto}
.sidebar .brand-logo{width:200px;max-width:calc(100vw - 320px)}
.sidebar .nav-label,.sidebar nav,.sidebar .side-spacer,.sidebar .season-card,.sidebar .profile{display:none}
.top-controls{position:fixed;inset:0 0 auto;height:56px;z-index:30;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 24px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}
.top-controls>*{pointer-events:auto}
.sidebar.menu-open .nav-label{display:block;position:absolute;top:calc(100% + 12px);left:clamp(20px,4vw,52px);z-index:2;margin:0;padding:0;color:#8d8b99;pointer-events:none}
.sidebar.menu-open nav{position:absolute;top:100%;left:0;right:0;display:grid;gap:5px;padding:34px clamp(16px,3vw,32px) 14px;background:#1c1c28;border-bottom:1px solid #393846;box-shadow:0 16px 30px #08080f70;z-index:1}
.sidebar.menu-open .nav-item{height:56px;padding:0 18px;font-size:15px}
.sidebar.menu-open .nav-icon{width:24px;font-size:20px}
.content{width:min(100%,1440px);padding:26px clamp(24px,3vw,42px) 20px}
.tournament-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media(max-width:760px){
  .app-shell{padding-top:56px}
  .sidebar{padding:0 16px}
  .sidebar .brand-logo{width:160px;max-width:calc(100vw - 280px)}
  .top-controls{height:56px;padding:0 12px;gap:8px}
  .content{padding:18px 16px 20px}
  .tournament-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .sidebar.menu-open nav{padding-left:16px;padding-right:16px}
}
@media(max-width:420px){
  .sidebar{padding:0 12px}
  .sidebar .brand-logo{width:132px;max-width:calc(100vw - 240px)}
  .top-controls{padding:0 8px;gap:6px}
  .top-controls .notification-btn,.top-controls .menu-toggle{width:32px;height:32px;flex-basis:32px}
  .top-controls .auth-btn:not(.logout-btn){padding:0 10px}
}

/* Keep filters grouped on tablet widths and let the grid use extra desktop space. */
@media(min-width:1440px){.tournament-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
@media(min-width:761px) and (max-width:1020px){
  .toolbar{display:grid;grid-template-columns:minmax(0,1fr) 148px;align-items:stretch;gap:10px}
  .toolbar .search{grid-column:1/-1;width:100%;min-width:0}
  .toolbar .filters{grid-column:1;display:flex;flex-wrap:nowrap;width:100%;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
  .toolbar .filters::-webkit-scrollbar{display:none}
  .toolbar .sort-control{grid-column:2;width:148px;max-width:148px;margin:0}
  .toolbar .sort-control .sort-btn{width:100%;max-width:none}
}
@media(max-width:760px){
  .toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}
  .toolbar .search,.toolbar .filters,.toolbar .sort-control{grid-column:1;width:100%;max-width:100%;margin:0}
  .toolbar .search{min-width:0}
  .toolbar .filters{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
  .toolbar .filters::-webkit-scrollbar{display:none}
  .toolbar .sort-control .sort-btn{width:100%;max-width:none}
}
.site-footer{display:flex;justify-content:flex-end;align-items:flex-start;padding:24px 0 14px;border-top:1px solid #292936}
.footer-stack{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:max-content;margin-right:clamp(20px,10vw,150px);text-align:left}
.footer-tagline{color:#92919f;font-size:11px;font-weight:500}
.footer-links{display:flex;align-items:center;gap:20px}
.footer-links a{color:#92919f;text-decoration:none;font-size:11px}
.footer-links a:hover{color:#d5e89e}
.footer-copyright{color:#777583;font-size:10px}
@media(max-width:760px){.site-footer{justify-content:center}.footer-stack{align-items:center;min-width:0;margin:0;text-align:center}.footer-links{justify-content:center;flex-wrap:wrap;gap:12px 18px}}

/* Final responsive correction for the mobile cards, filter rail and footer group. */
.toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(148px,220px);grid-template-areas:"search search" "sports sort";align-items:center;gap:10px}
.toolbar .search{grid-area:search;width:100%;min-width:0}
.toolbar .filters{grid-area:sports;display:flex;flex-wrap:nowrap;width:100%;min-width:0;max-width:100%;flex:1 1 auto;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
.toolbar .filters::-webkit-scrollbar{display:none}
.toolbar .sort-control{grid-area:sort;width:100%;max-width:220px;margin:0}
.toolbar .sort-control .sort-btn{width:100%;max-width:none;min-width:0}
.t-card:is(:hover,:focus,:focus-visible) .card-stats,.t-card:is(:hover,:focus,:focus-visible) .card-progress{visibility:hidden}
.t-card:is(:hover,:focus,:focus-visible) .card-cta{left:9px;right:9px;bottom:8px;width:auto;max-width:none}
.site-footer{justify-content:flex-start}
.footer-stack{align-items:flex-start;min-width:0;margin:0;text-align:left}
@media(max-width:760px){
  .toolbar{grid-template-columns:minmax(0,1fr) minmax(136px,31vw);grid-template-areas:"search search" "sports sort";gap:8px}
  .toolbar .filters{min-width:0;max-width:100%;flex:1 1 auto}
  .toolbar .sort-control{width:100%;max-width:none}
  .toolbar .sort-control .sort-btn{min-width:0;width:100%;max-width:none}
  .site-footer{justify-content:flex-start}
  .footer-stack{align-items:flex-start;margin:0;text-align:left}
}
@media(max-width:390px){.toolbar{grid-template-columns:minmax(0,1fr) minmax(126px,34vw)}.toolbar .sort-control .sort-btn{min-width:0;max-width:none}}
@media(min-width:620px) and (max-width:760px) and (min-aspect-ratio:3/4){.tournament-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Footer hierarchy: tagline, links, then copyright. */
.footer-stack{display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-align:left}
.footer-tagline{order:1}
.footer-links{order:2}
.footer-copyright{order:3}
@media(max-width:760px){.footer-stack{align-items:flex-start;text-align:left}.footer-links{justify-content:flex-start}}

/* Phone hero badge placement and wider desktop card threshold. */
@media(min-width:1440px) and (max-width:1519px){.tournament-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1520px){.tournament-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
@media(max-width:760px){.hero-art .tag-bottom{left:auto;right:clamp(42px,12vw,76px)}}

/* Near-square desktop/tablet windows use two columns; wide laptop windows keep four. */
@media(min-width:1440px) and (max-aspect-ratio:6/5){.tournament-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(min-width:1440px) and (min-aspect-ratio:6/5){.tournament-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
.footer-links a{font-size:10px;font-weight:400}

/* Almost-square compact windows, including 575×604, show two tournament cards. */
@media(min-width:520px) and (max-width:760px) and (min-aspect-ratio:5/6){.tournament-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.footer-tagline{font-size:10px;font-weight:400}

/* Spread game filters evenly across the full filter rail. */
.toolbar .filters .filter{flex:1 0 auto;justify-content:center}

/* Fit every game category inside the desktop filter rail. */
@media(min-width:761px){.toolbar .filters{min-width:0;overflow:hidden}.toolbar .filters .filter{flex:1 1 0;min-width:0;padding-left:clamp(5px,.8vw,11px);padding-right:clamp(5px,.8vw,11px)}}
@media(max-width:760px){.toolbar .filters{overflow-x:auto}.toolbar .filters .filter{flex:0 0 auto}}

/* Show every category on compact screens without requiring horizontal scrolling. */
@media(max-width:760px){
  .toolbar .filters{height:auto;min-height:38px;flex-wrap:wrap;overflow:visible;align-content:center;gap:3px;padding:4px}
  .toolbar .filters .filter{flex:1 1 calc(33.333% - 4px);min-width:0;justify-content:center;gap:4px;padding:7px 4px;font-size:clamp(7px,2vw,9px)}
  .toolbar .filters .filter .filter-label{white-space:nowrap}
}

/* Keep compact filters on one horizontally scrollable rail. */
@media(max-width:760px){
  .toolbar .filters{height:auto;min-height:38px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;align-content:initial;gap:4px}
  .toolbar .filters .filter{flex:0 0 auto;min-width:max-content;padding:8px 10px;font-size:clamp(8px,2.2vw,9px)}
}

/* Give the game filters more room on compact and near-square windows. */
@media(min-width:761px) and (max-width:1100px){
  .toolbar{grid-template-columns:minmax(0,1fr) minmax(112px,13vw)}
  .toolbar .sort-control,.toolbar .sort-control .sort-btn{min-width:0;width:100%}
  .toolbar .filters .filter{padding-left:7px;padding-right:7px}
}
@media(max-width:760px){
  .toolbar{grid-template-columns:minmax(0,1fr) minmax(106px,28vw)}
  .toolbar .sort-control,.toolbar .sort-control .sort-btn{min-width:0;width:100%}
  .toolbar .filters{gap:2px}
  .toolbar .filters .filter{padding-left:7px;padding-right:7px}
}
@media(max-width:390px){.toolbar{grid-template-columns:minmax(0,1fr) minmax(100px,27vw)}}

/* Fine fit for 430px-wide phones: expose the last category icon and label start. */
@media(min-width:421px) and (max-width:580px){
  .toolbar{grid-template-columns:minmax(0,1fr) minmax(92px,23vw)}
  .toolbar .sort-control,.toolbar .sort-control .sort-btn{min-width:0;width:100%}
  .toolbar .filters{gap:1px}
  .toolbar .filters .filter{gap:3px;padding-left:4px;padding-right:4px;font-size:8px}
}

/* 430px phone: reserve visible space for the Intelligence icon and label start. */
@media(min-width:421px) and (max-width:580px){
  .toolbar{grid-template-columns:minmax(0,1fr) minmax(80px,20vw);gap:6px}
  .toolbar .sort-control .sort-btn{padding-left:7px;padding-right:7px;font-size:8px}
  .toolbar .filters{padding:3px;gap:0}
  .toolbar .filters .filter{gap:2px;padding-left:3px;padding-right:3px;font-size:7px}
  .toolbar .filters .filter-icon{font-size:10px}
}

/* Restore comfortable filter sizing on compact devices; show the next item as a scroll hint. */
@media(min-width:421px) and (max-width:580px){
  .toolbar{grid-template-columns:minmax(0,1fr) minmax(78px,18vw);gap:6px}
  .toolbar .sort-control .sort-btn{padding-left:7px;padding-right:7px;font-size:8px}
  .toolbar .filters{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:4px;gap:2px}
  .toolbar .filters .filter{flex:0 0 auto;min-width:max-content;gap:4px;padding:8px 6px;font-size:8px}
  .toolbar .filters .filter-icon{font-size:12px}
}

/* Keep sort chevrons inside their controls on phone and tablet widths. */
@media(min-width:761px) and (max-width:1100px){
  .toolbar{grid-template-columns:minmax(0,1fr) 148px}
  .toolbar .sort-control{width:148px;min-width:148px;max-width:148px}
  .toolbar .sort-control .sort-btn{width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden;gap:6px;padding-left:8px;padding-right:8px;font-size:8px}
}
@media(min-width:421px) and (max-width:580px){
  .toolbar{grid-template-columns:minmax(0,1fr) minmax(96px,22vw);gap:6px}
  .toolbar .sort-control{width:100%;min-width:0;max-width:100%}
  .toolbar .sort-control .sort-btn{width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden;gap:4px;padding-left:6px;padding-right:6px;font-size:8px}
  .toolbar .filters .filter{gap:2px;padding-left:3px;padding-right:3px;font-size:7px}
}
.legal-policy section{padding:8px 0;border-bottom:1px solid #33323f}.legal-policy section:last-child{border-bottom:0}.legal-policy h3{margin:16px 0 8px;color:var(--text);font-size:13px}.legal-policy p{margin:7px 0}.legal-policy a{color:var(--lime)}.legal-policy code{color:var(--lime);font-family:ui-monospace,monospace;font-size:.95em}