:root{--header-h:77px}@media (max-width:944px){:root{--header-h:73px}}.tabs{width:100%;top:var(--header-h);z-index:3000;box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1b212beb;border-bottom:1px solid #334155a6;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:10px 12px;display:flex;position:sticky;box-shadow:0 10px 30px #00000059}.tabs>p{color:var(--ch-text-muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;margin:0;padding:0 6px;font-size:12px;font-weight:800;line-height:1}.platformSwitch{background:#33415529;border:1px solid #334155a6;border-radius:14px;align-items:center;gap:10px;padding:6px 10px;display:inline-flex}.toggle-label{color:var(--ch-text-muted);letter-spacing:.08em;text-transform:uppercase;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:800;line-height:1}.switch{flex:none;width:44px;height:26px;display:inline-block;position:relative;margin:0!important}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background:#3341558c;border:1px solid #334155b3;border-radius:999px;transition:background .16s,border-color .16s;position:absolute;inset:0}.slider:before{content:"";background:var(--ch-text-main);border-radius:999px;width:20px;height:20px;transition:transform .16s;position:absolute;top:50%;transform:translateY(-50%)}.switch input:checked+.slider:before{transform:translate(22px,-50%)}.switch input:checked+.slider{background:#3341558c;border-color:#334155b3}.tab-container{background:#33415529;border:1px solid #334155a6;border-radius:14px;align-items:center;display:inline-flex;overflow:hidden}.tab-button{color:var(--ch-text-main);letter-spacing:.06em;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:0 0;border:none;height:36px;padding:0 12px;font-size:12px;transition:background .16s,color .16s,transform .16s}.tab-button+.tab-button{border-left:1px solid #3341558c}.tab-button:hover{background:#3341553d}.tab-button:active{transform:translateY(1px)}.short{display:none}@media (max-width:768px){.long{display:none}.short{display:inline}}#filterRank{appearance:none;height:36px;color:var(--ch-text-main);cursor:pointer;background:#0f141e59 right 12px center/16px no-repeat;border:1px solid #334155a6;border-radius:12px;padding:0 38px 0 12px;transition:background .16s,border-color .16s}#filterRank:hover{background:#0f141e80;border-color:#334155e6}#filterRank:focus{border-color:#ef44448c;outline:none}.range-search-container{color:var(--ch-text-main);background:#33415529;border:1px solid #334155a6;border-radius:14px;align-items:center;gap:10px;padding:6px 10px;display:inline-flex;position:relative}.range-search-container label{cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:.06em;text-transform:uppercase;color:var(--ch-text-main);align-items:center;gap:10px;margin:0;font-size:12px;font-weight:800;display:inline-flex}#rangeSearch{appearance:none;border:2px solid var(--ch-border);cursor:pointer;background:0 0;border-radius:6px;width:18px;height:18px;margin:0;transition:background-color .16s,border-color .16s;position:relative}#rangeSearch:checked{background:var(--vcrdb-green);border-color:var(--vcrdb-green)}.range-search-container{align-items:center;gap:10px;display:flex;position:relative}.range-search-container .tooltip{border-radius:var(--ch-radius);min-width:260px;max-width:320px;color:var(--ch-text-main);opacity:0;pointer-events:none;z-index:50;background:#0f172af2;border:1px solid #334155b3;padding:10px 12px;font-size:13px;line-height:1.4;transition:opacity .14s,transform .14s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(4px)}.range-search-container:hover .tooltip,.range-search-container:focus-within .tooltip{opacity:1;transition-delay:.5s;transform:translateY(0)}.range-search-container:not(:hover):not(:focus-within) .tooltip{transition-delay:0s}@media (max-width:520px){.tabs{justify-content:flex-start;padding:10px}.platformSwitch,.tab-container,#filterRank,.range-search-container{width:100%}.tab-container{justify-content:stretch}.tab-button{flex:auto;justify-content:center;padding:0 8px}#filterRank{width:100%}}.info-container:hover .tooltip{opacity:1;display:block;bottom:-100px}.info-icon:hover+.tooltip{display:block}.countryflag{height:18px;line-height:1;display:inline-block;position:relative;font-size:22px!important}.countryflag .tooltiptext{visibility:hidden;color:#fff;text-align:center;z-index:1;opacity:0;background-color:#555;border-radius:6px;width:120px;margin-left:-60px;padding:5px 0;font-size:13px;transition:opacity .3s;position:absolute;bottom:125%;left:50%}.countryflag .tooltiptext:after{content:"";border:5px solid #0000;border-top-color:#555;margin-left:-5px;position:absolute;top:100%;left:50%}.countryflag:hover .tooltiptext{visibility:visible;opacity:1}.tab-content{color:#fff;border-top:none;width:70%;margin:20px auto;display:block}.tab-content h2{margin-top:0}.tab-button.active{background-color:#272f3d}#edit-status{color:#fff;background:#272f3d;border-radius:6px;width:100%;margin-top:10px;font-size:14px;display:none;position:relative;overflow:hidden;box-shadow:0 4px 8px #0000004d}#edit-status.show{display:inline-block}#edit-status-text{white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0;padding:10px;font-size:14px;overflow:hidden}.submit-info{color:#ccc;text-align:center;margin-top:10px;font-size:14px}.submit-info a{color:#fd4755;font-weight:700;text-decoration:none}.submit-info a:hover{text-decoration:underline}.masonry{--masonry-gap:1rem;--masonry-brick-width:200px;column-gap:var(--masonry-gap);column-fill:initial;column-width:var(--masonry-brick-width)}.masonry>*{break-inside:avoid;margin-bottom:var(--masonry-gap)}.brick{color:var(--ch-text-main);background:var(--ch-bg-card);border-radius:calc(var(--ch-radius) + 6px);margin-bottom:var(--masonry-gap);word-wrap:break-word;word-break:break-word;overflow-wrap:anywhere;border:1px solid #334155a6;flex-direction:column;gap:10px;padding:14px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000047}.brick:before{content:"";pointer-events:none;background:radial-gradient(circle at top,#ef444414,#0000 55%);position:absolute;inset:0}.info{border-radius:var(--ch-radius);background:#1e293b4d;border:1px solid #33415573;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.label{letter-spacing:.06em;text-transform:uppercase;color:var(--ch-text-muted);flex:none;font-size:11px;font-weight:800}.value{color:var(--ch-text-main);text-align:right;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;min-width:0;max-width:70%;font-size:13px;font-weight:800;display:inline-flex;overflow:hidden}.info .value{max-width:70%}.info .value.rank>img{width:auto;height:20px;display:inline-block}.name-block{text-align:center;box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;padding:6px 0 10px}.name-block .value.name,.name-block .hashtag{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:900;overflow:hidden}.name-block .hashtag{cursor:default;color:var(--ch-text-muted);font-weight:800}.info .value.name{cursor:pointer;background:#3341552e;border:1px solid #33415573;border-radius:10px;padding:6px 10px;transition:background .16s,border-color .16s,transform .16s;display:inline-flex;position:relative}.info .value.name:hover{background:#3341554d;border-color:#334155bf}.info .value.name:after{content:"Copy name";color:var(--ch-text-main);letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;z-index:5;background:#1b212bf2;border:1px solid #334155bf;border-radius:10px;padding:6px 10px;font-size:12px;font-weight:800;transition:opacity .14s,transform .14s;position:absolute;top:-10px;left:50%;transform:translate(-50%)translateY(-100%)}.info .value.name:hover:after{opacity:1;transform:translate(-50%)translateY(calc(-100% - 2px))}.info .value.name.copied:before{content:"Copied!";color:var(--ch-text-main);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:4;background:#ef444424;border:1px solid #ef44448c;border-radius:10px;place-items:center;font-size:12px;font-weight:900;display:grid;position:absolute;inset:0}.info .value.name.copied span{filter:blur(2px);opacity:.5}@media (max-width:520px){.brick{padding:12px}.info{padding:10px}.value{max-width:62%}}.languages{word-wrap:break-word;overflow-wrap:anywhere;align-items:center;gap:.3rem;margin:0;padding:0;font-size:1.2rem;list-style:none;display:flex}.autocomplete-wrapper{width:100%;position:relative}.autocomplete-dropdown{z-index:20;background-color:#1e1e1e;border:1px solid #444;border-top:none;width:100%;max-height:200px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 4px 8px #0003}.autocomplete-option{cursor:pointer;padding:10px;transition:background-color .2s}.autocomplete-option p{color:#fff;margin:0;font-size:14px}.autocomplete-option:hover{background-color:#272f3d}.player-message{color:var(--ch-text-main);border-radius:calc(var(--ch-radius) + 4px);white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;background:#1e293b59;border:1px solid #3341558c;padding:10px 12px;font-size:13px;line-height:1.55}.player-message:before{content:"Message";letter-spacing:.08em;text-transform:uppercase;color:var(--ch-text-muted);margin-bottom:6px;font-size:11px;font-weight:900;display:block}.card .player-name{text-align:center;color:#f1f1f1;margin-bottom:10px;font-size:18px;font-weight:700}.card .field{margin-bottom:8px}.card .label{color:#e6e6e6;width:100px;font-size:14px;font-weight:700;display:inline-block}.card .value{color:#f1f1f1;font-size:14px}@media (max-width:768px){.tab-content{width:90%}}
.login-message{color:var(--ch-text-main);box-sizing:border-box;flex-wrap:wrap;gap:24px;padding:12px;display:flex}.login-message-col{flex:1 1 0;min-width:260px}.login-message-col.main{max-width:60%}.login-message-col.side{background:var(--ch-bg-card);border-radius:var(--ch-radius);border:1px solid var(--ch-border);box-sizing:border-box;flex-direction:column;height:100%;padding:14px 16px 16px;display:flex}.login-message-col.side .cta-button{align-self:flex-start;margin-top:auto}.login-intro{color:var(--ch-text-muted);margin:6px 0 12px;font-size:14px;line-height:1.6}.login-subtext{color:var(--ch-text-muted);margin:10px 0 0;font-size:13px}.login-highlight{color:var(--ch-text-main);margin:0 0 8px;font-size:14px;line-height:1.6}.login-text{color:var(--ch-text-muted);margin:0 0 12px;font-size:13px;line-height:1.6}.login-actions{flex-wrap:wrap;gap:10px;margin:4px 0;display:flex}.cta-button{border-radius:var(--ch-radius);cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;padding:9px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,transform .15s,box-shadow .2s;display:inline-flex}.cta-button.primary{background:var(--vcrdb-green-hover);color:#fff;border:1px solid var(--vcrdb-green-hover);box-shadow:0 8px 18px #00000073}.cta-button.primary:hover{background:var(--vcrdb-green-active);border-color:var(--vcrdb-green-active)}.cta-button.secondary{color:var(--ch-text-main);border:1px solid var(--ch-border);background:0 0}.cta-button.secondary:hover{background:var(--ch-bg-surface-soft);border-color:var(--vcrdb-green-hover)}.cta-button.discord{color:#fff;background:#5865f2;border:1px solid #5865f2;margin-top:2px;box-shadow:0 8px 18px #00000073}.cta-button.discord:hover{background:#4b57d6;border-color:#4b57d6}.cta-button:active{transform:scale(.97)}.login-message a,.login-message a:visited{color:inherit}@media (max-width:900px){.login-message{padding:18px 14px 20px}.login-message-col.main{max-width:100%}.login-message-col.side{margin-top:8px}.login-actions{flex-direction:column}.cta-button{justify-content:center;width:100%}}.entryform-container{justify-content:center;align-items:flex-start;width:100%;max-width:1000px;margin:30px auto 40px;display:flex}.entryform{background-color:var(--ch-bg-card);border-radius:var(--ch-radius);border:1px solid var(--ch-border);box-sizing:border-box;width:100%;color:var(--ch-text-main);padding:14px 16px;box-shadow:0 10px 28px #0009}.entryform-header{margin-bottom:16px}.entryform-title{color:var(--ch-text-main);margin:0 0 6px;font-size:20px;font-weight:700}.entryform-subtitle{color:var(--ch-text-muted);margin:0;font-size:14px}.entryform label{color:var(--ch-text-main);margin:10px 0 5px;font-size:14px;font-weight:500;display:block}.entryform input,.entryform select,.entryform textarea{border:1px solid var(--ch-border);border-radius:var(--ch-radius);resize:none;background:var(--ch-bg-surface);width:100%;color:var(--ch-text-main);box-sizing:border-box;font-size:14px}.entryform input:focus,.entryform select:focus,.entryform textarea:focus{border-color:var(--vcrdb-green-hover);outline:none}.entryform textarea{min-height:80px}.entryform input[type=button]{background-color:var(--vcrdb-green-hover);color:#fff;cursor:pointer;border-radius:var(--ch-radius);border:none;width:auto;padding:10px 22px;font-size:14px;font-weight:600;transition:background .2s,transform .15s}.entryform input[type=button]:hover{background-color:var(--vcrdb-green-active)}.entryform input[type=button]:active{transform:scale(.97)}.entryform-actions{align-items:center;gap:12px;margin-top:6px;margin-bottom:4px;display:flex}.entryform-hint{color:var(--ch-text-muted);margin:0;font-size:12px}.form-row{gap:16px;margin-bottom:10px;display:flex}.form-group{flex:1}.player-name-input{align-items:center;gap:.3rem;display:flex}.player-name-input input{border-radius:var(--ch-radius);border:1px solid var(--ch-border);background:var(--ch-bg-surface);color:var(--ch-text-main);padding:8px 10px;font-size:14px}.player-name-input input#tag,.player-name-input input[type=text]#tag{text-align:center;max-width:80px}.player-name-input input[type=text]#name,.player-name-input input[type=text]:not(#tag){flex:1}.player-name-input span{color:var(--ch-text-main);margin:0;font-size:1.1rem;font-weight:600;line-height:1}.role-container{flex-wrap:wrap;gap:16px;margin-bottom:10px;display:flex}.role{-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:6px 0;display:flex}.role input[type=radio]{cursor:pointer;appearance:none;border:2px solid var(--ch-border);background:0 0;border-radius:4px;width:18px;height:18px;margin:0;transition:background-color .2s,border-color .2s}.role input[type=radio]:checked{background-color:var(--vcrdb-green);border-color:var(--vcrdb-green)}.role label{color:var(--ch-text-main);align-items:center;margin:0;font-size:14px;line-height:1;display:flex}.checkbox-container{-webkit-user-select:none;user-select:none;align-items:center;gap:10px;width:100%;margin:10px 0;display:flex}.checkbox-container input[type=checkbox]{appearance:none;border:2px solid var(--ch-border);cursor:pointer;background:0 0;border-radius:4px;width:18px;height:18px;margin:0;transition:background-color .2s,border-color .2s;position:relative}.checkbox-container input[type=checkbox]:checked{background-color:var(--vcrdb-green);border-color:var(--vcrdb-green)}.checkbox-container label{color:var(--ch-text-main);cursor:pointer;align-items:center;margin:0;font-size:14px;line-height:1;display:flex}.flex-container{justify-content:space-between;align-items:center;gap:16px;margin-top:4px;display:flex}#edit-status{margin-top:8px}#edit-status-text{color:var(--ch-text-muted);margin:0;font-size:13px}.rules-text{color:var(--ch-text-muted);margin-top:10px;font-size:12px}.rules-text a{color:var(--vcrdb-green);margin-left:4px;text-decoration:none}.rules-text a:hover{text-decoration:underline}.popup{z-index:9999;background:#000000b3;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.popup.show{display:flex}.popup-content{background:var(--ch-bg-surface-hard);border-radius:var(--ch-radius);border:1px solid var(--ch-border);width:90%;max-width:520px;color:var(--ch-text-main);box-sizing:border-box;padding:20px 24px;position:relative;box-shadow:0 10px 28px #000000b3}.popup-content h2{margin:0 0 10px;font-size:18px}.popup-content p{color:var(--ch-text-muted);margin:6px 0;font-size:13px}.popup-content strong{color:var(--ch-text-main)}.popup-content .close{cursor:pointer;color:var(--ch-text-muted);font-size:18px;position:absolute;top:10px;right:12px}@media (max-width:800px){.entryform-container{width:95%;margin-top:20px}.form-row{flex-direction:column;gap:10px}.flex-container{flex-direction:column;align-items:flex-start}}.entryform input:not([type=radio]):not([type=checkbox]),.entryform select{height:42px;padding:0 12px;line-height:42px}.entryform textarea{padding:10px 12px;line-height:1.5}.player-name-input{align-items:center;display:flex}.player-name-input span{justify-content:center;align-items:center;height:42px;padding:0 6px;line-height:1;display:flex}.role input[type=radio]{width:18px;height:18px;padding:0;line-height:normal}.integration-section{flex-wrap:wrap;gap:16px;margin-bottom:18px;display:flex}.integration-card{border-radius:var(--ch-radius);box-sizing:border-box;flex:1 1 0;min-width:260px;padding:10px 12px 12px}.integration-btn{border-radius:var(--ch-radius);cursor:pointer;color:#fff;box-sizing:border-box;border:none;justify-content:center;align-items:center;width:100%;min-height:42px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s;display:flex;box-shadow:0 8px 16px #0006}.integration-btn-discord{background:#5865f2}.integration-btn-discord:hover{background:#4b57d6}.integration-btn-riot{background:var(--vcrdb-green-hover)}.integration-btn-riot:hover{background:var(--vcrdb-green-active)}.integration-btn:active{transform:scale(.97)}.integration-btn-label{white-space:nowrap}.integration-text{color:var(--ch-text-muted);margin:8px 0 0;font-size:13px;line-height:1.5}@media (max-width:800px){.integration-section{flex-direction:column}}.integration-text a,.integration-text a:visited{color:var(--vcrdb-green)}.integration-text a:hover{text-decoration:underline}.is-hidden{display:none}.integration-btn.integration-btn-edit{border-radius:var(--ch-radius);width:100%;color:var(--ch-text-main);cursor:pointer;background:#33415540;border:1px solid #334155b3;justify-content:center;align-items:center;gap:10px;padding:12px 14px;transition:transform .12s,background .16s,border-color .16s;display:inline-flex}.entryform-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:18px;display:flex}#saveProfile{appearance:none;color:var(--ch-text-main);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ef44442e,#ef444447);border:1px solid #334155b3;border-radius:999px;width:auto;padding:10px 22px;font-size:14px;font-weight:600;transition:background .16s,border-color .16s,transform .12s,box-shadow .16s}#saveProfile:hover{background:linear-gradient(135deg,#ef444447,#ef444461);border-color:#ef44448c;box-shadow:0 6px 18px #00000059}#saveProfile:active{transform:translateY(1px);box-shadow:0 3px 10px #00000059}.entryform-hint{color:var(--ch-text-muted);margin:0;font-size:12px;line-height:1.4}.entryform-hint a{color:var(--vcrdb-green);cursor:pointer;margin-left:4px;text-decoration:none}.entryform #saveProfile{height:auto;padding:10px 22px;line-height:normal}