:root{--red:#df2537;--hot:#ff4c5b;--black:#08080b;--panel:#161317;--line:#393238;--white:#f4f1f2;--soft:#9d969c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,90px);z-index:5;background:#f2eff0;color:#1d1719;padding:11px 17px;font:700 12px 'Barlow Condensed';transition:.2s}.toast.show{transform:translate(-50%,0)}
/* Inicio */.cosline-home{min-height:100vh;background:#050609;color:#f3f4f6}.cosline-home:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 12%,#a2193438,transparent 32%),radial-gradient(ellipse at 12% 55%,#19295d4a,transparent 34%),radial-gradient(ellipse at 88% 50%,#5d162d55,transparent 31%),linear-gradient(180deg,#05060b,#0c0a12 52%,#09080c);z-index:-3}.star-field{position:fixed;inset:0;pointer-events:none;z-index:-2;opacity:.78;background-image:radial-gradient(white 1px,transparent 1.2px),radial-gradient(#fd5a6d 1px,transparent 1.5px),radial-gradient(#97b4ff 1px,transparent 1.3px);background-size:71px 71px,127px 127px,211px 211px;background-position:12px 19px,40px 81px,90px 30px}.cosline-nav{max-width:1190px;height:78px;border-bottom:1px solid #ffffff20;margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.nav-wordmark{font:900 20px/1 'Barlow Condensed';letter-spacing:1.8px;color:white;text-decoration:none}.nav-wordmark span{color:#e53948}.cosline-nav nav{display:flex;height:100%}.cosline-nav nav a{display:flex;align-items:center;padding:0 22px;color:#aaa9b0;text-decoration:none;font:700 12px 'Barlow Condensed';letter-spacing:.8px;border-bottom:2px solid transparent}.cosline-nav nav a.active,.cosline-nav nav a:hover{color:#fff;border-color:#e2263a}.nav-ip{font:700 11px 'Barlow Condensed';letter-spacing:.5px;color:#f4f0f1;background:#ffffff0c;border:1px solid #ffffff20;padding:9px 11px;cursor:pointer}.nav-ip i{width:7px;height:7px;display:inline-block;border-radius:50%;background:#5dde86;box-shadow:0 0 12px #5dde86}.nav-ip b{display:block;color:#ee5260;font-size:9px;margin-left:12px;letter-spacing:1px}.cosline-hero{min-height:515px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.cosline-hero:before{content:"";position:absolute;width:700px;height:290px;border-radius:50%;background:radial-gradient(ellipse,#cf263c42 0%,#7b214748 36%,transparent 70%);filter:blur(15px);top:50px}.nebula{position:absolute;width:390px;height:190px;border-radius:50%;filter:blur(28px);opacity:.38}.nebula-left{left:-120px;top:115px;background:#1d63a0;transform:rotate(-22deg)}.nebula-right{right:-120px;top:135px;background:#c31e46;transform:rotate(24deg)}.main-logo{width:min(330px,65vw);max-height:330px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 0 36px #ec2a3e88) drop-shadow(0 14px 16px #000)}.network-name{position:relative;z-index:1;font:900 43px/.85 'Barlow Condensed';letter-spacing:3px;margin:3px 0 17px;color:#e9e8eb;text-shadow:0 3px 14px #000}.network-name span{color:#eb2d40}.hero-rule{width:53px;height:3px;background:#e32a3c;box-shadow:0 0 17px #e32a3c;position:relative;z-index:1}.latest-updates{max-width:970px;margin:0 auto;padding:21px 0 68px}.updates-heading{text-align:center;margin-bottom:23px}.updates-heading p{font:700 10px 'Barlow Condensed';color:#db3948;letter-spacing:2px;margin:0 0 9px}.updates-heading h1{font:900 37px/.85 'Barlow Condensed';letter-spacing:.8px;margin:0}.updates-heading h1 span{color:#ed3445}.updates-heading small{font:600 9px 'Barlow Condensed';letter-spacing:1.7px;color:#88858e}.post-list{border-top:1px solid #ffffff1f}.update-post{min-height:92px;display:grid;grid-template-columns:48px 1fr 30px;gap:17px;align-items:center;padding:16px 14px;border-bottom:1px solid #ffffff1a;background:#111017a6;transition:background .2s}.update-post:hover{background:#25121a}.mc-head{width:46px;height:46px;position:relative;border:2px solid #3b3940;background-image:linear-gradient(90deg,#0002 20%,transparent 20% 80%,#0003 80%),linear-gradient(#0001 20%,transparent 20% 80%,#0003 80%);background-size:12px 12px}.mc-head i{position:absolute;left:8px;top:14px;width:8px;height:6px;background:#151218;box-shadow:20px 0 #151218}.head-one{background-color:#deb48b}.head-two{background-color:#a06948}.head-three{background-color:#c7b5a1}.update-type{font:700 9px 'Barlow Condensed';letter-spacing:1.4px;color:#e64552;margin:0 0 3px}.update-post h2{font:700 18px/1 'Barlow Condensed';letter-spacing:.15px;margin:0;color:#f0edef}.update-by{font-size:10px;color:#89858b;margin:5px 0 0}.update-by b{color:#d7d3d7}.post-arrow{color:#eb3b4a;font-size:21px;text-align:right}.cosline-footer{max-width:970px;margin:auto;border-top:1px solid #ffffff20;padding:28px 0 38px;display:flex;align-items:center;justify-content:space-between}.cosline-footer div{display:flex;gap:24px}.cosline-footer a{color:#a49fa7;text-decoration:none;font:700 11px 'Barlow Condensed';letter-spacing:.8px}.cosline-footer a span{color:#f0ecee}.cosline-footer p{color:#77737c;font:700 10px 'Barlow Condensed';letter-spacing:1px}
/* Páginas de herramienta */.site-shell{min-height:100vh}.navbar,main,footer{max-width:1190px;margin:auto}.navbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font:900 21px/15px 'Barlow Condensed';letter-spacing:1.4px}.logo small{display:block;font-size:9px;letter-spacing:2px;color:#aaa4a8;margin-top:3px}.logo-ghost{position:relative;width:32px;height:29px;background:#bbbabe;clip-path:polygon(0 100%,0 28%,18% 5%,78% 4%,100% 30%,100% 100%,82% 83%,64% 100%,46% 83%,28% 100%,12% 83%)}.logo-ghost i,.logo-ghost b{position:absolute;width:5px;height:7px;background:#28242a;border-radius:50%;top:11px}.logo-ghost i{left:9px}.logo-ghost b{right:9px}.navbar nav{display:flex;height:100%}.navbar nav a{display:flex;align-items:center;padding:0 21px;color:#aaa5a9;text-decoration:none;font:700 12px 'Barlow Condensed';letter-spacing:.7px;border-bottom:3px solid transparent}.navbar nav a.active,.navbar nav a:hover{color:#fff;background:#191518;border-color:var(--red)}.ip-button{background:#211c1f;border:1px solid #4a3d42;color:#f5f0f2;padding:8px 10px;cursor:pointer;display:grid;grid-template-columns:auto 1fr;column-gap:6px;text-align:left}.status-dot{width:7px;height:7px;border-radius:50%;background:#64d482;display:inline-block;margin:4px 3px 0 0}.ip-button b{grid-column:2;font:700 9px 'Barlow Condensed';letter-spacing:1px;color:#ec6570}.ip-copy{font:700 12px 'Barlow Condensed'}.subpage{min-height:calc(100vh - 78px);padding:55px 0 90px}.red-kicker{font:700 11px 'Barlow Condensed';letter-spacing:1.8px;color:var(--hot);margin:0 0 13px}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.page-heading h1{font:900 54px/.8 'Barlow Condensed';margin:0}.page-heading h1 span{color:var(--red)}.page-heading p{color:var(--soft);font-size:12px;margin:16px 0 0}.demo-label{font:700 10px 'Barlow Condensed';color:#e99aa0;letter-spacing:1px}.rank-filters{display:grid;grid-template-columns:1.05fr 1.05fr 1fr 1.5fr;gap:11px;background:#171416;border:1px solid var(--line);padding:16px}.filter{background:#2a2527;border:1px solid #4b4145;color:#eae6e7;padding:12px;font:700 13px 'Barlow Condensed';letter-spacing:.5px;display:flex;justify-content:space-between}.filter.search{color:#aaa2a6}.rank-table{width:100%;border-collapse:collapse;margin-top:14px;background:#161416;border:1px solid var(--line)}.rank-table th{background:#2a2729;text-align:left;padding:12px 18px;color:#ff5b66;font:700 11px 'Barlow Condensed';letter-spacing:1px}.rank-table td{padding:15px 18px;color:#c3bec1;font-size:12px;border-top:1px solid #2b282a}.rank-table tr:nth-child(even) td{background:#1c191b}.rank-number{font:800 18px 'Barlow Condensed';color:#fff}.user-cell{display:flex;align-items:center;gap:10px;color:#f3eff0!important;font-weight:600}.user-skin{width:25px;height:25px;background:linear-gradient(135deg,#bfc4bf 0 45%,#d52937 46% 67%,#222 68%);border:1px solid #595154}.rating{color:#ff525f!important;font-weight:700}.wins{color:#70d884!important}.losses{color:#e56a6e!important}.table-note{font-size:10px;color:#746e72;margin-top:12px}.click-layout{display:grid;grid-template-columns:1fr 305px;gap:16px}.click-area{min-height:438px;display:grid;place-items:center;background:radial-gradient(circle at center,#46141b,#150e10 60%);border:1px solid #65232a;position:relative;cursor:crosshair;user-select:none}.click-area:after{content:"";position:absolute;inset:17px;border:1px dashed #7b3239;pointer-events:none}.click-target{height:216px;width:216px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#ee3442,#a4121f);border:8px solid #ff6570;box-shadow:0 0 0 8px #721723,0 0 60px #db2439;position:relative;z-index:1;text-align:center}.click-target b{display:block;font:900 57px/.8 'Barlow Condensed'}.click-target small{font:700 12px 'Barlow Condensed';letter-spacing:1px}.tester-panel{background:#181517;border:1px solid var(--line);padding:23px}.tester-panel h2{font:800 27px 'Barlow Condensed';margin:0 0 7px}.tester-panel>p{font-size:11px;line-height:1.6;color:#989196}.test-select{display:flex;gap:6px;margin:20px 0}.test-select button{flex:1;padding:8px;background:#292426;border:1px solid #484043;color:#a8a0a4;font:700 11px 'Barlow Condensed';cursor:pointer}.test-select button.active{background:var(--red);border-color:var(--hot);color:#fff}.test-stat{border-top:1px solid var(--line);padding:15px 0;display:flex;justify-content:space-between;align-items:end}.test-stat span{font:700 10px 'Barlow Condensed';letter-spacing:1px;color:#938b90}.test-stat b{font:800 28px/1 'Barlow Condensed';color:#fff}.reset-button{width:100%;padding:11px;background:transparent;border:1px solid #53494d;color:#d7d0d3;font:700 11px 'Barlow Condensed';letter-spacing:1px;cursor:pointer}.reset-button:hover{border-color:var(--red);color:white}footer{border-top:1px solid var(--line);padding:30px 0 40px;display:flex;align-items:center;justify-content:space-between}footer p{color:#77737c;font:700 10px 'Barlow Condensed';letter-spacing:1px}.socials{display:flex;gap:25px}.socials a{color:#a49fa7;text-decoration:none;font:700 11px 'Barlow Condensed';letter-spacing:.8px}.socials span{color:#f0ecee}@media(max-width:850px){.cosline-nav{margin-inline:18px}.latest-updates,.cosline-footer{margin-inline:20px}.cosline-nav nav a,.navbar nav a{padding:0 11px}.navbar{padding:0 18px}.ip-button{display:none}.subpage{padding:55px 20px}.click-layout{grid-template-columns:1fr}.rank-filters{grid-template-columns:1fr 1fr}footer{margin-inline:20px}}@media(max-width:570px){.cosline-nav{height:62px}.nav-wordmark{font-size:17px}.cosline-nav nav a{padding:0 8px;font-size:11px}.nav-ip{display:none}.cosline-hero{min-height:420px}.main-logo{width:260px}.network-name{font-size:34px}.latest-updates{padding-bottom:42px}.updates-heading h1{font-size:31px}.update-post{grid-template-columns:42px 1fr 16px;gap:11px;padding:14px 5px}.mc-head{width:41px;height:41px}.update-post h2{font-size:16px}.cosline-footer{display:block;text-align:center}.cosline-footer div{justify-content:center;flex-wrap:wrap}.cosline-footer p{margin-top:20px}.navbar{height:64px}.navbar nav a{padding:0 8px;font-size:11px}.logo{font-size:18px}.rank-filters{grid-template-columns:1fr}.page-heading h1{font-size:44px}.rank-table th,.rank-table td{padding:12px 9px}.rank-table th:nth-child(3),.rank-table td:nth-child(3){display:none}.socials{display:none}}