.nick-container,.tool-container{border-left:6px solid #f49d16;max-width:800px}.nick-container .nick-item span,.tool-container .nick-item span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tool-container{background:#1a1a1a;color:#eaeaea;padding:24px;margin:40px auto;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.45);scroll-margin-top:120px}.tool-container h2{color:#f49d16;margin-bottom:10px}.tool-container p{color:#ccc;margin-bottom:15px}.tool-container .nick-formatado,.tool-container .nick-input,.tool-container input[type=text]{width:100%;padding:14px 16px;font-size:17px;border-radius:10px;border:1px solid #333;background:#111;color:#fff;margin-bottom:20px;box-sizing:border-box}.tool-container input::placeholder{color:#777}.nick-container .nick-list,.tool-container .nick-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.tool-container .nick-item{background:#0f0f0f;border-radius:10px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 12px rgba(0,0,0,.5);transition:transform .15s,box-shadow .15s}.tool-container .nick-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.6)}.tool-container .nick-item span{font-size:16px}.tool-container .copy-btn,.tool-container .nick-item button{background:#f49d16;color:#000;border:none;border-radius:8px;padding:6px 12px;font-weight:700;cursor:pointer;transition:.2s}.menu-ancoras li a,.tool-container .menu-ferramentas a{display:block;color:#f5c542;text-align:center;font-weight:600;text-decoration:none;transition:.2s}.nick-container .copy-btn:hover,.tool-container .copy-btn:hover,.tool-container .nick-item button:hover{background:#fff;color:#000;transform:scale(1.05)}.tool-container .menu-ferramentas{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:30px 0;padding:0;list-style:none}.tool-container .menu-ferramentas a{background:#111;padding:12px;border-radius:8px;border:1px solid rgba(245,197,66,.35)}.tool-container .menu-ferramentas a:hover{background:#f49d16;color:#000;transform:translateY(-2px)}.menu-ancoras{margin:2rem 0}.menu-ancoras ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;padding:0;margin:0;list-style:none}.menu-ancoras li a{background:#1a1a1a;padding:10px 12px;border-radius:8px;border:1px solid rgba(245,197,66,.3)}.menu-ancoras li a:hover{background:#f5c542;color:#000;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.4)}.nick-container{background:#1a1a1a;border-radius:12px;padding:20px;margin:30px auto;box-shadow:0 6px 20px rgba(0,0,0,.35)}.nick-container h2{color:#f49d16}.nick-container p{color:#ddd}.nick-container .nick-item{background:#1a1a1a;color:#fff;padding:12px 14px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;font-size:17px;box-shadow:0 4px 10px rgba(0,0,0,.3)}.nick-container .copy-btn{background:#f49d16;border:none;color:#000;font-size:16px;padding:6px 10px;border-radius:6px;cursor:pointer;transition:.2s;font-weight:700}@media (max-width:576px){.tool-container .nick-list{grid-template-columns:1fr}.menu-ancoras ul{grid-template-columns:repeat(2,1fr)}.nick-container .nick-item{font-size:16px}}article ol {
    margin-left: 20px;
    padding-left: 20px;
}

article ol li {
    margin-bottom: 8px;
    border-radius: 6px;
    list-style-position: outside;
}
article ul {
    margin-left: 0;
    padding-left: 20px;
}

article ul li {
    margin-bottom: 12px;
    border-radius: 8px;
}
.menu-ancoras ul {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
    gap:18px;
}

.menu-ancoras li {
    display:flex;
}

.menu-ancoras li a {
    background:#1a1a1a;
    padding:18px 16px;
    border-radius:12px;
    border:1px solid rgba(245,197,66,.3);
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    min-height:90px;
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}
.menu-ancoras li a:hover {
    background:#f49d16;
    color:#000;
    transform:translateY(-3px);
    box-shadow:0 8px 20px rgba(0,0,0,.4);
}
@media (max-width:576px){
    .menu-ancoras ul{
        grid-template-columns:repeat(2,1fr);
    }
}

.ranking-real {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 16px;
    padding: 0;
}

.ranking-real li {
    list-style: none;
}

.ffmania-nome {
    background: #111;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0,0,0,.5);
    transition: transform .2s ease, box-shadow .2s ease;
	position: relative;
    padding: 18px 16px;
}

.ffmania-nome:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0,0,0,.6);
}

.ffmania-nome strong {
    font-size: 17px;
    font-weight: 600;
}

.ffmania-nome small {
    font-size: 13px;
    color: #bbb;
}

.btn-copy-icon {
    background: #f5c400;
    border: 1px solid rgba(255,255,255,.08);
    color: #000;
    padding: 4px 9px;
	border-color: #f5c400;
    font-size: 12px;
    border-radius: 8px;
    transition: all .2s ease;
}

.ffmania-nome .btn-copy-icon {
    top: 14px;
    right: 14px;
}

.spinner {
    width:22px;
    height:22px;
    border:3px solid rgba(255,255,255,.2);
    border-top:3px solid #f5c400;
    border-radius:50%;
    animation:spin .7s linear infinite;
}

@keyframes spin {
    to { transform:rotate(360deg); }
}
.ffmania-nome {
    padding: 16px;
}

.ffmania-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.ffmania-top strong {
    font-size: 17px;
    font-weight: 600;
}