:root{--bg:#09090b;--panel:#111114;--panel-2:#17171c;--line:#282830;--text:#f7f7f8;--muted:#92929f;--soft:#c7c7d1;--accent:#f4ff61;--accent-2:#7c5cff;--danger:#ff5b7f;--shadow:0 24px 80px #00000061}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 15% -10%, #7c5cff33, transparent 28%), radial-gradient(circle at 88% 10%, #f4ff611a, transparent 24%), var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,100% - 28px);margin:0 auto}.nav{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#09090bf0,#09090bb8);border-bottom:1px solid #ffffff0d;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:18px;min-height:74px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:11px;font-size:22px;font-weight:950;display:flex}.brand-mark{color:#111;background:var(--accent);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 0 36px #f4ff6138}.nav-actions{align-items:center;gap:10px;display:flex}.nav-link{color:var(--muted);padding:10px 12px;font-size:14px}.nav-link:hover{color:var(--text)}.btn{border:1px solid var(--line);color:var(--text);background:var(--panel-2);border-radius:999px;padding:11px 16px;font-weight:850;transition:all .18s}.btn:hover{border-color:#3a3a46;transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:progress;transform:none}.btn-primary{color:#111;background:var(--accent);border-color:#0000}.btn-primary:hover{box-shadow:0 10px 34px #f4ff612e}.btn-ghost{background:0 0}.hero{text-align:center;padding:62px 0 26px}.eyebrow{border:1px solid var(--line);color:var(--soft);letter-spacing:.12em;text-transform:uppercase;background:#ffffff06;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-size:12px;font-weight:900;display:inline-flex}.live-dot{background:var(--danger);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #ff5b7f1f}.hero h1{letter-spacing:-.075em;margin:22px 0 16px;font-size:clamp(50px,8vw,100px);line-height:.88}.hero>p{max-width:720px;color:var(--muted);margin:0 auto;font-size:18px;line-height:1.6}.hero strong{color:var(--text)}.arena{border:1px solid var(--line);box-shadow:var(--shadow);text-align:left;background:linear-gradient(#ffffff09,#ffffff03);border-radius:32px;margin-top:34px;overflow:hidden}.arena-top{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:12px;padding:16px 20px;font-size:13px;display:flex}.arena-top strong{color:var(--text)}.arena-body{grid-template-columns:1fr 128px 1fr;align-items:stretch;min-height:370px;display:grid}.fighter{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:34px 22px;display:flex;position:relative;overflow:hidden}.fighter:before{content:"";pointer-events:none;opacity:.16;position:absolute;inset:0}.fighter-a:before{background:radial-gradient(circle at 50% 40%,#7c5cff,#0000 46%)}.fighter-b:before{background:radial-gradient(circle at 50% 40%,#ff5b7f,#0000 46%)}.logo{letter-spacing:-.05em;background:#ffffff14;border:1px solid #ffffff17;border-radius:28px;place-items:center;width:104px;height:104px;font-size:38px;font-weight:950;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff05,0 24px 50px #00000040}.fighter h2{letter-spacing:-.045em;margin:18px 0 5px;font-size:31px;position:relative}.fighter .tag{color:var(--muted);font-size:14px;position:relative}.vote-btn{color:#0c0c0f;background:var(--text);border:0;border-radius:16px;min-width:190px;margin-top:22px;padding:14px 18px;font-weight:950;transition:all .18s;position:relative}.vote-btn:hover{transform:translateY(-2px)scale(1.015)}.vote-btn.voted{background:var(--accent);box-shadow:0 10px 35px #f4ff6129}.vs{border-inline:1px solid var(--line);background:#00000024;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.vs-badge{color:#111;background:#fff;border-radius:50%;place-items:center;width:54px;height:54px;font-weight:1000;display:grid}.timer{color:var(--soft);font-variant-numeric:tabular-nums;text-align:center;font-size:13px;font-weight:950;line-height:1.35}.timer span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.arena-bottom{border-top:1px solid var(--line);padding:20px}.score-row{letter-spacing:-.04em;justify-content:space-between;font-size:26px;font-weight:950;display:flex}.progress{background:#1e1e24;border-radius:999px;height:13px;margin:12px 0 14px;display:flex;overflow:hidden}.bar-a{background:linear-gradient(90deg, var(--accent-2), #a594ff);transition:width .4s}.bar-b{background:linear-gradient(90deg, #ff7996, var(--danger));transition:width .4s}.meta-row{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:15px;font-size:13px;display:flex}.meta-row b{color:var(--soft)}.share-result{background:#f4ff610e;border:1px solid #f4ff6140;border-radius:20px;grid-template-columns:1fr auto;align-items:center;gap:16px;margin-top:18px;padding:16px;display:none}.share-result.show{display:grid}.share-result strong{margin-bottom:5px;display:block}.share-result span{color:var(--muted);font-size:13px}.section{padding:78px 0 12px}.section-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.section-kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:950}.section h3{letter-spacing:-.055em;margin:6px 0 0;font-size:38px}.section-head p{max-width:480px;color:var(--muted);margin:0;line-height:1.55}.grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.battle-card{border:1px solid var(--line);width:100%;color:var(--text);background:var(--panel);text-align:inherit;border-radius:22px;padding:18px;transition:all .18s}.battle-card:hover{border-color:#3c3c49;transform:translateY(-3px)}.card-top{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:20px;font-size:12px;display:flex}.mini-match{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.mini-team{text-align:center}.mini-logo{border:1px solid var(--line);background:var(--panel-2);border-radius:17px;place-items:center;width:60px;height:60px;margin:0 auto 10px;font-size:22px;font-weight:950;display:grid}.mini-team b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;display:block;overflow:hidden}.mini-team small{color:var(--muted)}.mini-vs{color:var(--muted);font-size:11px;font-weight:950}.mini-progress{background:#202027;border-radius:999px;height:8px;margin-top:20px;overflow:hidden}.mini-progress span{background:var(--accent);border-radius:999px;height:100%;display:block}.card-foot{color:var(--muted);justify-content:space-between;margin-top:11px;font-size:12px;display:flex}.how{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;display:grid}.step{border:1px solid var(--line);background:var(--panel);border-radius:22px;padding:23px}.step-num{color:#111;background:var(--accent);border-radius:12px;place-items:center;width:36px;height:36px;margin-bottom:28px;font-weight:1000;display:grid}.step h4{margin:0 0 8px;font-size:20px}.step p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.cta{background:radial-gradient(circle at 80% 20%, #f4ff611f, transparent 34%), radial-gradient(circle at 10% 80%, #7c5cff2e, transparent 33%), var(--panel);border:1px solid #f4ff6138;border-radius:30px;grid-template-columns:1fr auto;align-items:center;gap:26px;margin:82px 0 52px;padding:46px;display:grid}.cta h3{letter-spacing:-.06em;margin:0 0 10px;font-size:42px}.cta p{max-width:650px;color:var(--muted);margin:0;line-height:1.6}.footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:18px;padding-top:20px;padding-bottom:42px;font-size:13px;display:flex}.modal{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b8;place-items:center;padding:20px;display:none;position:fixed;inset:0;overflow-y:auto}.modal.open{display:grid}.modal-card{background:#111115;border:1px solid #2f2f38;border-radius:26px;width:min(620px,100%);padding:24px;box-shadow:0 30px 100px #0009}.modal-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-head h4{letter-spacing:-.04em;margin:3px 0 0;font-size:26px}.close{border:1px solid var(--line);width:38px;height:38px;color:var(--text);background:0 0;border-radius:50%;font-size:18px}.field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{margin:14px 0}label{color:var(--soft);margin-bottom:8px;font-size:13px;font-weight:800;display:block}input,select{border:1px solid var(--line);width:100%;color:var(--text);background:#0b0b0e;border-radius:14px;outline:none;padding:13px 14px}input:focus,select:focus{border-color:#5b5b6d}.tiers{grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 18px;display:grid}.tier{border:1px solid var(--line);color:var(--text);text-align:left;background:#0c0c10;border-radius:16px;padding:14px}.tier.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.tier b,.tier strong,.tier span{display:block}.tier b{margin-bottom:8px;font-size:18px}.tier strong{font-size:13px}.tier span{color:var(--muted);margin-top:4px;font-size:11px}.payment-note{border:1px solid var(--line);color:var(--muted);background:#ffffff05;border-radius:14px;padding:12px 14px;font-size:12px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.toast{z-index:200;color:#101014;background:#f6f6f7;border-radius:14px;max-width:min(420px,100% - 40px);padding:13px 16px;font-weight:850;display:none;position:fixed;bottom:20px;right:20px;box-shadow:0 16px 55px #00000059}.toast.show{display:block}.status-page{place-items:center;min-height:100vh;padding:24px;display:grid}.status-card{border:1px solid var(--line);background:var(--panel);width:min(620px,100%);box-shadow:var(--shadow);text-align:center;border-radius:30px;padding:42px}.status-icon{color:#111;background:var(--accent);border-radius:20px;place-items:center;width:66px;height:66px;margin:0 auto 24px;font-size:30px;font-weight:950;display:grid}.status-card h1{letter-spacing:-.065em;margin:10px 0;font-size:clamp(38px,7vw,64px)}.status-card p{max-width:500px;color:var(--muted);margin:0 auto 28px;line-height:1.65}@media (max-width:860px){.nav-link{display:none}.arena-body{grid-template-columns:1fr 74px 1fr;min-height:320px}.logo{border-radius:22px;width:82px;height:82px;font-size:30px}.fighter h2{font-size:24px}.vote-btn{width:100%;min-width:0}.grid,.how{grid-template-columns:1fr}.cta{grid-template-columns:1fr;padding:30px}.section-head{flex-direction:column;align-items:flex-start}}@media (max-width:590px){.wrap{width:min(100% - 18px,1180px)}.nav-inner{min-height:66px}.nav-actions .btn-ghost{display:none}.hero{padding-top:40px}.hero>p{font-size:16px}.arena-body{grid-template-columns:1fr 56px 1fr;min-height:285px}.arena-top{flex-direction:column}.fighter{padding:24px 8px}.logo{border-radius:18px;width:68px;height:68px;font-size:24px}.fighter h2{font-size:19px}.fighter .tag{font-size:11px}.vote-btn{padding:12px 8px;font-size:11px}.vs-badge{width:40px;height:40px;font-size:12px}.timer{font-size:10px}.score-row{font-size:21px}.share-result{grid-template-columns:1fr}.cta h3,.section h3{font-size:32px}.field-grid,.tiers{grid-template-columns:1fr}}
:root{--accent:#e76a36;--accent-2:#ff9b5f;--danger:#f45f63}body{background:radial-gradient(circle at 16% -8%, #e76a362e, transparent 30%), radial-gradient(circle at 88% 12%, #ff9b5f17, transparent 24%), var(--bg)}.brand-logo{width:156px;height:auto;display:block}.btn-primary{color:#fff8f2;background:linear-gradient(135deg,#d85b2a,#ee7b43);box-shadow:0 10px 34px #d85b2a2e}.btn-primary:hover{box-shadow:0 12px 38px #d85b2a47}.section-kicker{color:#f08a58}.step-num{color:#fff8f2;background:linear-gradient(135deg,#d85b2a,#ee7b43)}.vote-btn.voted,.mini-progress span{background:#e76a36}.vote-btn.voted{color:#fff8f2;box-shadow:0 10px 35px #e76a3633}.cta{background:radial-gradient(circle at 80% 20%, #e76a3629, transparent 34%), radial-gradient(circle at 10% 80%, #ff9b5f1a, transparent 33%), var(--panel);border-color:#e76a3647}.ranking-shell{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#ffffff09,#ffffff03);border-radius:26px;overflow:hidden}.ranking-row{border-bottom:1px solid var(--line);grid-template-columns:72px minmax(0,1fr) 150px 110px;align-items:center;gap:16px;min-height:82px;padding:14px 22px;display:grid}.ranking-row:last-child{border-bottom:0}.ranking-row.ranking-head{min-height:48px;color:var(--muted);letter-spacing:.11em;text-transform:uppercase;background:#ffffff05;font-size:11px;font-weight:900}.rank-position{color:var(--muted);font-variant-numeric:tabular-nums;font-size:22px;font-weight:950}.ranking-row:nth-child(2) .rank-position,.ranking-row:nth-child(3) .rank-position,.ranking-row:nth-child(4) .rank-position{color:#f08a58}.rank-entity{align-items:center;gap:14px;min-width:0;display:flex}.rank-avatar{color:#ffd6c4;background:#e76a361a;border:1px solid #ffffff17;border-radius:15px;flex:none;place-items:center;width:48px;height:48px;font-weight:950;display:grid}.rank-name{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:950;overflow:hidden}.rank-votes,.rank-wins{font-variant-numeric:tabular-nums}.rank-votes{font-size:18px;font-weight:950}.rank-wins{color:var(--muted);font-size:14px}.rank-empty{color:var(--muted);text-align:center;padding:32px}@media (max-width:720px){.brand-logo{width:128px}.ranking-row{grid-template-columns:44px minmax(0,1fr) 90px;padding:13px 14px}.ranking-row .rank-wins,.ranking-head .rank-wins{display:none}.rank-avatar{width:42px;height:42px}.rank-name,.rank-votes{font-size:15px}}
.battle-image-grid{grid-template-columns:1fr 1fr;gap:14px;margin:10px 0 18px;display:grid}.battle-image-field{flex-direction:column;min-width:0;display:flex}.battle-image-field>label:first-child{margin-bottom:8px}.battle-image-picker{cursor:pointer;background:#0b0b0e;border:1px dashed #3c3c49;border-radius:18px;min-height:168px;display:block;position:relative;overflow:hidden}.battle-image-picker:hover{border-color:#666678}.battle-image-picker.uploading{opacity:.6;cursor:progress}.battle-image-picker>input,.battle-image-change>input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.battle-image-picker img{object-fit:cover;width:100%;height:168px;display:block}.battle-image-placeholder{min-height:168px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:18px;display:flex}.battle-image-placeholder strong{color:var(--accent);font-size:32px;line-height:1}.battle-image-placeholder span{color:var(--soft);font-weight:850}.battle-image-placeholder small{font-size:11px}.battle-image-actions{justify-content:center;align-items:center;gap:8px;min-height:38px;padding-top:8px;display:flex}.battle-image-actions button,.battle-image-change{border:1px solid var(--line);min-width:96px;min-height:30px;color:var(--soft);background:var(--panel-2);font:inherit;cursor:pointer;box-sizing:border-box;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:6px 11px;font-size:10px;font-weight:850;line-height:1;display:inline-flex;position:relative}.battle-image-actions button{color:#ff9bb1}.battle-image-actions button:hover,.battle-image-change:hover{color:var(--text);border-color:#454552}.battle-image-actions button:disabled{opacity:.5;cursor:progress}.battle-image-change:has(input:disabled){opacity:.5;cursor:progress}.battle-image-error{color:var(--danger);margin-top:6px;font-size:12px}.side-photo{overflow:hidden}.side-photo img{object-fit:cover;width:100%;height:100%;display:block}.logo.side-photo:has(img){border-radius:30px;width:150px;height:150px}.mini-logo.side-photo:has(img){padding:0}.admin-battle-with-images{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;display:grid}.admin-side-pair{align-items:center;gap:7px;display:flex}.admin-side-pair>span{color:var(--muted);font-size:10px;font-weight:950}.admin-side-thumb{border:1px solid var(--line);object-fit:cover;background:var(--panel-2);border-radius:14px;place-items:center;width:54px;height:54px;display:grid}.admin-side-thumb.fallback{color:var(--soft);font-size:12px;font-weight:950}.admin-battle-copy{min-width:0}@media (max-width:720px){.battle-image-grid,.admin-battle-with-images{grid-template-columns:1fr}.logo.side-photo:has(img){width:118px;height:118px}}
.share-modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#000000c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.share-modal{border:1px solid var(--line);background:#111115;border-radius:30px;width:min(1080px,100%);padding:24px;box-shadow:0 34px 110px #00000094}.share-modal-head{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;display:flex}.share-modal-head h3{letter-spacing:-.045em;margin:5px 0 0;font-size:30px}.share-close{border:1px solid var(--line);width:42px;height:42px;color:var(--text);background:0 0;border-radius:50%;flex:none;font-size:22px}.share-layout{grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);gap:26px;display:grid}.share-preview-column,.share-compose-column{min-width:0}.share-card-frame{border:1px solid var(--line);aspect-ratio:4/5;background:#090909;border-radius:24px;overflow:hidden}.share-card-frame img{object-fit:cover;width:100%;height:100%;display:block}.share-mini-metrics{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.share-mini-metrics span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:8px 10px;font-size:12px}.share-mini-metrics b{color:var(--text)}.share-compose-column label{margin-bottom:8px}.share-compose-column textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:132px;color:var(--text);line-height:1.5;font:inherit;background:#0b0b0e;border-radius:18px;outline:none;padding:14px 16px}.share-compose-column textarea:focus{border-color:#6a544a;box-shadow:0 0 0 3px #c9674214}.share-char-count{color:var(--muted);text-align:right;margin-top:7px;font-size:12px}.share-message-preview{border:1px solid var(--line);background:#ffffff06;border-radius:20px;margin-top:16px;padding:16px}.share-message-preview small{color:#d8784f;letter-spacing:.08em;text-transform:uppercase;margin-bottom:11px;font-weight:900;display:block}.share-message-preview p{color:var(--soft);margin:8px 0;line-height:1.45}.share-message-preview span{overflow-wrap:anywhere;color:var(--muted);margin-top:12px;font-size:12px;display:block}.share-actions-stack{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.share-actions-stack .btn:first-child{grid-column:1/-1}@media (max-width:820px){.share-modal-backdrop{align-items:start;padding:12px}.share-modal{border-radius:24px;margin-top:10px;padding:18px}.share-layout{grid-template-columns:1fr}.share-card-frame{width:min(420px,100%);margin:0 auto}}@media (max-width:540px){.share-actions-stack{grid-template-columns:1fr}.share-actions-stack .btn:first-child{grid-column:auto}.share-modal-head h3{font-size:25px}}
.account-pill{position:relative}.account-pill span{color:#111;background:var(--accent);border-radius:999px;place-items:center;min-width:19px;height:19px;margin-left:6px;padding:0 5px;font-size:10px;font-weight:950;display:inline-grid}.arena-social-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.modal-account-note{color:var(--muted);margin:6px 0 0;font-size:13px}.ranking-filters{flex-wrap:wrap;gap:8px;margin:-4px 0 18px;display:flex}.rank-filter{border:1px solid var(--line);color:var(--muted);background:var(--panel);font:inherit;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:850}.rank-filter.active{color:#111;background:var(--accent);border-color:#0000}.ranking-podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:12px;margin:0 0 16px;display:grid}.podium-card{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:126px;padding:18px;display:flex}.podium-card span{color:var(--accent);margin-bottom:8px;font-weight:950}.podium-card strong{font-size:19px}.podium-card small{color:var(--muted);margin-top:7px}.podium-1{background:radial-gradient(circle at 50% 0%, #f4ff611c, transparent 58%), var(--panel);border-color:#f4ff614d;min-height:154px}.auth-backdrop{z-index:120;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth-card{border:1px solid var(--line);width:min(470px,100%);box-shadow:var(--shadow);background:#111114;border-radius:28px;padding:30px;position:relative}.auth-close{color:var(--muted);background:0 0;border:0;font-size:28px;position:absolute;top:15px;right:17px}.auth-logo{width:170px;height:auto;margin-bottom:28px}.auth-card h3{letter-spacing:-.04em;margin:7px 0 10px;font-size:31px}.auth-card p{color:var(--muted);line-height:1.55}.auth-card strong{color:var(--text)}.auth-card form{gap:12px;display:grid}.auth-label{color:var(--soft);font-size:13px;font-weight:850}.auth-card input,.profile-form input,.profile-form textarea,.chat-composer textarea{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#0c0c0f;border-radius:14px;outline:none;padding:13px 14px}.auth-card input:focus,.profile-form input:focus,.profile-form textarea:focus,.chat-composer textarea:focus{border-color:#f4ff6173;box-shadow:0 0 0 3px #f4ff610f}.auth-submit{width:100%;margin-top:4px}.auth-card small{color:var(--muted);text-align:center}.auth-error,.profile-status{color:#ffd1da;background:#ff5b7f1a;border-radius:12px;padding:10px 12px;font-size:13px}.social-page{padding:26px 0 70px}.social-header,.room-nav{justify-content:space-between;align-items:center;gap:20px;min-height:68px;display:flex}.social-brand{align-items:center;display:inline-flex}.social-brand img{width:174px;height:auto}.social-header-actions,.room-nav>div{align-items:center;gap:9px;display:flex}.social-loading{color:var(--muted);text-align:center;margin:90px auto}.empty-social-card{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:30px;max-width:760px;margin:75px auto;padding:44px}.empty-social-card h1{letter-spacing:-.06em;margin:8px 0 12px;font-size:clamp(36px,6vw,64px)}.empty-social-card p{max-width:620px;color:var(--muted);margin:0 auto 24px;line-height:1.6}.profile-hero-card{border:1px solid var(--line);background:radial-gradient(circle at 5% 0%, #7c5cff29, transparent 35%), var(--panel);border-radius:28px;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;margin-top:34px;padding:28px;display:grid}.profile-avatar{color:#111;background:var(--accent);border-radius:26px;place-items:center;width:84px;height:84px;font-size:34px;font-weight:1000;display:grid}.profile-identity h1{letter-spacing:-.05em;margin:5px 0 3px;font-size:36px}.profile-identity p{color:var(--muted);margin:0}.public-bio{max-width:650px;color:var(--soft);margin-top:12px;line-height:1.55}.profile-social-counts{color:var(--muted);gap:16px;margin-top:12px;font-size:13px;display:flex}.profile-social-counts b{color:var(--text)}.profile-stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;display:grid}.profile-stat-grid>div{border:1px solid var(--line);background:var(--panel);border-radius:20px;flex-direction:column;justify-content:center;min-height:112px;padding:18px;display:flex}.profile-stat-grid strong{letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;font-size:27px;overflow:hidden}.profile-stat-grid span{color:var(--muted);margin-top:5px;font-size:12px}.social-two-col{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.social-lower{align-items:start}.social-panel{border:1px solid var(--line);background:var(--panel);border-radius:24px;padding:24px}.social-panel h2{letter-spacing:-.04em;margin:6px 0 9px;font-size:27px}.social-muted{color:var(--muted);line-height:1.55}.category-bars{gap:13px;margin-top:20px;display:grid}.category-row>div:first-child{color:var(--soft);justify-content:space-between;gap:10px;font-size:13px;display:flex}.category-track{background:#232329;border-radius:999px;height:8px;margin-top:7px;overflow:hidden}.category-track span{border-radius:inherit;background:var(--accent);height:100%;display:block}.badge-cloud{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.badge-cloud span{border:1px solid var(--line);color:var(--soft);background:#15151a;border-radius:999px;padding:8px 10px;font-size:12px}.category-cloud{margin-top:18px}.profile-form{gap:13px;margin-top:18px;display:grid}.profile-form label{color:var(--soft);gap:7px;font-size:12px;font-weight:800;display:grid}.profile-form textarea{resize:vertical}.profile-form .privacy-toggle{grid-template-columns:auto 1fr;align-items:center}.profile-form .privacy-toggle input{width:18px;height:18px}.panel-title-row{justify-content:space-between;align-items:start;gap:12px;display:flex}.text-button{color:var(--accent);font:inherit;background:0 0;border:0;padding:0;font-size:12px;font-weight:850}.vote-history,.notification-list{gap:8px;margin-top:15px;display:grid}.history-row,.notification-row{border:1px solid var(--line);background:#141418;border-radius:15px;justify-content:space-between;gap:15px;padding:13px;display:flex}.history-row:hover,.notification-row:hover{border-color:#41414d}.history-row strong{font-size:13px;display:block}.history-row strong span{color:var(--muted);font-weight:600}.history-row small{color:var(--muted);margin-top:4px;display:block}.history-row>span{color:var(--muted);white-space:nowrap;align-self:center;font-size:11px}.history-win{color:var(--accent)!important}.history-minority{color:#ff9bb1!important}.notification-row{display:grid}.notification-row.unread{background:#f4ff610b;border-color:#f4ff6140}.notification-row strong{font-size:13px}.notification-row span,.notification-row small{color:var(--muted);font-size:12px;line-height:1.45}.battle-room-page{min-height:100vh;padding-bottom:80px}.room-nav{padding-top:8px}.room-hero{padding-top:48px}.room-title-line{justify-content:space-between;align-items:end;gap:18px;display:flex}.room-title-line h1{letter-spacing:-.065em;margin:8px 0 20px;font-size:clamp(38px,6vw,72px);line-height:.95}.room-title-line h1 span{color:var(--muted);font-size:.55em}.room-live{color:#ff738e;white-space:nowrap;margin-bottom:24px;font-size:12px;font-weight:900}.room-arena{border:1px solid var(--line);background:var(--panel);border-radius:30px;grid-template-columns:1fr 90px 1fr;align-items:center;display:grid;overflow:hidden}.room-side{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:390px;padding:28px;display:flex}.room-side-image{border:1px solid var(--line);background:#1b1b20;border-radius:34px;place-items:center;width:180px;height:180px;font-size:52px;font-weight:950;display:grid;overflow:hidden}.room-side-image img{object-fit:cover;width:100%;height:100%}.room-side h2{letter-spacing:-.04em;margin:17px 0 2px;font-size:30px}.room-side>span{color:var(--muted);font-size:12px}.room-percent{color:var(--accent);margin:5px 0 4px;font-size:45px}.room-vs{color:#111;background:#fff;border-radius:50%;justify-self:center;place-items:center;width:58px;height:58px;font-weight:1000;display:grid}.room-score-summary{border:1px solid var(--line);color:var(--muted);background:#0f0f12;border-top:0;border-radius:0 0 24px 24px;flex-wrap:wrap;justify-content:space-between;gap:18px;padding:15px 20px;font-size:13px;display:flex}.room-score-summary b{color:var(--soft)}.debate-section{padding-top:62px}.debate-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.debate-heading h2{letter-spacing:-.05em;margin:6px 0;font-size:38px}.debate-heading p,.debate-heading>span{color:var(--muted);margin:0;font-size:13px}.debate-shell{border:1px solid var(--line);background:var(--panel);border-radius:26px;overflow:hidden}.message-list{max-height:650px;padding:8px 20px;overflow-y:auto}.chat-message{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr;gap:12px;padding:17px 0;display:grid}.chat-avatar{color:#111;background:var(--accent);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:950;display:grid}.chat-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chat-meta strong{font-size:13px}.chat-meta time{color:var(--muted);font-size:11px}.side-chip{color:var(--soft);background:#222229;border-radius:999px;padding:4px 7px;font-size:10px}.side-a{border:1px solid #7c5cff57}.side-b{border:1px solid #ff5b7f57}.chat-body p{color:var(--soft);white-space:pre-wrap;margin:7px 0;line-height:1.55}.chat-reply{color:var(--muted);font:inherit;background:0 0;border:0;padding:0;font-size:11px}.chat-reply:hover{color:var(--text)}.debate-empty{color:var(--muted);text-align:center;padding:55px 20px}.chat-composer{border-top:1px solid var(--line);background:#0e0e11;padding:16px}.chat-composer textarea{resize:vertical;min-height:90px}.composer-footer{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.composer-footer span{color:var(--muted);font-size:11px}.reply-banner{color:var(--soft);background:#1a1a20;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:9px;padding:8px 10px;font-size:12px;display:flex}.reply-banner button{color:var(--muted);background:0 0;border:0}@media (max-width:820px){.ranking-podium,.profile-stat-grid,.social-two-col{grid-template-columns:1fr 1fr}.ranking-podium .podium-1{grid-area:1/span 2}.profile-hero-card{grid-template-columns:auto 1fr}.profile-hero-card>.btn{grid-column:1/-1}.room-title-line,.debate-heading{flex-direction:column;align-items:start}.room-live{margin:-8px 0 18px}}@media (max-width:680px){.nav-actions .nav-link,.nav-actions>.btn-ghost:not(.account-pill){display:none}.nav-actions{gap:6px}.nav-actions .btn{padding:10px 12px;font-size:12px}.ranking-podium,.profile-stat-grid,.social-two-col{grid-template-columns:1fr}.ranking-podium .podium-1{grid-column:auto}.profile-hero-card{text-align:center;grid-template-columns:1fr}.profile-avatar{margin:0 auto}.profile-social-counts{flex-wrap:wrap;justify-content:center}.social-header,.room-nav{align-items:flex-start}.social-header-actions,.room-nav>div{flex-wrap:wrap;justify-content:flex-end}.room-arena{grid-template-columns:1fr}.room-side{min-height:320px}.room-vs{z-index:2;margin:-29px auto}.room-score-summary{flex-direction:column}.debate-heading>span{display:none}.auth-card,.empty-social-card{padding:24px}}
.profile-avatar,.chat-avatar,.ostraka-account-avatar{isolation:isolate;contain:paint;flex:none;position:relative;overflow:hidden!important}.profile-avatar>img,.chat-avatar>img,.ostraka-account-avatar>img{object-fit:cover!important;object-position:center!important;border-radius:inherit!important;width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;display:block!important;position:absolute!important;inset:0!important}.public-profile-hero,.profile-hero-card,.chat-message,.chat-body,.profile-identity{min-width:0}.public-profile-hero{overflow:hidden}.public-profile-hero .profile-avatar{width:84px;height:84px}.chat-avatar{width:42px;height:42px}@media (max-width:560px){.public-profile-hero .profile-avatar,.profile-hero-card .profile-avatar{width:72px;height:72px}}
.chat-message-actions{align-items:center;gap:12px;display:flex}.chat-report{color:#8d8d99;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px}.chat-report:hover{color:#ff8aa2}.report-card blockquote{border-left:3px solid var(--accent);color:var(--soft);background:#17171b;border-radius:0 12px 12px 0;margin:16px 0;padding:12px 14px;font-size:13px;line-height:1.5}.report-card select,.report-card textarea{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#0c0c0f;border-radius:14px;outline:none;padding:12px 13px}.report-card textarea{resize:vertical}.report-card select:focus,.report-card textarea:focus{border-color:#f4ff6173;box-shadow:0 0 0 3px #f4ff610f}.admin-chat-reports{margin-top:20px}.admin-report{border:1px solid var(--line);background:#111114;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px;display:grid}.admin-report-copy{gap:6px;min-width:0;display:grid}.admin-report-copy>strong{font-size:14px}.admin-report-copy>span,.admin-report-copy>small{color:var(--muted);font-size:11px;line-height:1.45}.admin-report-copy blockquote{color:var(--soft);background:#17171b;border-left:3px solid #ff6e8c;margin:3px 0;padding:9px 12px;font-size:13px;line-height:1.45}.admin-report-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.btn-danger{color:#ffc0ce!important;background:#ff5b7f1a!important;border-color:#ff5b7f59!important}.btn-danger:hover{background:#ff5b7f29!important;border-color:#ff5b7f99!important}@media (max-width:760px){.admin-report{grid-template-columns:1fr}.admin-report-actions{justify-content:flex-start}}
.v4-nav-actions{gap:8px}.v4-login{padding-inline:20px}.v4-arena,.v4-battle-card{position:relative}.battle-tier-badge{z-index:8;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:10px;font-weight:950;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 7px 24px #00000047}.battle-tier-badge.featured{color:#fff;background:linear-gradient(135deg,#6c5cff,#9c7cff);border:1px solid #fff3}.battle-tier-badge.boosted{color:#111;background:var(--accent);border:1px solid #fff3}.v4-battle-card{overflow:hidden}.v4-category-strip{padding-top:46px}.category-chip-grid{grid-template-columns:repeat(6,1fr);gap:9px;display:grid}.category-chip-grid a{border:1px solid var(--line);background:var(--panel);border-radius:16px;gap:3px;min-width:0;padding:14px;transition:all .18s;display:grid}.category-chip-grid a:hover{border-color:#464654;transform:translateY(-2px)}.category-chip-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.category-chip-grid small{color:var(--muted);font-size:10px}.battle-pagination,.simple-pagination{justify-content:center;align-items:center;gap:14px;margin:28px 0 0;display:flex}.battle-pagination button,.simple-pagination button{border:1px solid var(--line);color:var(--soft);background:var(--panel);font:inherit;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:850}.battle-pagination button:disabled,.simple-pagination button:disabled{opacity:.35;cursor:not-allowed}.battle-pagination span,.simple-pagination span{color:var(--muted);font-size:12px}.v4-create-end{padding-top:30px}.v4-empty-home{text-align:center;color:var(--muted);padding:120px 0}.v4-account{position:relative}.v4-account-trigger{border:1px solid var(--line);height:44px;color:var(--text);font:inherit;background:#ffffff06;border-radius:999px;align-items:center;gap:8px;padding:5px 9px 5px 5px;display:flex}.v4-avatar{color:#fff;background:#d85b2a;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;font-weight:950;display:grid;overflow:hidden}.v4-avatar img{object-fit:cover;width:100%;height:100%}.v4-account-copy{text-align:left;gap:1px;max-width:125px;line-height:1;display:grid}.v4-account-copy small{color:var(--muted);font-size:8px}.v4-account-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.verified-check,.verified-mini{color:#fff;background:#6c5cff;border-radius:50%;place-items:center;margin-left:4px;font-size:8px;font-weight:1000;display:inline-grid}.verified-check{width:14px;height:14px}.verified-mini{vertical-align:middle;width:13px;height:13px}.v4-alert-bell{background:#1b1b20;border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;display:grid;position:relative}.v4-alert-bell.has-alerts{box-shadow:0 0 0 2px #f4ff612e,0 0 18px #f4ff611f}.v4-alert-bell b{color:#111;background:var(--accent);border:2px solid #111114;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:8px;display:grid;position:absolute;top:-5px;right:-7px}.v4-account-menu{z-index:190;border:1px solid var(--line);background:#111114;border-radius:18px;width:245px;padding:7px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 70px #0000007a}.v4-account-menu>a,.v4-account-menu>button{width:100%;color:var(--soft);font:inherit;background:0 0;border:0;border-radius:11px;justify-content:space-between;align-items:center;padding:10px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.v4-account-menu>a:hover,.v4-account-menu>button:hover{color:var(--text);background:#ffffff0e}.v4-menu-separator{background:var(--line);height:1px;margin:4px}.menu-alert-count{color:#111;background:var(--accent);border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:9px;display:grid}.category-picker{gap:7px;display:grid;position:relative}.category-picker-trigger{border:1px solid var(--line);width:100%;min-height:46px;color:var(--text);font:inherit;text-align:left;background:#0c0c0f;border-radius:14px;justify-content:space-between;align-items:center;padding:11px 13px;display:flex}.category-picker-menu{z-index:230;border:1px solid var(--line);background:#111114;border-radius:18px;width:min(360px,90vw);padding:9px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 22px 70px #00000080}.category-picker-menu>input{border:1px solid var(--line);width:100%;color:var(--text);background:#09090b;border-radius:12px;outline:none;padding:11px}.category-picker-list{gap:3px;max-height:300px;margin-top:8px;display:grid;overflow:auto}.category-picker-list button{color:var(--soft);font:inherit;text-align:left;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.category-picker-list button:hover,.category-picker-list button.selected{color:var(--text);background:#f4ff6114}.category-picker-list small{color:var(--muted);font-size:9px}.category-picker-empty{color:var(--muted);text-align:center;padding:20px;font-size:12px}.category-picker-pagination{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:7px;padding-top:7px;display:flex}.category-picker-pagination button{border:1px solid var(--line);width:34px;height:32px;color:var(--text);background:#17171c;border-radius:10px}.category-picker-pagination span{color:var(--muted);font-size:10px}.v4-image-grid .battle-image-field{flex-direction:column;display:flex}.v4-image-grid .battle-image-actions{min-height:28px;justify-content:center!important;align-items:center!important;gap:10px!important;margin-top:8px!important;display:flex!important}.v4-image-grid .battle-image-actions>button,.v4-image-grid .battle-image-change{border:1px solid var(--line)!important;min-width:92px!important;min-height:28px!important;color:var(--soft)!important;background:#17171c!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:6px 10px!important;font-size:10px!important;font-weight:800!important;display:inline-flex!important}.v4-image-grid .battle-image-actions>button{color:#ff9bb1!important}.category-page{min-height:100vh;padding:18px 0 70px}.category-page-header{justify-content:space-between;align-items:center;min-height:68px;display:flex}.category-hero{padding:58px 0 28px}.category-hero h1{letter-spacing:-.07em;margin:6px 0 8px;font-size:clamp(48px,8vw,92px);line-height:.9}.category-hero p{max-width:650px;color:var(--muted);font-size:16px}.category-directory-search{border:1px solid var(--line);width:min(620px,100%);color:var(--text);background:var(--panel);font:inherit;border-radius:16px;outline:none;margin-top:20px;padding:14px 16px}.category-directory-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.category-directory-grid a{border:1px solid var(--line);background:var(--panel);border-radius:20px;gap:5px;min-height:125px;padding:18px;transition:all .18s;display:grid}.category-directory-grid a:hover{border-color:#454552;transform:translateY(-2px)}.category-directory-grid span,.category-directory-grid small{color:var(--muted);font-size:10px}.category-directory-grid strong{letter-spacing:-.03em;margin-top:auto;font-size:20px}.category-battle-grid .battle-card{text-decoration:none;display:block}.profile-extra-shell{margin-top:-46px;padding-bottom:70px}.profile-extra-grid{align-items:start}.connections-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.connections-head h2{margin:6px 0}.connections-tabs{gap:5px;display:flex}.connections-tabs button{border:1px solid var(--line);color:var(--muted);font:inherit;background:#141418;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:850}.connections-tabs button.active{color:#111;background:var(--accent);border-color:#0000}.connections-list{gap:7px;margin-top:14px;display:grid}.connection-row{border:1px solid var(--line);background:#141418;border-radius:15px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.connection-person{align-items:center;gap:10px;min-width:0;display:flex}.connection-avatar{color:#111;background:var(--accent);border-radius:13px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:14px;font-weight:950;display:grid;overflow:hidden}.connection-avatar img{object-fit:cover;width:100%;height:100%}.connection-person>span:last-child{min-width:0;display:grid}.connection-person strong,.connection-person small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.connection-person strong{font-size:12px}.connection-person small{color:var(--muted);font-size:10px}.connection-remove{color:#ff9bb1;font:inherit;background:0 0;border:0;padding:6px;font-size:10px;font-weight:800}.verification-panel>.btn{margin-top:14px}.verification-state{border:1px solid var(--line);background:#141418;border-radius:16px;align-items:center;gap:12px;margin-top:16px;padding:14px;display:flex}.verification-state>span{background:#222229;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.verification-state.approved{border-color:#6c5cff66}.verification-state.approved>span{color:#fff;background:#6c5cff}.verification-state.pending{border-color:#f4ff6140}.verification-state strong{display:block}.verification-state p{color:var(--muted);margin:3px 0 0;font-size:11px}.profile-extra-status{margin-top:12px}.confirm-backdrop{z-index:400;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-card{border:1px solid var(--line);width:min(430px,100%);box-shadow:var(--shadow);text-align:center;background:#111114;border-radius:24px;padding:26px}.confirm-icon{color:#111;background:#ff9bb1;border-radius:50%;place-items:center;width:44px;height:44px;margin:0 auto 12px;font-size:22px;font-weight:1000;display:grid}.confirm-card h3{margin:0 0 7px;font-size:25px}.confirm-card p{color:var(--muted);line-height:1.5}.confirm-card>div:last-child{justify-content:center;gap:8px;margin-top:18px;display:flex}.btn-danger{color:#fff;background:#b83c5c;border-color:#0000}.admin-verification-shell{padding-top:0!important}.admin-verification-row{border:1px solid var(--line);border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.admin-verification-row>div:nth-child(2){gap:3px;display:grid}.admin-verification-row small{color:var(--muted)}@media (max-width:920px){.category-chip-grid{grid-template-columns:repeat(3,1fr)}.category-directory-grid{grid-template-columns:repeat(2,1fr)}.v4-nav-actions .nav-link{display:none}}@media (max-width:620px){.v4-account-copy{display:none}.v4-account-trigger{padding-right:5px}.v4-alert-bell{width:32px}.v4-account-menu{width:min(280px,100vw - 24px);position:fixed;top:72px;right:12px}.category-chip-grid{grid-template-columns:repeat(2,1fr)}.category-directory-grid{grid-template-columns:1fr}.category-page-header .social-brand img{width:145px}.profile-extra-shell{margin-top:-25px}.connections-head{flex-direction:column;align-items:flex-start}.connection-row{align-items:flex-start}.admin-verification-row{grid-template-columns:auto 1fr}.admin-verification-row .admin-actions{grid-column:1/-1}.category-picker-menu{width:calc(100vw - 24px);position:fixed;top:90px;left:12px}.battle-tier-badge{top:9px;right:9px}}
.ostraka-verified-badge{color:#fff;vertical-align:middle;background:linear-gradient(135deg,#6c5cff,#9b7cff);border-radius:50%;place-items:center;width:20px;height:20px;margin-left:8px;font-size:11px;font-weight:1000;display:inline-grid;box-shadow:0 0 0 2px #6c5cff24}.chat-meta .ostraka-verified-badge{width:14px;height:14px;margin-left:4px;font-size:8px}.profile-identity h1{flex-wrap:wrap;align-items:center;display:flex}.admin-category-picker-host .category-picker>label:empty{display:none}.admin-category-picker-host .category-picker{margin-top:0}
.category-lead-battle{border:1px solid var(--line);background:radial-gradient(circle at 20% 0%,#7c5cff21,transparent 35%),var(--panel);box-shadow:var(--shadow);border-radius:28px;margin-bottom:18px;padding:24px;display:block;position:relative;overflow:hidden}.category-lead-kicker,.category-lead-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.category-lead-kicker b,.category-lead-footer b{color:var(--soft)}.category-lead-match{grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;margin:28px 0 18px;display:grid}.category-lead-match>div{text-align:center;justify-items:center;gap:8px;display:grid}.category-lead-image{border:1px solid var(--line);background:#1a1a20;border-radius:30px;place-items:center;width:126px;height:126px;font-size:32px;font-weight:950;display:grid;overflow:hidden}.category-lead-image img{object-fit:cover;width:100%;height:100%}.category-lead-match strong{letter-spacing:-.04em;font-size:24px}.category-lead-match span{color:var(--accent);font-size:30px;font-weight:950}.category-lead-vs{color:#111;background:#fff;border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.category-lead-progress{margin:14px 0 16px}.category-lead-footer span{color:var(--text);font-weight:850}@media (max-width:620px){.category-lead-battle{padding:18px}.category-lead-match{gap:10px}.category-lead-image{border-radius:22px;width:86px;height:86px}.category-lead-match strong{font-size:16px}.category-lead-match span{font-size:24px}.category-lead-vs{width:42px;height:42px;font-size:11px}}
.credit-shell{padding:0 0 70px}.credit-panel{margin-top:16px}.credit-panel-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.credit-panel-head h2{margin:6px 0 0}.credit-balance{justify-items:end;min-width:110px;display:grid}.credit-balance strong{letter-spacing:-.05em;font-size:34px}.credit-balance span{color:var(--muted);font-size:11px}.credit-cost-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.credit-cost-grid>div{border:1px solid var(--line);background:#141418;border-radius:18px;gap:4px;padding:16px;display:grid}.credit-cost-grid span{color:var(--muted);font-size:11px;font-weight:800}.credit-cost-grid strong{font-size:20px}.credit-cost-grid small{color:var(--muted)}.referral-card{background:#f4ff6109;border:1px solid #f4ff612e;border-radius:20px;grid-template-columns:1.4fr .6fr;gap:14px;margin-top:14px;padding:18px;display:grid}.referral-copy>strong{font-size:16px}.referral-copy p{color:var(--muted);margin:7px 0 13px;line-height:1.55}.referral-copy b{color:var(--soft)}.referral-link-row{grid-template-columns:1fr auto auto;gap:8px;display:grid}.referral-link-row input{border:1px solid var(--line);min-width:0;color:var(--soft);background:#0d0d10;border-radius:14px;padding:12px}.referral-progress-card{border-left:1px solid var(--line);flex-direction:column;justify-content:center;padding-left:18px;display:flex}.referral-progress-card>div:first-child{align-items:end;gap:7px;display:flex}.referral-progress-card strong{font-size:26px}.referral-progress-card span,.referral-progress-card small{color:var(--muted);font-size:10px}.referral-progress-track{background:#24242b;border-radius:999px;height:9px;margin:11px 0;overflow:hidden}.referral-progress-track span{border-radius:inherit;background:var(--accent);height:100%;display:block}.credit-status{margin-top:12px}.online-dot{z-index:8;background:#35d66f!important;border:2px solid #111114!important;border-radius:50%!important;width:11px!important;min-width:11px!important;height:11px!important;min-height:11px!important;position:absolute!important;bottom:-1px!important;right:-1px!important;box-shadow:0 0 0 2px #35d66f1f,0 0 10px #35d66f8c!important}.profile-avatar .online-dot{border-width:3px!important;width:14px!important;min-width:14px!important;height:14px!important;min-height:14px!important}.connection-avatar,.chat-avatar,.profile-avatar{position:relative!important;overflow:visible!important}.connection-avatar>img,.chat-avatar>img,.profile-avatar>img{border-radius:inherit;overflow:hidden}.avatar-photo-clip{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.avatar-photo-clip img{object-fit:cover;width:100%;height:100%}.credit-balance-chip{color:var(--accent);background:#f4ff610d;border:1px solid #f4ff6138;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;font-weight:900;display:inline-flex}@media (max-width:760px){.credit-panel-head{align-items:flex-start}.credit-cost-grid,.referral-card{grid-template-columns:1fr}.referral-progress-card{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}.referral-link-row{grid-template-columns:1fr 1fr}.referral-link-row input{grid-column:1/-1}}
.admin-users-shell{width:min(1180px,100% - 32px);margin:0 auto 70px}.admin-users-card{margin-top:18px}.admin-users-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.admin-users-head h2{margin:5px 0 6px}.admin-user-search{gap:8px;min-width:min(420px,100%);display:flex}.admin-user-search input{border:1px solid var(--line);color:var(--text);background:#0c0c0f;border-radius:14px;outline:none;flex:1;padding:11px 13px}.admin-users-list{gap:9px;display:grid}.admin-user-row{border:1px solid var(--line);background:#121216;border-radius:18px;grid-template-columns:minmax(220px,1.3fr) minmax(330px,1.8fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.admin-user-main{align-items:center;gap:11px;min-width:0;display:flex}.admin-user-avatar{color:#111;background:var(--accent);border-radius:15px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-weight:950;display:grid;position:relative;overflow:hidden}.admin-user-avatar img{object-fit:cover;width:100%;height:100%}.admin-online-dot{background:#35d07f;border:2px solid #121216;border-radius:50%;width:10px;height:10px;position:absolute;bottom:2px;right:2px}.admin-user-identity{min-width:0;display:grid}.admin-user-identity strong,.admin-user-identity span,.admin-user-identity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-user-identity strong{font-size:13px}.admin-user-identity span{color:var(--soft);font-size:11px}.admin-user-identity small{color:var(--muted);margin-top:2px;font-size:10px}.admin-user-metrics{grid-template-columns:repeat(4,minmax(70px,1fr));gap:7px;display:grid}.admin-user-metrics>div{border:1px solid var(--line);background:#0d0d10;border-radius:12px;gap:3px;padding:9px;display:grid}.admin-user-metrics span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:9px}.admin-user-metrics strong{font-size:11px}.admin-user-credit-sources{color:var(--muted);flex-wrap:wrap;grid-column:1/3;gap:12px;font-size:10px;display:flex}.admin-user-credit-sources b{color:var(--soft)}.admin-user-coupons{flex-wrap:wrap;grid-column:1/3;gap:7px;display:flex}.admin-user-coupons button,.admin-user-coupons>span{border:1px solid var(--line);color:var(--muted);font:inherit;background:#19191e;border-radius:999px;padding:5px 8px;font-size:9px}.admin-user-coupons button{color:var(--accent);cursor:pointer}.admin-user-actions{flex-wrap:wrap;grid-area:1/3/4;justify-content:flex-end;gap:7px;display:flex}.admin-user-actions .btn{padding:8px 10px;font-size:10px}.admin-users-message{margin-bottom:12px}.admin-user-modal{border:1px solid var(--line);width:min(500px,100%);box-shadow:var(--shadow);background:#111114;border-radius:25px;gap:11px;padding:27px;display:grid;position:relative}.admin-user-modal h3{letter-spacing:-.04em;margin:0 0 5px;font-size:28px}.admin-user-modal label{color:var(--soft);font-size:11px;font-weight:850}.admin-user-modal input,.admin-user-modal textarea{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#0b0b0e;border-radius:13px;outline:none;padding:12px}.admin-user-modal textarea{resize:vertical;min-height:84px}.admin-user-modal p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.admin-user-inline-fields{grid-template-columns:1fr auto 1fr auto;align-items:center;gap:7px;display:grid}.admin-user-inline-fields span{color:var(--muted);font-size:11px}.admin-user-modal-actions{justify-content:flex-end;gap:8px;margin-top:5px;display:flex}.admin-coupon-result{background:#f4ff610d;border:1px solid #f4ff6140;border-radius:15px;grid-template-columns:1fr auto;align-items:center;gap:6px 10px;padding:13px;display:grid}.admin-coupon-result span{color:var(--muted);grid-column:1/-1;font-size:10px}.admin-coupon-result strong{letter-spacing:.05em;font-size:20px}.admin-coupon-result .btn{font-size:10px}.coupon-field{gap:7px;margin-top:12px;display:grid}.coupon-field label{color:var(--soft);font-size:11px;font-weight:850}.coupon-input-row{gap:8px;display:flex}.coupon-input-row input{border:1px solid var(--line);color:var(--text);text-transform:uppercase;background:#0b0b0e;border-radius:13px;outline:none;flex:1;padding:12px}.coupon-note{color:var(--muted);font-size:10px}.coupon-applied{color:#8ef0b4;font-size:10px;font-weight:850}@media (max-width:980px){.admin-users-head{flex-direction:column;align-items:stretch}.admin-user-search{width:100%;min-width:0}.admin-user-row{grid-template-columns:1fr}.admin-user-metrics{grid-template-columns:repeat(2,1fr)}.admin-user-credit-sources,.admin-user-coupons,.admin-user-actions{grid-area:auto/1}.admin-user-actions{justify-content:flex-start}}@media (max-width:560px){.admin-users-shell{width:min(100% - 20px,1180px)}.admin-user-search{flex-direction:column}.admin-user-metrics{grid-template-columns:1fr 1fr}.admin-user-actions{grid-template-columns:1fr 1fr;display:grid}.admin-user-actions .btn:last-child{grid-column:1/-1}.admin-user-inline-fields{grid-template-columns:1fr auto}.admin-coupon-result{grid-template-columns:1fr}.admin-coupon-result .btn{width:100%}}